初始化提交
This commit is contained in:
shenquanyi
586
css/ainong/biocarbon-neutral.css
Normal file
586
css/ainong/biocarbon-neutral.css
Normal file
@@ -0,0 +1,586 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.common-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.common-flex-title {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.common-clear-margin {
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.common-clear-padding {
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.common-deco-cirle {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #a3c85e;
|
||||
border-radius: 4px;
|
||||
display: inline-block;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.common-cfx {
|
||||
width: 32px;
|
||||
height: 4px;
|
||||
background: #7fb63e;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 生物碳中和区域 */
|
||||
|
||||
/* .header {
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/biocarbon-neutral/banner.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
|
||||
} */
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/biocarbon-neutral/banner.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-fb {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
width: 100%;
|
||||
height: 78px;
|
||||
font-size: 75px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 16px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
font-size: 25px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 5.2px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
/* 用得起的无土栽培方式 */
|
||||
|
||||
.box1 {
|
||||
width: 63%;
|
||||
height: 526px;
|
||||
background: #ffffff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title1 {
|
||||
width: 319px;
|
||||
height: 32px;
|
||||
font-size: 31px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title2 {
|
||||
text-transform: uppercase;
|
||||
width: 381px;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box1 .box1-fb2 .ims {
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb2 .des {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* 水培牧草 */
|
||||
|
||||
.box2 {
|
||||
position: relative;
|
||||
width: 63%;
|
||||
height: 733px;
|
||||
background: #fbfbfb;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box2 .bcirle {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
position: absolute;
|
||||
top: 56px;
|
||||
right: 119px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
margin-left: 49px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title1 {
|
||||
width: 256px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 66px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title2 {
|
||||
text-transform: uppercase;
|
||||
width: 135px;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .igrass {
|
||||
margin-left: 50px;
|
||||
width: 543px;
|
||||
height: 407px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
width: 704px;
|
||||
height: 336px;
|
||||
background: #ffffff;
|
||||
margin-left: -150px;
|
||||
padding: 36px;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right .rl1 {
|
||||
height: 24px;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: justifyLeft;
|
||||
color: #252934;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right .rl {
|
||||
height: 19px;
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justifyLeft;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
/* 应用优势 */
|
||||
|
||||
.box3 {
|
||||
width: 63%;
|
||||
/* height: 789px; */
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
background: #ffffff;
|
||||
padding-left: 49px;
|
||||
padding-right: 49px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title1 {
|
||||
margin-top: 30px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 67px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title2 {
|
||||
text-transform: uppercase;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 {
|
||||
width: 100%;
|
||||
/* height: 221px; */
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt {
|
||||
height: 221px !important;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* justify-content: space-around; */
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt1 {
|
||||
/* width: 48px; */
|
||||
/* height: 24px; */
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt3 {
|
||||
/* width: 176px; */
|
||||
/* height: 15px; */
|
||||
/* line-height: 40px; */
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: center;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
|
||||
/* 水培青绿饲料的价值 */
|
||||
|
||||
.box4 {
|
||||
width: 63%;
|
||||
height: 439px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title1 {
|
||||
width: 288px;
|
||||
height: 32px;
|
||||
font-size: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 80px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title2 {
|
||||
width: 134px;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .p1 {
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1820px) {
|
||||
.box2 {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1275px) {
|
||||
.box2 .box2-fb2 .igrass {
|
||||
width: 450px;
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.box2 .bcirle {
|
||||
top: 14px;
|
||||
right: 13px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 795px) {
|
||||
.box2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 595px) {
|
||||
.header {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 27px;
|
||||
line-height: 92px;
|
||||
letter-spacing: 6px;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 用得起的无土栽培方式 */
|
||||
.box1 {
|
||||
width: 100%;
|
||||
height: 650px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title1 {
|
||||
width: 260px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb1 .box1-title-fb .title2 {
|
||||
width: 259px;
|
||||
height: 32px;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
/* 水培牧草 */
|
||||
.box2 .bcirle {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title1 {
|
||||
font-size: 26px;
|
||||
line-height: 70px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb1 .title2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .igrass {
|
||||
width: 300px;
|
||||
height: 280px;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 100%;
|
||||
height: 733px;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .igrass {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.box2 .box2-fb2 .right .rl1 {
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
/* 应用优势 */
|
||||
.box3 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title1 {
|
||||
line-height: 68px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb1 .title2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
/* 水培青绿饲料的价值 */
|
||||
.box4 {
|
||||
width: 100%;
|
||||
padding: 0 30px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.box4 .box4-fb .box4-fb1 .title2 {
|
||||
font-size: 27px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 414px) {
|
||||
.box3 .box3-fb2 .xt {
|
||||
height: 127px !important;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt1 {
|
||||
line-height: 50px;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.common-cfx {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 375px) {
|
||||
.box3 .box3-fb2 .xt {
|
||||
height: 111px !important;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt1 {
|
||||
line-height: 31px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.common-cfx {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
.box3 .box3-fb2 .xt .xt3 {
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
758
css/ainong/breed.css
Normal file
758
css/ainong/breed.css
Normal file
@@ -0,0 +1,758 @@
|
||||
/*************
|
||||
名称：智能养殖
|
||||
作者：杨振天
|
||||
创建时间：2022-03-29
|
||||
结束时间：2022-04-18
|
||||
**************/
|
||||
/* 智能养殖 CSS */
|
||||
*,
|
||||
p,
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-breed {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/breed/banner.png);
|
||||
background-position: top center; /* 定义图片起始位置 */
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.logo1{
|
||||
color: #ffffff !important;
|
||||
font-weight: 700;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
text-transform: uppercase;
|
||||
font-size: 26px;
|
||||
}
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.title-main {
|
||||
font-size: 32px;
|
||||
}
|
||||
.title-tale {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.solutions,
|
||||
.Software,
|
||||
.hardware,
|
||||
.feeding,
|
||||
.monitoring,
|
||||
.weighing {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.solutions,
|
||||
.hardware,
|
||||
.monitoring {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.feed-top-con,
|
||||
.mon-top-con,
|
||||
.weight-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justifyLeft;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* 带有左边竖杠的小标题公共样式 */
|
||||
.mon-listBox,
|
||||
.processBox,
|
||||
.feed-list-box {
|
||||
padding: 0 4% !important;
|
||||
margin: 5% auto;
|
||||
}
|
||||
.device-con-smCss > .col-sm-6,
|
||||
.hard-sm-6-css > .col-sm-6 {
|
||||
width: 50%;
|
||||
}
|
||||
.pro-listCon > .col-sm-6 {
|
||||
width: 45%;
|
||||
}
|
||||
.feed-list-smCss > .col-sm-3,
|
||||
.device-list-smCss > .col-sm-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.soult-sm-4-css > .col-sm-4 {
|
||||
width: 33%;
|
||||
}
|
||||
/* old css */
|
||||
.iden {
|
||||
float: left;
|
||||
width: 10px;
|
||||
height: 24px;
|
||||
background: #90c221;
|
||||
}
|
||||
.iden-title {
|
||||
justify-content: left;
|
||||
}
|
||||
.iden-title span {
|
||||
margin-left: 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* .iden-new {
|
||||
border-left: 10px solid #90c221;
|
||||
padding-left: 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
} */
|
||||
|
||||
/* 1.解决方案 CSS */
|
||||
.solut-con-outBox {
|
||||
margin: 4% 0 6%;
|
||||
}
|
||||
.solut-circularBox {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: linear-gradient(-45deg, #56c221 0%, #90c221 100%);
|
||||
border-radius: 50%;
|
||||
margin: 0.8rem 0;
|
||||
border: 4px solid rgb(207, 243, 241);
|
||||
}
|
||||
.solut-circularBox p {
|
||||
font-size: 24px;
|
||||
width: 56%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
}
|
||||
.solut-cirBox-con {
|
||||
opacity: 0.8;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #24252e;
|
||||
line-height: 24px;
|
||||
margin: 0.3rem 0;
|
||||
}
|
||||
.solut-cirBox-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
.solut-cirBox-tex {
|
||||
font-size: 16px;
|
||||
}
|
||||
.solut-notBtn {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
.solut-notBtn-box {
|
||||
width: 86px;
|
||||
height: 35px;
|
||||
border: 1px solid #90c221;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.solut-notBtn p {
|
||||
font-size: 16px;
|
||||
width: 100%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #90c221;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* 2.软件 */
|
||||
.soft-allCon {
|
||||
margin: 2rem auto;
|
||||
width: 90%;
|
||||
}
|
||||
.soft-titCon {
|
||||
margin: 2rem 0;
|
||||
padding: 0 4% 0 0 !important;
|
||||
}
|
||||
.soft-titCon p {
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 1.2rem;
|
||||
text-align: justify;
|
||||
}
|
||||
.soft-listRow {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
.small-outBox {
|
||||
margin: 0.2rem 0;
|
||||
}
|
||||
.small-texBox {
|
||||
width: 88px;
|
||||
height: 40px;
|
||||
border: 1px dashed #7fb63e;
|
||||
border-radius: 21px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #7fb63e;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
.division-box {
|
||||
height: 1.2rem;
|
||||
}
|
||||
.soft-imgCon {
|
||||
width: 100%;
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
|
||||
/* 3.硬件 */
|
||||
.hardware-listBox {
|
||||
padding: 0 4% !important;
|
||||
margin: 7% auto;
|
||||
}
|
||||
.hard-allBox {
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
.graphic-img {
|
||||
height: 50%;
|
||||
}
|
||||
.graphic-img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.graphic-con {
|
||||
padding-top: 1rem;
|
||||
height: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
/* .graphic-con p {
|
||||
height: 24px;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #252934;
|
||||
}
|
||||
.graphic-con ul {
|
||||
margin-top: 10%;
|
||||
}
|
||||
.graphic-con ul li::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
background-color: #7fb63e;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: 1rem 0 0 0;
|
||||
height: 16px;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
} */
|
||||
.graphic-con ul li::before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
min-width: 6px;
|
||||
min-height: 6px;
|
||||
background-color: #7fb63e;
|
||||
margin-right: 10px;
|
||||
margin-left: -12px;
|
||||
}
|
||||
.graphic-con p {
|
||||
height: 24px;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #252934;
|
||||
}
|
||||
.graphic-con > .ul-inside {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.ul-inside ul {
|
||||
list-style: square;
|
||||
margin-top: 6%;
|
||||
color: #7fb63e;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
margin: 0.4rem 0 0 0;
|
||||
}
|
||||
.graphic-con ul li span {
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
/* 4-5的公共样式 */
|
||||
.dev-list-con,
|
||||
.feed-list-con {
|
||||
margin-top: 2%;
|
||||
}
|
||||
.feed-listTex,
|
||||
.dev-listTex {
|
||||
margin-left: 0.4rem;
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #90c221;
|
||||
line-height: 24px;
|
||||
}
|
||||
/* 4.饲喂 */
|
||||
.aiot-service {
|
||||
margin: 3.6rem 0 1.2rem;
|
||||
}
|
||||
.feed-comment {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.feed-com-main {
|
||||
width: 168px;
|
||||
height: 57px;
|
||||
background: #90c221;
|
||||
border-radius: 29px;
|
||||
box-shadow: 2.5px 4.33px 10px 5px rgba(127, 181, 62, 0.2);
|
||||
}
|
||||
.feed-com-mainPic {
|
||||
width: 72px;
|
||||
}
|
||||
.feed-com-main p {
|
||||
font-size: 22px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.feed-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
text-align: left !important;
|
||||
}
|
||||
.feed-com-tex span {
|
||||
display: block;
|
||||
min-height: 120px;
|
||||
font-size: 17px;
|
||||
color: #737c86;
|
||||
}
|
||||
.feed-pic-piont {
|
||||
width: 100%;
|
||||
}
|
||||
.feed-picList {
|
||||
margin: 3rem 0 1.2rem;
|
||||
}
|
||||
.feed-picList-img {
|
||||
justify-content: right;
|
||||
}
|
||||
.feed-picList-con {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.type-p,
|
||||
.type-span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
.type-p {
|
||||
width: 94px;
|
||||
font-size: 16px;
|
||||
color: #252934;
|
||||
}
|
||||
.type-span {
|
||||
font-size: 15px;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
.feed-picList-smCss img {
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-2 {
|
||||
width: 20%;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-10 {
|
||||
width: 80%;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
/* 5.环境监测 */
|
||||
.mon-img-box {
|
||||
margin: 4% 0 2%;
|
||||
}
|
||||
.monitor-device {
|
||||
/* margin-left: 5% auto 0; */
|
||||
width: 91.6%;
|
||||
/* margin: 0 auto; */
|
||||
}
|
||||
.device-con {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.device-con-img {
|
||||
width: 100%;
|
||||
background-color: rgb(245, 245, 245);
|
||||
}
|
||||
.device-con-tex {
|
||||
min-height: 131px;
|
||||
padding: 6% 0 14%;
|
||||
background-color: rgb(245, 245, 245);
|
||||
}
|
||||
.device-conTex-title {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #000000;
|
||||
}
|
||||
.device-conTex-con {
|
||||
margin-top: 1.2rem;
|
||||
font-size: 14px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
.device-list {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
/* 6.智能称重 */
|
||||
.process-title {
|
||||
margin-bottom: 2%;
|
||||
}
|
||||
.pro-tit-pic {
|
||||
width: 100%;
|
||||
margin: 5% 0;
|
||||
}
|
||||
.pig-pic,
|
||||
.ox-pic {
|
||||
width: 90% !important;
|
||||
}
|
||||
.pro-listTex {
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
background-color: #fbfbfb;
|
||||
margin: 1rem 1.2%;
|
||||
padding: 1.2rem 0.6rem 1.3rem !important;
|
||||
}
|
||||
.pro-listTex-pic img {
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
.pro-listTex-pic p,
|
||||
.pro-listTex-con {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.pro-listTex-pic p {
|
||||
margin-bottom: 0.4rem;
|
||||
font-size: 20px;
|
||||
color: #90c221;
|
||||
}
|
||||
.pro-listTex-con {
|
||||
padding: 0 3px;
|
||||
font-size: 14px;
|
||||
color: #737c86;
|
||||
}
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1230px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 460px) {
|
||||
html,
|
||||
body,
|
||||
input,
|
||||
select {
|
||||
font-size: 8px !important;
|
||||
}
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.bg-breed {
|
||||
height: 200px;
|
||||
}
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
font-size: 26px;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.title-main {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.title-tale {
|
||||
margin-top: -3.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.feed-top-con,
|
||||
.mon-top-con,
|
||||
.weight-top-con {
|
||||
width: 98%;
|
||||
font-size: 13px;
|
||||
text-align: justify;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
/* .iden-new {
|
||||
border-left: 8px solid #90c221;
|
||||
padding-left: 0.6rem;
|
||||
font-size: 14px;
|
||||
} */
|
||||
.iden {
|
||||
float: left;
|
||||
width: 8px;
|
||||
height: 17px;
|
||||
}
|
||||
.iden-title span {
|
||||
margin-left: 0.6rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
/* 1.解决方案 CSS */
|
||||
.arrow {
|
||||
display: none;
|
||||
}
|
||||
.solut-circularBox {
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
border: 3px solid rgb(207, 243, 241);
|
||||
}
|
||||
.solut-circularBox p {
|
||||
font-size: 18px;
|
||||
}
|
||||
.solut-cirBox-title {
|
||||
font-size: 12px;
|
||||
}
|
||||
.solut-cirBox-tex {
|
||||
display: none;
|
||||
}
|
||||
.solut-notBtn-box {
|
||||
width: 64px;
|
||||
height: 24px;
|
||||
}
|
||||
.solut-notBtn p {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* 2.软件 */
|
||||
.soft-allCon {
|
||||
margin: 0 auto !important;
|
||||
width: 90%;
|
||||
}
|
||||
.soft-titCon p {
|
||||
font-size: 13px;
|
||||
margin-bottom: 0.8em;
|
||||
}
|
||||
.soft-listRow {
|
||||
margin: 1.2rem 0;
|
||||
}
|
||||
.small-texBox {
|
||||
width: 66px;
|
||||
height: 24px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 0.4px;
|
||||
}
|
||||
.division-box {
|
||||
height: 0.4rem;
|
||||
}
|
||||
/* 3.硬件 */
|
||||
.graphic-img {
|
||||
height: 50%;
|
||||
}
|
||||
.graphic-con {
|
||||
height: 50%;
|
||||
}
|
||||
.graphic-con p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.graphic-con > .ul-inside {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
.graphic-con ul li span {
|
||||
font-size: 12px;
|
||||
text-align: justify;
|
||||
}
|
||||
/* 4-5的公共样式 */
|
||||
.dev-list-con > img,
|
||||
.feed-list-con > img {
|
||||
width: 20% !important;
|
||||
}
|
||||
.feed-listTex,
|
||||
.dev-listTex {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* 4.饲喂 */
|
||||
.aiot-service {
|
||||
margin: 3.6rem 0 1.2rem;
|
||||
}
|
||||
.feed-comment {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
/* margin: 3rem 0; */
|
||||
}
|
||||
.feed-com-main {
|
||||
width: 110px;
|
||||
height: 35px;
|
||||
}
|
||||
.feed-com-mainPic {
|
||||
width: 60px;
|
||||
}
|
||||
.feed-com-mainPic img {
|
||||
width: 50%;
|
||||
}
|
||||
.feed-com-main p {
|
||||
font-size: 15px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.feed-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
.feed-com-tex span {
|
||||
display: block;
|
||||
/* min-height: 66px; */
|
||||
min-height: 50px;
|
||||
font-size: 12px;
|
||||
color: #737c86;
|
||||
}
|
||||
.feed-pic-piont {
|
||||
transform: rotate(90deg);
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
}
|
||||
.feed-pic-piont img {
|
||||
width: 80%;
|
||||
}
|
||||
.type-p,
|
||||
.type-span {
|
||||
font-size: 12px;
|
||||
}
|
||||
.type-p {
|
||||
width: 64px;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-3 {
|
||||
width: 30%;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-3 img {
|
||||
width: 90%;
|
||||
}
|
||||
.feed-picList-smCss > .col-sm-9 {
|
||||
width: 70%;
|
||||
}
|
||||
/* 5.环境监测 */
|
||||
.device-con-tex {
|
||||
min-height: 118px !important;
|
||||
}
|
||||
.device-conTex-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.device-conTex-con {
|
||||
font-size: 12px;
|
||||
}
|
||||
/* 6.智能称重 */
|
||||
.pro-tit-pic {
|
||||
margin: 8% 0;
|
||||
}
|
||||
.pro-listTex {
|
||||
height: 200px;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.pro-listTex-pic img {
|
||||
margin-bottom: 0.8rem;
|
||||
width: 28%;
|
||||
}
|
||||
.pro-listTex-pic p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.pro-listTex-con {
|
||||
font-size: 12px;
|
||||
}
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
526
css/ainong/finance.css
Normal file
526
css/ainong/finance.css
Normal file
@@ -0,0 +1,526 @@
|
||||
/*************
|
||||
名称：金融资产监管
|
||||
作者：杨振天
|
||||
创建时间：2022-03-29
|
||||
结束时间：2022-04-18
|
||||
**************/
|
||||
/* 金融生物资产监管 CSS */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-finance {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/finance/banner.png);
|
||||
background-position: top center; /* 定义图片起始位置 */
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
/* 主题布局 */
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.loan,
|
||||
.framework,
|
||||
.plan,
|
||||
.advantage,
|
||||
.platform {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.iden {
|
||||
float: left;
|
||||
background: #90c221;
|
||||
}
|
||||
.plan-sm-com span,
|
||||
.platform-com span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
}
|
||||
.plan-sm-title p,
|
||||
.platform-title p {
|
||||
padding-top: 2%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
.plan-sm-com,
|
||||
.platform-com {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/*********** 公共样式 ***********/
|
||||
|
||||
/* 1.生物资产贷款难点 */
|
||||
.loan {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.loan-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
.loan-con-outBox {
|
||||
padding: 3% 0 6%;
|
||||
}
|
||||
.loan-con-box {
|
||||
/* width: 90%;
|
||||
height: 86%; */
|
||||
width: 350px;
|
||||
height: 296px;
|
||||
margin-top: 10%;
|
||||
}
|
||||
.con-box-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
/* font-size: 18px; */
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
.con-box-title p {
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
}
|
||||
.con-box-tex {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
font-size: 17px;
|
||||
background: #ffffff;
|
||||
padding: 20% 8% 26%;
|
||||
border-radius: 4px 0px 0px 0px;
|
||||
text-align: justify;
|
||||
margin: -20.8% auto 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin-top: -19%;
|
||||
}
|
||||
|
||||
/* 2.银行监管平台架构 */
|
||||
/************/
|
||||
/* 箭头图片存在问题 */
|
||||
/************/
|
||||
.fram-con-outBox {
|
||||
position: relative;
|
||||
margin: 6% 0 10%;
|
||||
}
|
||||
.fram-con-box {
|
||||
width: 84%;
|
||||
}
|
||||
.fram-con-title p {
|
||||
margin: 2rem 0 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
.fram-con-img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.fram-con-img img {
|
||||
margin-top: -8%;
|
||||
}
|
||||
.fram-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 3.银行监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
.plan-img {
|
||||
margin: 6% 0 9%;
|
||||
}
|
||||
.plan-sm-con {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* .plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
.plan-sm-com .iden { */
|
||||
/* width: 10px;
|
||||
height: 24px; */
|
||||
/* width: 8px;
|
||||
height: 22px;
|
||||
} */
|
||||
/* .plan-sm-com span { */
|
||||
/* sm-12 */
|
||||
/* margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
} */
|
||||
/* .plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
} */
|
||||
|
||||
/* 4.银行贷后监管平台优势 */
|
||||
.adv-con-outBox {
|
||||
margin: 6.5% 0 2%;
|
||||
}
|
||||
.adv-con-box {
|
||||
width: 89%;
|
||||
padding: 10% 6%;
|
||||
box-sizing: border-box;
|
||||
border-top-left-radius: 2%;
|
||||
border-top-right-radius: 2%;
|
||||
border-bottom: 2px solid #a3c85e;
|
||||
height: 220px;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
}
|
||||
.adv-con-title p {
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
.adv-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify !important;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 5.银行贷后监管平台 */
|
||||
.platform {
|
||||
width: 100%;
|
||||
background-image: url(../../img/finance/bg.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.platform-con-outBox {
|
||||
margin: 5% 0 10%;
|
||||
}
|
||||
.platform-cont {
|
||||
margin-top: 5.6%;
|
||||
}
|
||||
.platform-com .iden {
|
||||
/* float: left; */
|
||||
width: 10px;
|
||||
height: 24px;
|
||||
/* background: #90c221; */
|
||||
}
|
||||
.platform-com span {
|
||||
display: block;
|
||||
min-width: 230px;
|
||||
padding-left: 3%;
|
||||
font-size: 24px;
|
||||
color: #ffffff;
|
||||
}
|
||||
.platform-title p {
|
||||
font-size: 16px;
|
||||
padding-left: 5%;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
/*修改网页主题布局最大宽度为1200px*/
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
/* @media screen and (min-width: 992px) and (max-width: 1200px) {
|
||||
.container {
|
||||
max-width: 992px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 968px) and (max-width: 992px) {
|
||||
.container {
|
||||
max-width: 968px;
|
||||
}
|
||||
} */
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.bg-finance {
|
||||
height: 200px;
|
||||
}
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
min-width: 220px;
|
||||
font-size: 26px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* 可能需要 */
|
||||
/* .plan-sm-com .iden, .platform-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
} */
|
||||
|
||||
/* 1.生物资产贷款难点 */
|
||||
.loan-top-con {
|
||||
font-size: 14px;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
.loan-con-outBox {
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
.loan-con-box {
|
||||
/* height: 86%; */
|
||||
height: 195px;
|
||||
width: 100%;
|
||||
}
|
||||
.loan-con-longBox {
|
||||
height: 225px;
|
||||
}
|
||||
/* .con-box-title img {
|
||||
width: 20%;
|
||||
} */
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
.con-box-title p {
|
||||
font-size: 16px;
|
||||
}
|
||||
.con-box-tex {
|
||||
font-size: 14px;
|
||||
/* margin: -21.6% auto 0; */
|
||||
margin: -66px auto 0;
|
||||
|
||||
/* height: 100% !important; */
|
||||
padding: 16% 8% 10% !important;
|
||||
}
|
||||
|
||||
/* 2.银行监管平台架构 */
|
||||
/* .fram-con-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
} */
|
||||
.fram-con-title p {
|
||||
/* margin: 1.5rem 0 1.5rem; */
|
||||
margin: 1rem 0 1rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
.fram-con-title img {
|
||||
margin: 9% 4% 3% 0;
|
||||
width: 28% !important;
|
||||
}
|
||||
.fram-con-img {
|
||||
display: none;
|
||||
}
|
||||
.fram-con {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 3.银行监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
.plan-img {
|
||||
display: none;
|
||||
}
|
||||
.plan-sm-con {
|
||||
display: block;
|
||||
}
|
||||
.plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
.plan-sm-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
.plan-sm-com span {
|
||||
/* sm-12 */
|
||||
margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
/* 4.银行贷后监管平台优势 */
|
||||
.sm-block-css {
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
.adv-con-box {
|
||||
padding: 8% 5%;
|
||||
height: 100% !important;
|
||||
}
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
transform: scale(0.8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.adv-con-title p {
|
||||
font-size: 17px;
|
||||
margin-bottom: 0.6rem !important;
|
||||
}
|
||||
.adv-con {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 5.银行贷后监管平台 */
|
||||
.platform-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
.platform-com span {
|
||||
padding-left: 0% !important;
|
||||
margin-left: 2%;
|
||||
font-size: 16px;
|
||||
/* color: #333333; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
.platform-title p {
|
||||
font-size: 15px;
|
||||
padding-left: 0% !important;
|
||||
margin-left: 4.2%;
|
||||
/* color: #666666; */
|
||||
line-height: 20px;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.platform-cont-img {
|
||||
width: 100% !important;
|
||||
}
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
4224
css/ainong/fontawesome.css
vendored
Normal file
4224
css/ainong/fontawesome.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
554
css/ainong/government-regulation.css
Normal file
554
css/ainong/government-regulation.css
Normal file
@@ -0,0 +1,554 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.common-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.deco {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
background: #ffffff;
|
||||
border: 3px solid #1890ff;
|
||||
border-radius: 5px;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
/* 政府监管区域 */
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../images/government-regulation/18.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-fb {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
width: 100%;
|
||||
height: 78px;
|
||||
font-size: 75px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 16px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
font-size: 25px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 5.2px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
|
||||
/* 智能养殖政府监管平台 */
|
||||
|
||||
.box1 {
|
||||
width: 63%;
|
||||
/* height: 639px; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
/* background-image: url(../images/government-regulation/1.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center; */
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box1 .box1-fb {
|
||||
width: 100%;
|
||||
margin-top: 86.9958px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title1 {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
font-size: 48px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #24252e;
|
||||
line-height: 24px;
|
||||
letter-spacing: 9.6px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title2 {
|
||||
text-transform: uppercase;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-top: -31px;
|
||||
}
|
||||
|
||||
.box1 .box1-img {
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
|
||||
/* 牲畜电子身份区域 */
|
||||
|
||||
.box2 {
|
||||
width: 63%;
|
||||
height: 682px;
|
||||
background: #fbfbfb;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box2 .box2-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box2 .box2-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 无纸化检疫 */
|
||||
|
||||
.box3 {
|
||||
width: 63%;
|
||||
height: 723px;
|
||||
background: #ffffff;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box3 .box3-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 统计管理 */
|
||||
|
||||
.box4 {
|
||||
width: 63%;
|
||||
height: 682px;
|
||||
background: #fbfbfb;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box4 .box4-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box4 .box4-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 疫情预警防控 */
|
||||
|
||||
.box5 {
|
||||
width: 63%;
|
||||
height: 800px;
|
||||
background: #ffffff;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box5 .box5-img {
|
||||
width: 426px;
|
||||
height: 426px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-bottom: 16px !important;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .l11 {
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
font-size: 33px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
letter-spacing: 1.8px;
|
||||
margin-bottom: 49.0008px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .xl {
|
||||
width: 230px;
|
||||
height: 24px;
|
||||
font-size: 19px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #24252e;
|
||||
letter-spacing: 1.2px;
|
||||
margin-bottom: 39.0048px;
|
||||
}
|
||||
|
||||
|
||||
/* 媒体查询 */
|
||||
|
||||
@media screen and (max-width: 1365px) {
|
||||
.box1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
}
|
||||
|
||||
.box1 .box1-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.box2 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box3 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* @media screen and (max-width: 1055px) {
|
||||
.box1 .box1-fb .title2 {
|
||||
line-height: 34px;
|
||||
}
|
||||
.box1 {
|
||||
height: 489px;
|
||||
}
|
||||
.box2 {
|
||||
width: 100%;
|
||||
}
|
||||
.box2 .box2-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
.box3 {
|
||||
width: 100%;
|
||||
}
|
||||
.box3 .box3-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
.box4 {
|
||||
width: 100%;
|
||||
}
|
||||
.box4 .box4-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
.box5 {
|
||||
width: 100%;
|
||||
}
|
||||
.box5 .box5-img {
|
||||
width: 308px;
|
||||
height: 308px;
|
||||
}
|
||||
} */
|
||||
|
||||
@media screen and (max-width: 914px) {
|
||||
.box1 .box1-fb .title1 {
|
||||
font-size: 35px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
height: 429px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 595px) {
|
||||
.header {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 30px;
|
||||
line-height: 92px;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.box1 .box1-fb {
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title1 {
|
||||
font-size: 23px;
|
||||
letter-spacing: 5px;
|
||||
margin: 20px 0 10px 0;
|
||||
}
|
||||
|
||||
.box1 .box1-fb .title2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box1 .box1-img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 牲畜电子身份区域 */
|
||||
.box2 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box2 .box2-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box2 .box2-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 无纸化检疫 */
|
||||
.box3 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box3 .box3-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box3 .box3-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 统计管理 */
|
||||
.box4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box4 .box4-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box4 .box4-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* 疫情预警防控 */
|
||||
.box5 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.box5 .box5-img {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .l11 {
|
||||
margin-bottom: 28.0008px;
|
||||
width: 182px;
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.box5 .box5-lb .xl {
|
||||
margin-bottom: 20.0048px;
|
||||
width: 182px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
30
css/ainong/iconfont.css
Normal file
30
css/ainong/iconfont.css
Normal file
@@ -0,0 +1,30 @@
|
||||
@font-face {
|
||||
font-family: "iconfont"; /* Project id */
|
||||
src: url('iconfont.ttf?t=1648280512434') format('truetype');
|
||||
src: url('../fonts/iconfont.ttf?t=1648280512434') format('truetype');
|
||||
}
|
||||
|
||||
.iconfont {
|
||||
font-family: "iconfont" !important;
|
||||
font-size:30px;
|
||||
font-style: normal;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.icon-weixin-copy:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
|
||||
.icon-weibo:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
|
||||
.icon-taobao:before {
|
||||
content: "\e782";
|
||||
}
|
||||
|
||||
.icon-doyin:before {
|
||||
content: "\e70c";
|
||||
}
|
||||
|
||||
3
css/ainong/materialdesignicons.min.css
vendored
Normal file
3
css/ainong/materialdesignicons.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
775
css/ainong/order.css
Normal file
775
css/ainong/order.css
Normal file
@@ -0,0 +1,775 @@
|
||||
/*************
|
||||
名称：订单认养
|
||||
作者：杨振天
|
||||
创建时间：2022-04-20
|
||||
结束时间：2022-04-21
|
||||
**************/
|
||||
/* 订单认养 CSS */
|
||||
*,
|
||||
p,
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-order {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/order/banner.png);
|
||||
}
|
||||
|
||||
.bg-order,
|
||||
.solution-con-img,
|
||||
.monitoring {
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.row,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.poultry,
|
||||
.solution,
|
||||
.traceability,
|
||||
.process,
|
||||
.monitoring {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.process {
|
||||
padding-top: 4% !important;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.solution {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.point-tex-box,
|
||||
.point-tex-outBox > span,
|
||||
.ul-inside ul li > span,
|
||||
.traceability-tex p,
|
||||
.footService-comment,
|
||||
.iden-title > p,
|
||||
.monitoring-btnBox > p {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
/* 1.行业难点 CSS */
|
||||
.poultry {
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
.poultry-conBox {
|
||||
width: 97.42%;
|
||||
margin: 3rem 0 3.4rem 2.6rem;
|
||||
}
|
||||
|
||||
.semi-circle {
|
||||
position: absolute;
|
||||
padding-right: 0 !important;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.point-tex-outBox {
|
||||
margin: 0.8rem 0;
|
||||
justify-content: flex-start;
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
.point-tex-box {
|
||||
min-width: 80px;
|
||||
height: 44px;
|
||||
background: #90c221;
|
||||
border-radius: 8px;
|
||||
box-shadow: 2.5px 4.33px 10px 5px rgba(127, 181, 62, 0.2);
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.point-tex-outBox > span {
|
||||
display: block;
|
||||
padding-left: 1rem;
|
||||
font-size: 18px;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
.point-tex-img {
|
||||
padding-right: 0 !important;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
.point-tex-img img {
|
||||
width: 100%;
|
||||
align-self: flex-end;
|
||||
}
|
||||
|
||||
/**********************************************************/
|
||||
/* 2.解决方案 CSS */
|
||||
.solution-con-allBox {
|
||||
width: 96%;
|
||||
margin: 3rem auto 6rem;
|
||||
}
|
||||
.solution-con-box {
|
||||
width: 100%;
|
||||
min-height: 170px;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 24px 0;
|
||||
}
|
||||
.solution-con-img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
}
|
||||
.solution-img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url(../../img/order/04-7-bg.png);
|
||||
}
|
||||
.solution-img > p {
|
||||
margin: 0 !important;
|
||||
padding-left: 1rem;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
.solution-con-tex {
|
||||
height: 90px;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.solution-con-tex > .ul-inside {
|
||||
margin-left: 0.8rem;
|
||||
}
|
||||
/*****************************************************/
|
||||
.ul-inside {
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
}
|
||||
.ulbox > .col-lg-6,
|
||||
.ulbox > .col-md-6,
|
||||
.ulbox > .col-sm-6 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.ul-inside ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.ul-inside ul > li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ul-inside ul > li:before {
|
||||
content: '';
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
display: block;
|
||||
background-color: #7fb63e;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -0.5rem;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.ul-inside ul li > span {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
/************************************ 未完成 ********************************/
|
||||
|
||||
/* 3.溯源智能脚环 */
|
||||
.iden-title {
|
||||
justify-content: left;
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
.iden {
|
||||
float: left;
|
||||
min-width: 10px;
|
||||
height: 24px;
|
||||
background: #90c221;
|
||||
}
|
||||
|
||||
.iden-title span {
|
||||
margin-left: 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.traceability-texBox,
|
||||
.traceability-imgBox,
|
||||
.traceability-serviceBox {
|
||||
position: relative;
|
||||
width: 93%;
|
||||
margin: 2.4rem auto;
|
||||
}
|
||||
|
||||
.traceability-tex {
|
||||
padding-left: 1.6rem !important;
|
||||
margin: 2.4rem 0;
|
||||
}
|
||||
|
||||
.traceability-tex p {
|
||||
text-indent: 2em;
|
||||
font-size: 16px;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
.traceability-tex-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.traceability-img {
|
||||
margin: 4rem 0 2rem;
|
||||
}
|
||||
|
||||
.traceability-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.traceability-imgCss {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 功能说明 CSS */
|
||||
.aiot-footService {
|
||||
margin: 0.6rem 0 1.2rem;
|
||||
}
|
||||
|
||||
.footService-com-main {
|
||||
width: 168px;
|
||||
height: 68px;
|
||||
background: #90c221;
|
||||
border-radius: 40px;
|
||||
box-shadow: 2.5px 4.33px 10px 5px rgba(127, 181, 62, 0.2);
|
||||
}
|
||||
|
||||
.footService-com-mainPic {
|
||||
width: 68px;
|
||||
}
|
||||
|
||||
.footService-com-mainPic img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.footService-com-main p {
|
||||
font-size: 20px;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.footService-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
padding: 0 8px !important;
|
||||
}
|
||||
|
||||
.footService-com-tex span {
|
||||
display: block;
|
||||
min-height: 90px;
|
||||
font-size: 15px;
|
||||
color: #737c86;
|
||||
padding: 0.4rem 0;
|
||||
}
|
||||
|
||||
.footService-pic-piont img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footService-picList {
|
||||
margin: 3rem 0 1.2rem;
|
||||
}
|
||||
|
||||
.footService-picList-img {
|
||||
justify-content: right;
|
||||
}
|
||||
|
||||
.footService-picList-con {
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
|
||||
/* 4.流程 CSS */
|
||||
.process-smCss-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/***????????***/
|
||||
.process-imgBox {
|
||||
margin: 4rem auto;
|
||||
}
|
||||
|
||||
.process-lgmdCss {
|
||||
width: 86%;
|
||||
}
|
||||
|
||||
.process-imgBox-lgmdCss img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/***????????***/
|
||||
/***********
|
||||
sm样式未写
|
||||
***********/
|
||||
/* .process-imgBox-con {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
margin: 0.4rem 0 0;
|
||||
padding-left: 5% !important;
|
||||
}
|
||||
.process-imgBox-con p {
|
||||
font-size: 15px;
|
||||
margin-top: 0.94rem;
|
||||
letter-spacing: 1px;
|
||||
} */
|
||||
|
||||
/* 5.订单认养 */
|
||||
.monitoring {
|
||||
position: relative;
|
||||
background-image: url(../../img/order/18.png);
|
||||
}
|
||||
|
||||
.monitoring-conBox {
|
||||
margin: 5% auto 5%;
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
.monitoring-con-inBox {
|
||||
padding: 1.4rem 0;
|
||||
}
|
||||
|
||||
.monitoring-imgCon img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.monitoring-texCon > .iden-title {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.iden-title > p {
|
||||
margin-left: 1rem;
|
||||
font-size: 20px;
|
||||
text-align: justify;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.monitoring-btnBox {
|
||||
min-width: 64px;
|
||||
min-height: 32px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.monitoring-btnBox > p {
|
||||
font-size: 20px;
|
||||
text-align: justify;
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox > .col-sm-2 {
|
||||
width: 16.6%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bg-order {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
min-width: 220px;
|
||||
font-size: 26px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
|
||||
.disappear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.iden-title span {
|
||||
margin-left: 0.6rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.iden {
|
||||
width: 8px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 1.行业难点 CSS */
|
||||
.semi-circle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.poultry {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
|
||||
.poultry-conBox {
|
||||
width: 96%;
|
||||
margin: 0.8rem auto 2.6rem;
|
||||
}
|
||||
|
||||
.point-tex-outBox {
|
||||
align-items: flex-start !important;
|
||||
}
|
||||
|
||||
.point-tex-box {
|
||||
min-width: 66px;
|
||||
height: 26px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.point-tex-outBox > span {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/********************************************************************* 未完成 */
|
||||
/* 2.解决方案 CSS */
|
||||
.solution-con-allBox {
|
||||
margin-bottom: 3rem !important;
|
||||
}
|
||||
.sm-minWidth {
|
||||
max-width: 340px;
|
||||
min-width: 298px;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
.solution-img img {
|
||||
width: 18px;
|
||||
}
|
||||
.solution-img > p {
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0.2rem;
|
||||
}
|
||||
.solution-con-tex > .ul-inside {
|
||||
margin-left: unset;
|
||||
}
|
||||
.ul-inside {
|
||||
width: unset;
|
||||
margin: unset;
|
||||
}
|
||||
.ul-inside ul li > span {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 3.溯源智能脚环 */
|
||||
/* 介绍 CSS */
|
||||
.traceability-tex {
|
||||
padding-left: unset !important;
|
||||
padding: 0 0.8rem !important;
|
||||
margin: 1.6rem 0 !important;
|
||||
}
|
||||
|
||||
.traceability-tex p {
|
||||
text-indent: 2em;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/***********************************/
|
||||
/* 优势 CSS */
|
||||
.traceability-img-advantage {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.traceability-imgCss {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.traceability-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 44% !important;
|
||||
}
|
||||
|
||||
.traceability-sm-com {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.traceability-sm-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.traceability-sm-com span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.traceability-imgCss-sm-title p {
|
||||
padding-top: 2%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
/***********************************/
|
||||
/* 功能说明 CSS */
|
||||
.footService-service {
|
||||
margin: 2.4rem 0 1.2rem;
|
||||
}
|
||||
|
||||
/* .footService-comment {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
margin: 3rem 0;
|
||||
} */
|
||||
|
||||
.footService-com-main {
|
||||
width: 110px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.footService-com-mainPic {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.footService-com-mainPic img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.footService-com-main p {
|
||||
font-size: 15px;
|
||||
line-height: 18px !important;
|
||||
}
|
||||
|
||||
.footService-com-tex {
|
||||
margin-top: 1.2rem;
|
||||
}
|
||||
|
||||
.footService-com-tex span {
|
||||
display: block;
|
||||
min-height: 50px;
|
||||
font-size: 12px;
|
||||
color: #737c86;
|
||||
}
|
||||
|
||||
.footService-pic-piont {
|
||||
transform: rotate(90deg);
|
||||
width: 30px;
|
||||
height: 60px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footService-pic-piont img {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 4.流程 */
|
||||
.process-lgmd-none {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.process-smCss-list {
|
||||
display: block;
|
||||
margin: 6% 0 4%;
|
||||
}
|
||||
|
||||
.process-smCss {
|
||||
padding-top: 0.6rem;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
|
||||
.process-smCss > .col-sm-2 {
|
||||
width: 16.6% !important;
|
||||
}
|
||||
|
||||
.img-circle {
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
.process-imgBox-con p {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
font-size: 12px;
|
||||
color: #737c86;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
min-height: 48px;
|
||||
margin-top: -4%;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
/* 5.订单认养 */
|
||||
.monitoring-con-inBox {
|
||||
padding: 1.4rem 1rem !important;
|
||||
}
|
||||
|
||||
.monitoring-imgCon img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.iden-title > p {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.monitoring-btn-outBox > .col-sm-2 {
|
||||
width: 16.6% !important;
|
||||
}
|
||||
|
||||
.monitoring-btnBox {
|
||||
min-width: 45px;
|
||||
min-height: 28px;
|
||||
border: 1px solid #ffffff;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.monitoring-btnBox > p {
|
||||
font-size: 15px;
|
||||
text-align: justify;
|
||||
color: #ffffff;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/**********************************************************************/
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
632
css/ainong/pe-icon-7-stroke.css
Normal file
632
css/ainong/pe-icon-7-stroke.css
Normal file
@@ -0,0 +1,632 @@
|
||||
@font-face {
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?d7yf1v');
|
||||
src:url('../fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v') format('embedded-opentype'),
|
||||
url('../fonts/Pe-icon-7-stroke.woff?d7yf1v') format('woff'),
|
||||
url('../fonts/Pe-icon-7-stroke.ttf?d7yf1v') format('truetype'),
|
||||
url('../fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="pe-7s-"], [class*=" pe-7s-"] {
|
||||
display: inline-block;
|
||||
font-family: 'Pe-icon-7-stroke';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.pe-7s-album:before {
|
||||
content: "\e6aa";
|
||||
}
|
||||
.pe-7s-arc:before {
|
||||
content: "\e6ab";
|
||||
}
|
||||
.pe-7s-back-2:before {
|
||||
content: "\e6ac";
|
||||
}
|
||||
.pe-7s-bandaid:before {
|
||||
content: "\e6ad";
|
||||
}
|
||||
.pe-7s-car:before {
|
||||
content: "\e6ae";
|
||||
}
|
||||
.pe-7s-diamond:before {
|
||||
content: "\e6af";
|
||||
}
|
||||
.pe-7s-door-lock:before {
|
||||
content: "\e6b0";
|
||||
}
|
||||
.pe-7s-eyedropper:before {
|
||||
content: "\e6b1";
|
||||
}
|
||||
.pe-7s-female:before {
|
||||
content: "\e6b2";
|
||||
}
|
||||
.pe-7s-gym:before {
|
||||
content: "\e6b3";
|
||||
}
|
||||
.pe-7s-hammer:before {
|
||||
content: "\e6b4";
|
||||
}
|
||||
.pe-7s-headphones:before {
|
||||
content: "\e6b5";
|
||||
}
|
||||
.pe-7s-helm:before {
|
||||
content: "\e6b6";
|
||||
}
|
||||
.pe-7s-hourglass:before {
|
||||
content: "\e6b7";
|
||||
}
|
||||
.pe-7s-leaf:before {
|
||||
content: "\e6b8";
|
||||
}
|
||||
.pe-7s-magic-wand:before {
|
||||
content: "\e6b9";
|
||||
}
|
||||
.pe-7s-male:before {
|
||||
content: "\e6ba";
|
||||
}
|
||||
.pe-7s-map-2:before {
|
||||
content: "\e6bb";
|
||||
}
|
||||
.pe-7s-next-2:before {
|
||||
content: "\e6bc";
|
||||
}
|
||||
.pe-7s-paint-bucket:before {
|
||||
content: "\e6bd";
|
||||
}
|
||||
.pe-7s-pendrive:before {
|
||||
content: "\e6be";
|
||||
}
|
||||
.pe-7s-photo:before {
|
||||
content: "\e6bf";
|
||||
}
|
||||
.pe-7s-piggy:before {
|
||||
content: "\e6c0";
|
||||
}
|
||||
.pe-7s-plugin:before {
|
||||
content: "\e6c1";
|
||||
}
|
||||
.pe-7s-refresh-2:before {
|
||||
content: "\e6c2";
|
||||
}
|
||||
.pe-7s-rocket:before {
|
||||
content: "\e6c3";
|
||||
}
|
||||
.pe-7s-settings:before {
|
||||
content: "\e6c4";
|
||||
}
|
||||
.pe-7s-shield:before {
|
||||
content: "\e6c5";
|
||||
}
|
||||
.pe-7s-smile:before {
|
||||
content: "\e6c6";
|
||||
}
|
||||
.pe-7s-usb:before {
|
||||
content: "\e6c7";
|
||||
}
|
||||
.pe-7s-vector:before {
|
||||
content: "\e6c8";
|
||||
}
|
||||
.pe-7s-wine:before {
|
||||
content: "\e6c9";
|
||||
}
|
||||
.pe-7s-cloud-upload:before {
|
||||
content: "\e68a";
|
||||
}
|
||||
.pe-7s-cash:before {
|
||||
content: "\e68c";
|
||||
}
|
||||
.pe-7s-close:before {
|
||||
content: "\e680";
|
||||
}
|
||||
.pe-7s-bluetooth:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
.pe-7s-cloud-download:before {
|
||||
content: "\e68b";
|
||||
}
|
||||
.pe-7s-way:before {
|
||||
content: "\e68e";
|
||||
}
|
||||
.pe-7s-close-circle:before {
|
||||
content: "\e681";
|
||||
}
|
||||
.pe-7s-id:before {
|
||||
content: "\e68f";
|
||||
}
|
||||
.pe-7s-angle-up:before {
|
||||
content: "\e682";
|
||||
}
|
||||
.pe-7s-wristwatch:before {
|
||||
content: "\e690";
|
||||
}
|
||||
.pe-7s-angle-up-circle:before {
|
||||
content: "\e683";
|
||||
}
|
||||
.pe-7s-world:before {
|
||||
content: "\e691";
|
||||
}
|
||||
.pe-7s-angle-right:before {
|
||||
content: "\e684";
|
||||
}
|
||||
.pe-7s-volume:before {
|
||||
content: "\e692";
|
||||
}
|
||||
.pe-7s-angle-right-circle:before {
|
||||
content: "\e685";
|
||||
}
|
||||
.pe-7s-users:before {
|
||||
content: "\e693";
|
||||
}
|
||||
.pe-7s-angle-left:before {
|
||||
content: "\e686";
|
||||
}
|
||||
.pe-7s-user-female:before {
|
||||
content: "\e694";
|
||||
}
|
||||
.pe-7s-angle-left-circle:before {
|
||||
content: "\e687";
|
||||
}
|
||||
.pe-7s-up-arrow:before {
|
||||
content: "\e695";
|
||||
}
|
||||
.pe-7s-angle-down:before {
|
||||
content: "\e688";
|
||||
}
|
||||
.pe-7s-switch:before {
|
||||
content: "\e696";
|
||||
}
|
||||
.pe-7s-angle-down-circle:before {
|
||||
content: "\e689";
|
||||
}
|
||||
.pe-7s-scissors:before {
|
||||
content: "\e697";
|
||||
}
|
||||
.pe-7s-wallet:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.pe-7s-safe:before {
|
||||
content: "\e698";
|
||||
}
|
||||
.pe-7s-volume2:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.pe-7s-volume1:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.pe-7s-voicemail:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.pe-7s-video:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.pe-7s-user:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.pe-7s-upload:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.pe-7s-unlock:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.pe-7s-umbrella:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.pe-7s-trash:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.pe-7s-tools:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.pe-7s-timer:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.pe-7s-ticket:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.pe-7s-target:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.pe-7s-sun:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.pe-7s-study:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.pe-7s-stopwatch:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.pe-7s-star:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.pe-7s-speaker:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.pe-7s-signal:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.pe-7s-shuffle:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.pe-7s-shopbag:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.pe-7s-share:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.pe-7s-server:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.pe-7s-search:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.pe-7s-film:before {
|
||||
content: "\e6a5";
|
||||
}
|
||||
.pe-7s-science:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.pe-7s-disk:before {
|
||||
content: "\e6a6";
|
||||
}
|
||||
.pe-7s-ribbon:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.pe-7s-repeat:before {
|
||||
content: "\e61b";
|
||||
}
|
||||
.pe-7s-refresh:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.pe-7s-add-user:before {
|
||||
content: "\e6a9";
|
||||
}
|
||||
.pe-7s-refresh-cloud:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.pe-7s-paperclip:before {
|
||||
content: "\e69c";
|
||||
}
|
||||
.pe-7s-radio:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.pe-7s-note2:before {
|
||||
content: "\e69d";
|
||||
}
|
||||
.pe-7s-print:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
.pe-7s-network:before {
|
||||
content: "\e69e";
|
||||
}
|
||||
.pe-7s-prev:before {
|
||||
content: "\e620";
|
||||
}
|
||||
.pe-7s-mute:before {
|
||||
content: "\e69f";
|
||||
}
|
||||
.pe-7s-power:before {
|
||||
content: "\e621";
|
||||
}
|
||||
.pe-7s-medal:before {
|
||||
content: "\e6a0";
|
||||
}
|
||||
.pe-7s-portfolio:before {
|
||||
content: "\e622";
|
||||
}
|
||||
.pe-7s-like2:before {
|
||||
content: "\e6a1";
|
||||
}
|
||||
.pe-7s-plus:before {
|
||||
content: "\e623";
|
||||
}
|
||||
.pe-7s-left-arrow:before {
|
||||
content: "\e6a2";
|
||||
}
|
||||
.pe-7s-play:before {
|
||||
content: "\e624";
|
||||
}
|
||||
.pe-7s-key:before {
|
||||
content: "\e6a3";
|
||||
}
|
||||
.pe-7s-plane:before {
|
||||
content: "\e625";
|
||||
}
|
||||
.pe-7s-joy:before {
|
||||
content: "\e6a4";
|
||||
}
|
||||
.pe-7s-photo-gallery:before {
|
||||
content: "\e626";
|
||||
}
|
||||
.pe-7s-pin:before {
|
||||
content: "\e69b";
|
||||
}
|
||||
.pe-7s-phone:before {
|
||||
content: "\e627";
|
||||
}
|
||||
.pe-7s-plug:before {
|
||||
content: "\e69a";
|
||||
}
|
||||
.pe-7s-pen:before {
|
||||
content: "\e628";
|
||||
}
|
||||
.pe-7s-right-arrow:before {
|
||||
content: "\e699";
|
||||
}
|
||||
.pe-7s-paper-plane:before {
|
||||
content: "\e629";
|
||||
}
|
||||
.pe-7s-delete-user:before {
|
||||
content: "\e6a7";
|
||||
}
|
||||
.pe-7s-paint:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
.pe-7s-bottom-arrow:before {
|
||||
content: "\e6a8";
|
||||
}
|
||||
.pe-7s-notebook:before {
|
||||
content: "\e62b";
|
||||
}
|
||||
.pe-7s-note:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.pe-7s-next:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
.pe-7s-news-paper:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.pe-7s-musiclist:before {
|
||||
content: "\e62f";
|
||||
}
|
||||
.pe-7s-music:before {
|
||||
content: "\e630";
|
||||
}
|
||||
.pe-7s-mouse:before {
|
||||
content: "\e631";
|
||||
}
|
||||
.pe-7s-more:before {
|
||||
content: "\e632";
|
||||
}
|
||||
.pe-7s-moon:before {
|
||||
content: "\e633";
|
||||
}
|
||||
.pe-7s-monitor:before {
|
||||
content: "\e634";
|
||||
}
|
||||
.pe-7s-micro:before {
|
||||
content: "\e635";
|
||||
}
|
||||
.pe-7s-menu:before {
|
||||
content: "\e636";
|
||||
}
|
||||
.pe-7s-map:before {
|
||||
content: "\e637";
|
||||
}
|
||||
.pe-7s-map-marker:before {
|
||||
content: "\e638";
|
||||
}
|
||||
.pe-7s-mail:before {
|
||||
content: "\e639";
|
||||
}
|
||||
.pe-7s-mail-open:before {
|
||||
content: "\e63a";
|
||||
}
|
||||
.pe-7s-mail-open-file:before {
|
||||
content: "\e63b";
|
||||
}
|
||||
.pe-7s-magnet:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
.pe-7s-loop:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
.pe-7s-look:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
.pe-7s-lock:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
.pe-7s-lintern:before {
|
||||
content: "\e640";
|
||||
}
|
||||
.pe-7s-link:before {
|
||||
content: "\e641";
|
||||
}
|
||||
.pe-7s-like:before {
|
||||
content: "\e642";
|
||||
}
|
||||
.pe-7s-light:before {
|
||||
content: "\e643";
|
||||
}
|
||||
.pe-7s-less:before {
|
||||
content: "\e644";
|
||||
}
|
||||
.pe-7s-keypad:before {
|
||||
content: "\e645";
|
||||
}
|
||||
.pe-7s-junk:before {
|
||||
content: "\e646";
|
||||
}
|
||||
.pe-7s-info:before {
|
||||
content: "\e647";
|
||||
}
|
||||
.pe-7s-home:before {
|
||||
content: "\e648";
|
||||
}
|
||||
.pe-7s-help2:before {
|
||||
content: "\e649";
|
||||
}
|
||||
.pe-7s-help1:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
.pe-7s-graph3:before {
|
||||
content: "\e64b";
|
||||
}
|
||||
.pe-7s-graph2:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
.pe-7s-graph1:before {
|
||||
content: "\e64d";
|
||||
}
|
||||
.pe-7s-graph:before {
|
||||
content: "\e64e";
|
||||
}
|
||||
.pe-7s-global:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
.pe-7s-gleam:before {
|
||||
content: "\e650";
|
||||
}
|
||||
.pe-7s-glasses:before {
|
||||
content: "\e651";
|
||||
}
|
||||
.pe-7s-gift:before {
|
||||
content: "\e652";
|
||||
}
|
||||
.pe-7s-folder:before {
|
||||
content: "\e653";
|
||||
}
|
||||
.pe-7s-flag:before {
|
||||
content: "\e654";
|
||||
}
|
||||
.pe-7s-filter:before {
|
||||
content: "\e655";
|
||||
}
|
||||
.pe-7s-file:before {
|
||||
content: "\e656";
|
||||
}
|
||||
.pe-7s-expand1:before {
|
||||
content: "\e657";
|
||||
}
|
||||
.pe-7s-exapnd2:before {
|
||||
content: "\e658";
|
||||
}
|
||||
.pe-7s-edit:before {
|
||||
content: "\e659";
|
||||
}
|
||||
.pe-7s-drop:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
.pe-7s-drawer:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
.pe-7s-download:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
.pe-7s-display2:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
.pe-7s-display1:before {
|
||||
content: "\e65e";
|
||||
}
|
||||
.pe-7s-diskette:before {
|
||||
content: "\e65f";
|
||||
}
|
||||
.pe-7s-date:before {
|
||||
content: "\e660";
|
||||
}
|
||||
.pe-7s-cup:before {
|
||||
content: "\e661";
|
||||
}
|
||||
.pe-7s-culture:before {
|
||||
content: "\e662";
|
||||
}
|
||||
.pe-7s-crop:before {
|
||||
content: "\e663";
|
||||
}
|
||||
.pe-7s-credit:before {
|
||||
content: "\e664";
|
||||
}
|
||||
.pe-7s-copy-file:before {
|
||||
content: "\e665";
|
||||
}
|
||||
.pe-7s-config:before {
|
||||
content: "\e666";
|
||||
}
|
||||
.pe-7s-compass:before {
|
||||
content: "\e667";
|
||||
}
|
||||
.pe-7s-comment:before {
|
||||
content: "\e668";
|
||||
}
|
||||
.pe-7s-coffee:before {
|
||||
content: "\e669";
|
||||
}
|
||||
.pe-7s-cloud:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
.pe-7s-clock:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
.pe-7s-check:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
.pe-7s-chat:before {
|
||||
content: "\e66d";
|
||||
}
|
||||
.pe-7s-cart:before {
|
||||
content: "\e66e";
|
||||
}
|
||||
.pe-7s-camera:before {
|
||||
content: "\e66f";
|
||||
}
|
||||
.pe-7s-call:before {
|
||||
content: "\e670";
|
||||
}
|
||||
.pe-7s-calculator:before {
|
||||
content: "\e671";
|
||||
}
|
||||
.pe-7s-browser:before {
|
||||
content: "\e672";
|
||||
}
|
||||
.pe-7s-box2:before {
|
||||
content: "\e673";
|
||||
}
|
||||
.pe-7s-box1:before {
|
||||
content: "\e674";
|
||||
}
|
||||
.pe-7s-bookmarks:before {
|
||||
content: "\e675";
|
||||
}
|
||||
.pe-7s-bicycle:before {
|
||||
content: "\e676";
|
||||
}
|
||||
.pe-7s-bell:before {
|
||||
content: "\e677";
|
||||
}
|
||||
.pe-7s-battery:before {
|
||||
content: "\e678";
|
||||
}
|
||||
.pe-7s-ball:before {
|
||||
content: "\e679";
|
||||
}
|
||||
.pe-7s-back:before {
|
||||
content: "\e67a";
|
||||
}
|
||||
.pe-7s-attention:before {
|
||||
content: "\e67b";
|
||||
}
|
||||
.pe-7s-anchor:before {
|
||||
content: "\e67c";
|
||||
}
|
||||
.pe-7s-albums:before {
|
||||
content: "\e67d";
|
||||
}
|
||||
.pe-7s-alarm:before {
|
||||
content: "\e67e";
|
||||
}
|
||||
.pe-7s-airplay:before {
|
||||
content: "\e67f";
|
||||
}
|
||||
685
css/ainong/post-insurance.css
Normal file
685
css/ainong/post-insurance.css
Normal file
@@ -0,0 +1,685 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.common-flex {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 主题布局 */
|
||||
/* 公共样式 */
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.loan,
|
||||
.framework,
|
||||
.plan,
|
||||
.advantage,
|
||||
.platform {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.iden {
|
||||
float: left;
|
||||
background: #90c221;
|
||||
}
|
||||
|
||||
.plan-sm-com span,
|
||||
.platform-com span {
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.plan-sm-title p,
|
||||
.platform-title p {
|
||||
padding-top: 2%;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.plan-sm-com,
|
||||
.platform-com {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* 公共样式 */
|
||||
|
||||
/* 养殖业保险难点 */
|
||||
.loan {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.loan-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.loan-con-outBox {
|
||||
padding: 3% 0 6%;
|
||||
}
|
||||
|
||||
.loan-con-box {
|
||||
/* width: 90%;
|
||||
height: 86%; */
|
||||
width: 350px;
|
||||
height: 296px;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.con-box-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
/* font-size: 18px; */
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.con-box-title p {
|
||||
font-size: 18px;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
}
|
||||
|
||||
.con-box-tex {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
font-size: 17px;
|
||||
background: #ffffff;
|
||||
padding: 20% 8% 26%;
|
||||
border-radius: 4px 0px 0px 0px;
|
||||
text-align: justify;
|
||||
margin: -20.8% auto 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin-top: -19%;
|
||||
}
|
||||
|
||||
.header {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/government-regulation/18.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: top center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.header-fb {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
width: 100%;
|
||||
height: 78px;
|
||||
font-size: 75px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 16px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
font-size: 25px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
color: #666971;
|
||||
line-height: 24px;
|
||||
letter-spacing: 5.2px;
|
||||
margin-bottom: 8px !important;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台架构 */
|
||||
.loan {
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.loan-top-con {
|
||||
margin: 4% 0 0;
|
||||
width: 94%;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.loan-con-outBox {
|
||||
padding: 3% 0 6%;
|
||||
}
|
||||
|
||||
.loan-con-box {
|
||||
/* width: 90%;
|
||||
height: 86%; */
|
||||
width: 350px;
|
||||
height: 296px;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.con-box-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
/* font-size: 18px; */
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.con-box-title p {
|
||||
font-size: 17px;
|
||||
color: #ffffff;
|
||||
position: absolute;
|
||||
top: 16%;
|
||||
}
|
||||
|
||||
.con-box-tex {
|
||||
width: 100%;
|
||||
height: 86%;
|
||||
font-size: 17px;
|
||||
background: #ffffff;
|
||||
padding: 20% 8% 26%;
|
||||
border-radius: 4px 0px 0px 0px;
|
||||
text-align: justify;
|
||||
margin: -20.8% auto 0;
|
||||
box-sizing: border-box;
|
||||
|
||||
margin-top: -19%;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
|
||||
.plan-img {
|
||||
margin: 6% 0 9%;
|
||||
}
|
||||
|
||||
.plan-sm-con {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* .plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
.plan-sm-com .iden { */
|
||||
/* width: 10px;
|
||||
height: 24px; */
|
||||
/* width: 8px;
|
||||
height: 22px;
|
||||
} */
|
||||
/* .plan-sm-com span { */
|
||||
/* sm-12 */
|
||||
/* margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
} */
|
||||
/* .plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
} */
|
||||
.fram-con-outBox {
|
||||
position: relative;
|
||||
margin: 6% 0 10%;
|
||||
}
|
||||
|
||||
.fram-con-box {
|
||||
width: 84%;
|
||||
}
|
||||
|
||||
.fram-con-title p {
|
||||
margin: 2rem 0 1rem;
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.fram-con-img {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.fram-con-img img {
|
||||
margin-top: -8%;
|
||||
}
|
||||
|
||||
.fram-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.adv-con-outBox {
|
||||
margin: 6.5% 0 2%;
|
||||
}
|
||||
|
||||
.adv-con-box {
|
||||
width: 89%;
|
||||
padding: 10% 6%;
|
||||
box-sizing: border-box;
|
||||
border-top-left-radius: 2%;
|
||||
border-top-right-radius: 2%;
|
||||
border-bottom: 2px solid #a3c85e;
|
||||
height: 220px;
|
||||
box-shadow: rgba(210, 206, 206, 0.3) 0 0 16px 0;
|
||||
}
|
||||
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
.adv-con-title p {
|
||||
font-size: 24px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #a3c85e;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.adv-con {
|
||||
opacity: 0.8;
|
||||
font-size: 16px;
|
||||
font-family: Microsoft YaHei, Microsoft YaHei-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify !important;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台 */
|
||||
.platform {
|
||||
width: 100%;
|
||||
background-image: url(../../img/finance/bg.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.platform-con-outBox {
|
||||
margin: 5% 0 10%;
|
||||
}
|
||||
|
||||
.platform-cont {
|
||||
margin-top: 5.6%;
|
||||
}
|
||||
|
||||
.platform-com .iden {
|
||||
/* float: left; */
|
||||
width: 10px;
|
||||
height: 24px;
|
||||
/* background: #90c221; */
|
||||
}
|
||||
|
||||
.platform-com span {
|
||||
display: block;
|
||||
min-width: 230px;
|
||||
padding-left: 3%;
|
||||
font-size: 24px;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.platform-title p {
|
||||
font-size: 16px;
|
||||
padding-left: 5%;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1150px) {
|
||||
.plan-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.plan-sm-con {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.iden {
|
||||
float: left;
|
||||
background: #90c221;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 595px) {
|
||||
.header {
|
||||
height: 231px;
|
||||
}
|
||||
|
||||
.header .title1 {
|
||||
font-size: 30px;
|
||||
line-height: 92px;
|
||||
}
|
||||
|
||||
.header .title2 {
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.bg-finance {
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
min-width: 220px;
|
||||
font-size: 26px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 19px !important;
|
||||
}
|
||||
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* 养殖业保险难点 */
|
||||
.loan-top-con {
|
||||
font-size: 14px;
|
||||
line-height: 1.4rem;
|
||||
}
|
||||
|
||||
.loan-con-outBox {
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
|
||||
.loan-con-box {
|
||||
/* height: 86%; */
|
||||
height: 195px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.loan-con-longBox {
|
||||
height: 225px;
|
||||
}
|
||||
|
||||
/* .con-box-title img {
|
||||
width: 20%;
|
||||
} */
|
||||
.con-box-title p,
|
||||
.con-box-tex {
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
|
||||
.con-box-title p {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.con-box-tex {
|
||||
font-size: 14px;
|
||||
/* margin: -21.6% auto 0; */
|
||||
margin: -66px auto 0;
|
||||
|
||||
/* height: 100% !important; */
|
||||
padding: 16% 8% 10% !important;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台架构 */
|
||||
/* .fram-con-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
} */
|
||||
.fram-con-title p {
|
||||
/* margin: 1.5rem 0 1.5rem; */
|
||||
margin: 1rem 0 1rem;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.fram-con-title img {
|
||||
margin: 9% 4% 3% 0;
|
||||
width: 28% !important;
|
||||
}
|
||||
|
||||
.fram-con-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.fram-con {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台方案 */
|
||||
.plan {
|
||||
background-image: url(../../img/finance/6.png);
|
||||
}
|
||||
|
||||
.plan-img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.plan-sm-con {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.plan-sm-img img {
|
||||
margin: 6% 0 9%;
|
||||
width: 88% !important;
|
||||
}
|
||||
|
||||
.plan-sm-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.plan-sm-com span {
|
||||
/* sm-12 */
|
||||
margin-left: 2.4%;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.plan-sm-title p {
|
||||
font-size: 14px;
|
||||
padding-left: 4.8%;
|
||||
line-height: 22px;
|
||||
margin-bottom: 1.4rem;
|
||||
text-align: justify !important;
|
||||
}
|
||||
|
||||
|
||||
.sm-block-css {
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.adv-con-box {
|
||||
padding: 8% 5%;
|
||||
height: 100% !important;
|
||||
}
|
||||
|
||||
.adv-con-title {
|
||||
justify-content: baseline;
|
||||
}
|
||||
|
||||
.adv-con-title img {
|
||||
float: left;
|
||||
margin-right: 2%;
|
||||
transform: scale(0.8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.adv-con-title p {
|
||||
font-size: 17px;
|
||||
margin-bottom: 0.6rem !important;
|
||||
}
|
||||
|
||||
.adv-con {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* 保险保后监管平台 */
|
||||
.platform-com .iden {
|
||||
width: 8px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.platform-com span {
|
||||
padding-left: 0% !important;
|
||||
margin-left: 2%;
|
||||
font-size: 16px;
|
||||
/* color: #333333; */
|
||||
/* color: #ffffff; */
|
||||
}
|
||||
|
||||
.platform-title p {
|
||||
font-size: 15px;
|
||||
padding-left: 0% !important;
|
||||
margin-left: 4.2%;
|
||||
/* color: #666666; */
|
||||
line-height: 20px;
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.platform-cont-img {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
204
css/ainong/slick-theme.css
Normal file
204
css/ainong/slick-theme.css
Normal file
@@ -0,0 +1,204 @@
|
||||
@charset 'UTF-8';
|
||||
/* Slider */
|
||||
.slick-loading .slick-list
|
||||
{
|
||||
background: #fff url('../fonts/ajax-loader.gif') center center no-repeat;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
||||
src: url('./fonts/slick.eot');
|
||||
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
|
||||
}
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
119
css/ainong/slick.css
Normal file
119
css/ainong/slick.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
3283
css/ainong/style.css
Normal file
3283
css/ainong/style.css
Normal file
File diff suppressed because it is too large
Load Diff
448
css/ainong/trade.css
Normal file
448
css/ainong/trade.css
Normal file
@@ -0,0 +1,448 @@
|
||||
/*************
|
||||
名称：活体交易平台
|
||||
作者：杨振天
|
||||
创建时间：2022-03-29
|
||||
结束时间：2022-04-18
|
||||
**************/
|
||||
/* 活体交易平台 CSS */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
margin: 0 auto;
|
||||
width: 100% !important;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/********* 内容顶部背景 CSS START*********/
|
||||
.bg-trade {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
height: 580px;
|
||||
background-image: url(../../img/trade/banner.png);
|
||||
background-position: top center; /* 定义图片起始位置 */
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.bg-overlay {
|
||||
background-color: rgba(37, 41, 52, 0.7);
|
||||
z-index: 3;
|
||||
}
|
||||
.index-top {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
.index-top h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: 16px;
|
||||
}
|
||||
.index-top h2 {
|
||||
font-size: 26px;
|
||||
letter-spacing: 5.2px;
|
||||
}
|
||||
/* 主题布局 */
|
||||
/*********** 公共样式 ***********/
|
||||
.main-content .container,
|
||||
.clear-padding {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
h3 {
|
||||
height: 32px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
font-size: 32px;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -1.2%;
|
||||
opacity: 0.1;
|
||||
font-size: 40px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
.transaction,
|
||||
.link,
|
||||
.stock {
|
||||
position: relative;
|
||||
padding-top: 10%;
|
||||
}
|
||||
.center-block {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* 1.生资交易 CSS */
|
||||
/* .transaction-commont {
|
||||
margin: 2% 0 0;
|
||||
} */
|
||||
|
||||
.h4 {
|
||||
font-size: 22px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Bold;
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
color: #252934;
|
||||
line-height: 24px;
|
||||
}
|
||||
.list-boxS {
|
||||
margin: 3.8% 0 0;
|
||||
padding: 0 5% !important;
|
||||
}
|
||||
|
||||
/* new CSS */
|
||||
/* .graphic-con > .ul-inside {
|
||||
margin-left: 1.2rem;
|
||||
}
|
||||
.ul-inside ul {
|
||||
list-style: square;
|
||||
margin-top: 1.4rem;
|
||||
color: #7fb63e;
|
||||
color: blue;
|
||||
}
|
||||
.graphic-con ul li {
|
||||
margin: 0.8rem 0 0 0;
|
||||
}
|
||||
.graphic-con ul li span {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0 !important;
|
||||
} */
|
||||
/*************/
|
||||
|
||||
.commont-tale-list {
|
||||
margin-top: 2.4%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.ellipse {
|
||||
min-width: 8px;
|
||||
min-height: 8px;
|
||||
border-radius: 50%;
|
||||
margin-right: 0.6rem;
|
||||
background-color: #3e68b6;
|
||||
}
|
||||
.commont-tale-list p {
|
||||
font-size: 18px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: justify;
|
||||
color: #737c86;
|
||||
line-height: 20px;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.transaction-listBox {
|
||||
margin: 0.8rem 0 3rem;
|
||||
}
|
||||
.listBox-img-con {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.trans-listPic-title,
|
||||
.trans-listPic-con {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.trans-listPic-con {
|
||||
margin: 0.8rem 0 0;
|
||||
}
|
||||
.trans-listPic-con span {
|
||||
font-size: 17px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
line-height: 24px;
|
||||
}
|
||||
.trans-sm-css {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 2.生资链 CSS */
|
||||
.link {
|
||||
overflow: hidden;
|
||||
background-color: #fbfbfb;
|
||||
}
|
||||
.link-img-box {
|
||||
margin: 4% 0 6%;
|
||||
}
|
||||
.link-img-box img {
|
||||
width: 90% !important;
|
||||
}
|
||||
|
||||
/* 3. */
|
||||
.stock-title-sm {
|
||||
display: none;
|
||||
}
|
||||
.stock-title {
|
||||
position: relative;
|
||||
}
|
||||
.stock-title .comment-title {
|
||||
margin: 0;
|
||||
}
|
||||
.stock-img-left {
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
.stock-title-box h3 {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.stock-title-box .tale-title {
|
||||
margin-top: -2.4% !important;
|
||||
}
|
||||
.stock-img-right {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.stock-list {
|
||||
margin: 6% 0 4%;
|
||||
}
|
||||
.stock-list-con p {
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #737c86;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
/* 4.爱农云联 */
|
||||
.aito-box {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
background-image: url(../../img/trade/14.png);
|
||||
background-position: top center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
.aito-con {
|
||||
margin: 6% auto;
|
||||
}
|
||||
.aito-img-con {
|
||||
/* align-items:flex-end !important; */
|
||||
padding-right: 10% !important;
|
||||
justify-content: flex-end !important;
|
||||
}
|
||||
.aito-con-tex-text {
|
||||
justify-content: flex-start !important;
|
||||
}
|
||||
.aito-con-tex h3 {
|
||||
height: 80px !important;
|
||||
color: #ffffff !important;
|
||||
line-height: 48px !important;
|
||||
letter-spacing: 12.8px;
|
||||
}
|
||||
.strip {
|
||||
width: 14%;
|
||||
height: 5%;
|
||||
height: 10px !important;
|
||||
opacity: 0.5;
|
||||
background: linear-gradient(0deg, #07c010 0%, #07c160 100%);
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
.aito-p {
|
||||
opacity: 0.7;
|
||||
font-size: 20px;
|
||||
font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
color: #ffffff;
|
||||
line-height: 24px;
|
||||
letter-spacing: 8px;
|
||||
}
|
||||
.aito-con-main-sm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1200px) {
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 460px) {
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
.bg-trade {
|
||||
height: 200px;
|
||||
}
|
||||
.index-top {
|
||||
line-height: 19px;
|
||||
}
|
||||
.index-top h1 {
|
||||
margin-top: 42%;
|
||||
font-size: 26px;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
.disappear {
|
||||
font-size: 0 !important;
|
||||
}
|
||||
/**** 公共样式 ****/
|
||||
h3 {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
.comment-title {
|
||||
margin-left: 5%;
|
||||
}
|
||||
.main-title {
|
||||
/* font-size: 20px !important; */
|
||||
font-size: 19px !important;
|
||||
}
|
||||
.tale-title {
|
||||
margin-top: -2.6%;
|
||||
opacity: 0.1;
|
||||
/* font-size: 24px; */
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
/* 1.生资交易 */
|
||||
.h4 {
|
||||
/* height: 22px; */
|
||||
font-size: 17px;
|
||||
}
|
||||
.trans-listPic-title > .h4 {
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.h5 {
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.ellipse {
|
||||
min-width: 5px;
|
||||
min-height: 5px;
|
||||
}
|
||||
.commont-tale-list > .ellipse {
|
||||
display: none;
|
||||
}
|
||||
.commont-tale-list p {
|
||||
font-size: 13px;
|
||||
}
|
||||
/* .trans-listPic-con {
|
||||
text-align: center !important;
|
||||
}*/
|
||||
.trans-imglist-smBoxS {
|
||||
margin: 1.2rem 0 3rem;
|
||||
}
|
||||
.trans-imglist-smBox {
|
||||
margin: 0.8rem 0 0 !important;
|
||||
}
|
||||
.trans-lgmd-css {
|
||||
display: none;
|
||||
}
|
||||
.trans-sm-css {
|
||||
display: block;
|
||||
}
|
||||
.trans-imgsm-css > .col-sm-2 {
|
||||
width: 20%;
|
||||
}
|
||||
.trans-imgsm-css > .col-sm-10 {
|
||||
width: 80% !important;
|
||||
}
|
||||
.trans-listPic-con {
|
||||
justify-content: flex-start !important;
|
||||
margin: 0.4rem 0 0;
|
||||
}
|
||||
.trans-sm-img {
|
||||
width: 56%;
|
||||
}
|
||||
.trans-listPic-con span {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* 2.生资链 */
|
||||
|
||||
/* 3.线上活畜交易平台 */
|
||||
.stock-title-sm {
|
||||
display: block;
|
||||
}
|
||||
.stock-title {
|
||||
display: none;
|
||||
}
|
||||
.stock-list {
|
||||
margin: 6% 0 4%;
|
||||
}
|
||||
.stock-listPic > .col-sm-6 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.img-circle {
|
||||
width: 28%;
|
||||
margin-right: 3% !important;
|
||||
}
|
||||
.stock-list-con {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
margin: 0.4rem 0 0;
|
||||
padding-left: 5% !important;
|
||||
}
|
||||
.stock-list-con p {
|
||||
font-size: 15px;
|
||||
margin-top: 0.94rem;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
/* 4.爱农云联 */
|
||||
.aito-box {
|
||||
height: 230px;
|
||||
}
|
||||
.aito-con-main > .col-sm-6,
|
||||
.aito-con-main > .col-sm-12 {
|
||||
width: 50% !important;
|
||||
}
|
||||
.aito-con-tex > .col-sm-12 {
|
||||
height: 100% !important;
|
||||
}
|
||||
.aito-con-tex h3 {
|
||||
font-size: 16px !important;
|
||||
color: #ffffff !important;
|
||||
line-height: 20px !important;
|
||||
letter-spacing: 0.8px;
|
||||
}
|
||||
.aito-img-con img {
|
||||
width: 86%;
|
||||
}
|
||||
.aito-img-con-right {
|
||||
padding: 0 0 !important;
|
||||
}
|
||||
.strip {
|
||||
width: 24%;
|
||||
height: 6px !important;
|
||||
opacity: 0.5;
|
||||
margin: 0.6rem 0 0.6rem;
|
||||
}
|
||||
.aito-p {
|
||||
opacity: 0.7;
|
||||
font-size: 12px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 1.2px;
|
||||
}
|
||||
.foot-box {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
3494
css/animate.css
vendored
Normal file
3494
css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
7
css/bootstrap.min.css
vendored
Normal file
7
css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
704
css/default.css
Normal file
704
css/default.css
Normal file
@@ -0,0 +1,704 @@
|
||||
/* Deafult Margin & Padding */
|
||||
/*-- Margin Top --*/
|
||||
.mt-5 {
|
||||
margin-top: 5px;
|
||||
}
|
||||
.mt-10 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.mt-15 {
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mt-20 {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.mt-25 {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.mt-30 {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.mt-35 {
|
||||
margin-top: 35px;
|
||||
}
|
||||
.mt-40 {
|
||||
margin-top: 40px;
|
||||
}
|
||||
.mt-45 {
|
||||
margin-top: 45px;
|
||||
}
|
||||
.mt-50 {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.mt-55 {
|
||||
margin-top: 55px;
|
||||
}
|
||||
.mt-60 {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.mt-65 {
|
||||
margin-top: 65px;
|
||||
}
|
||||
.mt-70 {
|
||||
margin-top: 70px;
|
||||
}
|
||||
.mt-75 {
|
||||
margin-top: 75px;
|
||||
}
|
||||
.mt-80 {
|
||||
margin-top: 80px;
|
||||
}
|
||||
.mt-85 {
|
||||
margin-top: 85px;
|
||||
}
|
||||
.mt-90 {
|
||||
margin-top: 90px;
|
||||
}
|
||||
.mt-95 {
|
||||
margin-top: 95px;
|
||||
}
|
||||
.mt-100 {
|
||||
margin-top: 100px;
|
||||
}
|
||||
.mt-105 {
|
||||
margin-top: 105px;
|
||||
}
|
||||
.mt-110 {
|
||||
margin-top: 110px;
|
||||
}
|
||||
.mt-115 {
|
||||
margin-top: 115px;
|
||||
}
|
||||
.mt-120 {
|
||||
margin-top: 120px;
|
||||
}
|
||||
.mt-125 {
|
||||
margin-top: 125px;
|
||||
}
|
||||
.mt-130 {
|
||||
margin-top: 130px;
|
||||
}
|
||||
.mt-135 {
|
||||
margin-top: 135px;
|
||||
}
|
||||
.mt-140 {
|
||||
margin-top: 140px;
|
||||
}
|
||||
.mt-145 {
|
||||
margin-top: 145px;
|
||||
}
|
||||
.mt-150 {
|
||||
margin-top: 150px;
|
||||
}
|
||||
.mt-155 {
|
||||
margin-top: 155px;
|
||||
}
|
||||
.mt-160 {
|
||||
margin-top: 160px;
|
||||
}
|
||||
.mt-165 {
|
||||
margin-top: 165px;
|
||||
}
|
||||
.mt-170 {
|
||||
margin-top: 170px;
|
||||
}
|
||||
.mt-175 {
|
||||
margin-top: 175px;
|
||||
}
|
||||
.mt-180 {
|
||||
margin-top: 180px;
|
||||
}
|
||||
.mt-185 {
|
||||
margin-top: 185px;
|
||||
}
|
||||
.mt-190 {
|
||||
margin-top: 190px;
|
||||
}
|
||||
.mt-195 {
|
||||
margin-top: 195px;
|
||||
}
|
||||
.mt-200 {
|
||||
margin-top: 200px;
|
||||
}
|
||||
/*-- Margin Bottom --*/
|
||||
|
||||
.mb-5 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.mb-10 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.mb-15 {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.mb-20 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.mb-25 {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.mb-30 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.mb-35 {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
.mb-40 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.mb-45 {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.mb-50 {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.mb-55 {
|
||||
margin-bottom: 55px;
|
||||
}
|
||||
.mb-60 {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
.mb-65 {
|
||||
margin-bottom: 65px;
|
||||
}
|
||||
.mb-70 {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
.mb-75 {
|
||||
margin-bottom: 75px;
|
||||
}
|
||||
.mb-80 {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
.mb-85 {
|
||||
margin-bottom: 85px;
|
||||
}
|
||||
.mb-90 {
|
||||
margin-bottom: 90px;
|
||||
}
|
||||
.mb-95 {
|
||||
margin-bottom: 95px;
|
||||
}
|
||||
.mb-100 {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
.mb-105 {
|
||||
margin-bottom: 105px;
|
||||
}
|
||||
.mb-110 {
|
||||
margin-bottom: 110px;
|
||||
}
|
||||
.mb-115 {
|
||||
margin-bottom: 115px;
|
||||
}
|
||||
.mb-120 {
|
||||
margin-bottom: 120px;
|
||||
}
|
||||
.mb-125 {
|
||||
margin-bottom: 125px;
|
||||
}
|
||||
.mb-130 {
|
||||
margin-bottom: 130px;
|
||||
}
|
||||
.mb-135 {
|
||||
margin-bottom: 135px;
|
||||
}
|
||||
.mb-140 {
|
||||
margin-bottom: 140px;
|
||||
}
|
||||
.mb-145 {
|
||||
margin-bottom: 145px;
|
||||
}
|
||||
.mb-150 {
|
||||
margin-bottom: 150px;
|
||||
}
|
||||
.mb-155 {
|
||||
margin-bottom: 155px;
|
||||
}
|
||||
.mb-160 {
|
||||
margin-bottom: 160px;
|
||||
}
|
||||
.mb-165 {
|
||||
margin-bottom: 165px;
|
||||
}
|
||||
.mb-170 {
|
||||
margin-bottom: 170px;
|
||||
}
|
||||
.mb-175 {
|
||||
margin-bottom: 175px;
|
||||
}
|
||||
.mb-180 {
|
||||
margin-bottom: 180px;
|
||||
}
|
||||
.mb-185 {
|
||||
margin-bottom: 185px;
|
||||
}
|
||||
.mb-190 {
|
||||
margin-bottom: 190px;
|
||||
}
|
||||
.mb-195 {
|
||||
margin-bottom: 195px;
|
||||
}
|
||||
.mb-200 {
|
||||
margin-bottom: 200px;
|
||||
}
|
||||
/*-- Padding Top --*/
|
||||
|
||||
.pt-5 {
|
||||
padding-top: 5px;
|
||||
}
|
||||
.pt-10 {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.pt-15 {
|
||||
padding-top: 15px;
|
||||
}
|
||||
.pt-20 {
|
||||
padding-top: 20px;
|
||||
}
|
||||
.pt-25 {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.pt-30 {
|
||||
padding-top: 30px;
|
||||
}
|
||||
.pt-35 {
|
||||
padding-top: 35px;
|
||||
}
|
||||
.pt-40 {
|
||||
padding-top: 40px;
|
||||
}
|
||||
.pt-45 {
|
||||
padding-top: 45px;
|
||||
}
|
||||
.pt-50 {
|
||||
padding-top: 50px;
|
||||
}
|
||||
.pt-55 {
|
||||
padding-top: 55px;
|
||||
}
|
||||
.pt-60 {
|
||||
padding-top: 60px;
|
||||
}
|
||||
.pt-65 {
|
||||
padding-top: 65px;
|
||||
}
|
||||
.pt-70 {
|
||||
padding-top: 70px;
|
||||
}
|
||||
.pt-75 {
|
||||
padding-top: 75px;
|
||||
}
|
||||
.pt-80 {
|
||||
padding-top: 80px;
|
||||
}
|
||||
.pt-85 {
|
||||
padding-top: 85px;
|
||||
}
|
||||
.pt-90 {
|
||||
padding-top: 90px;
|
||||
}
|
||||
.pt-95 {
|
||||
padding-top: 95px;
|
||||
}
|
||||
.pt-100 {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.pt-105 {
|
||||
padding-top: 105px;
|
||||
}
|
||||
.pt-110 {
|
||||
padding-top: 110px;
|
||||
}
|
||||
.pt-115 {
|
||||
padding-top: 115px;
|
||||
}
|
||||
.pt-120 {
|
||||
padding-top: 120px;
|
||||
}
|
||||
.pt-125 {
|
||||
padding-top: 125px;
|
||||
}
|
||||
.pt-130 {
|
||||
padding-top: 130px;
|
||||
}
|
||||
.pt-135 {
|
||||
padding-top: 135px;
|
||||
}
|
||||
.pt-140 {
|
||||
padding-top: 140px;
|
||||
}
|
||||
.pt-145 {
|
||||
padding-top: 145px;
|
||||
}
|
||||
.pt-150 {
|
||||
padding-top: 150px;
|
||||
}
|
||||
.pt-155 {
|
||||
padding-top: 155px;
|
||||
}
|
||||
.pt-160 {
|
||||
padding-top: 160px;
|
||||
}
|
||||
.pt-165 {
|
||||
padding-top: 165px;
|
||||
}
|
||||
.pt-170 {
|
||||
padding-top: 170px;
|
||||
}
|
||||
.pt-175 {
|
||||
padding-top: 175px;
|
||||
}
|
||||
.pt-180 {
|
||||
padding-top: 180px;
|
||||
}
|
||||
.pt-185 {
|
||||
padding-top: 185px;
|
||||
}
|
||||
.pt-190 {
|
||||
padding-top: 190px;
|
||||
}
|
||||
.pt-195 {
|
||||
padding-top: 195px;
|
||||
}
|
||||
.pt-200 {
|
||||
padding-top: 200px;
|
||||
}
|
||||
.pt-210 {
|
||||
padding-top: 210px;
|
||||
}
|
||||
/*-- Padding Bottom --*/
|
||||
|
||||
.pb-5 {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.pb-10 {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.pb-15 {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.pb-20 {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.pb-25 {
|
||||
padding-bottom: 25px;
|
||||
}
|
||||
.pb-30 {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.pb-35 {
|
||||
padding-bottom: 35px;
|
||||
}
|
||||
.pb-40 {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.pb-45 {
|
||||
padding-bottom: 45px;
|
||||
}
|
||||
.pb-50 {
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
.pb-55 {
|
||||
padding-bottom: 55px;
|
||||
}
|
||||
.pb-60 {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.pb-65 {
|
||||
padding-bottom: 65px;
|
||||
}
|
||||
.pb-70 {
|
||||
padding-bottom: 70px;
|
||||
}
|
||||
.pb-75 {
|
||||
padding-bottom: 75px;
|
||||
}
|
||||
.pb-80 {
|
||||
padding-bottom: 80px;
|
||||
}
|
||||
.pb-85 {
|
||||
padding-bottom: 85px;
|
||||
}
|
||||
.pb-90 {
|
||||
padding-bottom: 90px;
|
||||
}
|
||||
.pb-95 {
|
||||
padding-bottom: 95px;
|
||||
}
|
||||
.pb-100 {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
.pb-105 {
|
||||
padding-bottom: 105px;
|
||||
}
|
||||
.pb-110 {
|
||||
padding-bottom: 110px;
|
||||
}
|
||||
.pb-115 {
|
||||
padding-bottom: 115px;
|
||||
}
|
||||
.pb-120 {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.pb-125 {
|
||||
padding-bottom: 125px;
|
||||
}
|
||||
.pb-130 {
|
||||
padding-bottom: 130px;
|
||||
}
|
||||
.pb-135 {
|
||||
padding-bottom: 135px;
|
||||
}
|
||||
.pb-140 {
|
||||
padding-bottom: 140px;
|
||||
}
|
||||
.pb-145 {
|
||||
padding-bottom: 145px;
|
||||
}
|
||||
.pb-150 {
|
||||
padding-bottom: 150px;
|
||||
}
|
||||
.pb-155 {
|
||||
padding-bottom: 155px;
|
||||
}
|
||||
.pb-160 {
|
||||
padding-bottom: 160px;
|
||||
}
|
||||
.pb-165 {
|
||||
padding-bottom: 165px;
|
||||
}
|
||||
.pb-170 {
|
||||
padding-bottom: 170px;
|
||||
}
|
||||
.pb-175 {
|
||||
padding-bottom: 175px;
|
||||
}
|
||||
.pb-180 {
|
||||
padding-bottom: 180px;
|
||||
}
|
||||
.pb-185 {
|
||||
padding-bottom: 185px;
|
||||
}
|
||||
.pb-190 {
|
||||
padding-bottom: 190px;
|
||||
}
|
||||
.pb-195 {
|
||||
padding-bottom: 195px;
|
||||
}
|
||||
.pb-200 {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
.pb-210 {
|
||||
padding-bottom: 210px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*-- Padding Left --*/
|
||||
.pl-0 {
|
||||
padding-left: 0px;
|
||||
}
|
||||
.pl-5 {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.pl-10 {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pl-15 {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.pl-20{
|
||||
padding-left: 20px;
|
||||
}
|
||||
.pl-25 {
|
||||
padding-left: 35px;
|
||||
}
|
||||
.pl-30 {
|
||||
padding-left: 30px;
|
||||
}
|
||||
.pl-35 {
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.pl-35 {
|
||||
padding-left: 35px;
|
||||
}
|
||||
|
||||
.pl-40 {
|
||||
padding-left: 40px;
|
||||
}
|
||||
|
||||
.pl-45 {
|
||||
padding-left: 45px;
|
||||
}
|
||||
|
||||
.pl-50 {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.pl-55 {
|
||||
padding-left: 55px;
|
||||
}
|
||||
|
||||
.pl-60 {
|
||||
padding-left: 60px;
|
||||
}
|
||||
.pl-65 {
|
||||
padding-left: 65px;
|
||||
}
|
||||
.pl-70 {
|
||||
padding-left: 70px;
|
||||
}
|
||||
.pl-75 {
|
||||
padding-left: 75px;
|
||||
}
|
||||
.pl-80 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
.pl-85 {
|
||||
padding-left: 80px;
|
||||
}
|
||||
.pl-90 {
|
||||
padding-left: 90px;
|
||||
}
|
||||
.pl-95 {
|
||||
padding-left: 95px;
|
||||
}
|
||||
.pl-100 {
|
||||
padding-left: 100px;
|
||||
}
|
||||
|
||||
|
||||
/*-- Padding Right --*/
|
||||
.pr-0 {
|
||||
padding-right: 0px;
|
||||
}
|
||||
.pr-5 {
|
||||
padding-right: 5px;
|
||||
}
|
||||
.pr-10 {
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pr-15 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.pr-20{
|
||||
padding-right: 20px;
|
||||
}
|
||||
.pr-25 {
|
||||
padding-right: 35px;
|
||||
}
|
||||
.pr-30 {
|
||||
padding-right: 30px;
|
||||
}
|
||||
.pr-35 {
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
.pr-35 {
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
.pr-40 {
|
||||
padding-right: 40px;
|
||||
}
|
||||
|
||||
.pr-45 {
|
||||
padding-right: 45px;
|
||||
}
|
||||
|
||||
.pr-50 {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.pr-55 {
|
||||
padding-right: 55px;
|
||||
}
|
||||
|
||||
.pr-60 {
|
||||
padding-right: 60px;
|
||||
}
|
||||
.pr-65 {
|
||||
padding-right: 65px;
|
||||
}
|
||||
.pr-70 {
|
||||
padding-right: 70px;
|
||||
}
|
||||
.pr-75 {
|
||||
padding-right: 75px;
|
||||
}
|
||||
.pr-80 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
.pr-85 {
|
||||
padding-right: 80px;
|
||||
}
|
||||
.pr-90 {
|
||||
padding-right: 90px;
|
||||
}
|
||||
.pr-95 {
|
||||
padding-right: 95px;
|
||||
}
|
||||
.pr-100 {
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
/* Background Color */
|
||||
|
||||
.gray-bg {
|
||||
background: #F4F7FC;
|
||||
}
|
||||
.white-bg {
|
||||
background: #fff;
|
||||
}
|
||||
.black-bg {
|
||||
background: #222222;
|
||||
}
|
||||
.theme-bg {
|
||||
background: #2154CF;
|
||||
}
|
||||
/* Color */
|
||||
|
||||
.white {
|
||||
color: #fff;
|
||||
}
|
||||
.black {
|
||||
color: #222;
|
||||
}
|
||||
/* black overlay */
|
||||
|
||||
[data-overlay] {
|
||||
position: relative;
|
||||
}
|
||||
[data-overlay]::before {
|
||||
background: #000 none repeat scroll 0 0;
|
||||
content: "";
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
[data-overlay="3"]::before {
|
||||
opacity: 0.3;
|
||||
}
|
||||
[data-overlay="4"]::before {
|
||||
opacity: 0.4;
|
||||
}
|
||||
[data-overlay="5"]::before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
[data-overlay="6"]::before {
|
||||
opacity: 0.6;
|
||||
}
|
||||
[data-overlay="7"]::before {
|
||||
opacity: 0.7;
|
||||
}
|
||||
[data-overlay="8"]::before {
|
||||
opacity: 0.8;
|
||||
}
|
||||
[data-overlay="9"]::before {
|
||||
opacity: 0.9;
|
||||
}
|
||||
5
css/fontawesome-all.min.css
vendored
Normal file
5
css/fontawesome-all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
536
css/linearicons.css
Normal file
536
css/linearicons.css
Normal file
@@ -0,0 +1,536 @@
|
||||
@font-face {
|
||||
font-family: 'Linearicons-Free';
|
||||
src:url('../fonts/Linearicons-Free.eot?w118d');
|
||||
src:url('../fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'),
|
||||
url('../fonts/Linearicons-Free.woff2?w118d') format('woff2'),
|
||||
url('../fonts/Linearicons-Free.woff?w118d') format('woff'),
|
||||
url('../fonts/Linearicons-Free.ttf?w118d') format('truetype'),
|
||||
url('../fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.lnr {
|
||||
font-family: 'Linearicons-Free';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.lnr-home:before {
|
||||
content: "\e800";
|
||||
}
|
||||
.lnr-apartment:before {
|
||||
content: "\e801";
|
||||
}
|
||||
.lnr-pencil:before {
|
||||
content: "\e802";
|
||||
}
|
||||
.lnr-magic-wand:before {
|
||||
content: "\e803";
|
||||
}
|
||||
.lnr-drop:before {
|
||||
content: "\e804";
|
||||
}
|
||||
.lnr-lighter:before {
|
||||
content: "\e805";
|
||||
}
|
||||
.lnr-poop:before {
|
||||
content: "\e806";
|
||||
}
|
||||
.lnr-sun:before {
|
||||
content: "\e807";
|
||||
}
|
||||
.lnr-moon:before {
|
||||
content: "\e808";
|
||||
}
|
||||
.lnr-cloud:before {
|
||||
content: "\e809";
|
||||
}
|
||||
.lnr-cloud-upload:before {
|
||||
content: "\e80a";
|
||||
}
|
||||
.lnr-cloud-download:before {
|
||||
content: "\e80b";
|
||||
}
|
||||
.lnr-cloud-sync:before {
|
||||
content: "\e80c";
|
||||
}
|
||||
.lnr-cloud-check:before {
|
||||
content: "\e80d";
|
||||
}
|
||||
.lnr-database:before {
|
||||
content: "\e80e";
|
||||
}
|
||||
.lnr-lock:before {
|
||||
content: "\e80f";
|
||||
}
|
||||
.lnr-cog:before {
|
||||
content: "\e810";
|
||||
}
|
||||
.lnr-trash:before {
|
||||
content: "\e811";
|
||||
}
|
||||
.lnr-dice:before {
|
||||
content: "\e812";
|
||||
}
|
||||
.lnr-heart:before {
|
||||
content: "\e813";
|
||||
}
|
||||
.lnr-star:before {
|
||||
content: "\e814";
|
||||
}
|
||||
.lnr-star-half:before {
|
||||
content: "\e815";
|
||||
}
|
||||
.lnr-star-empty:before {
|
||||
content: "\e816";
|
||||
}
|
||||
.lnr-flag:before {
|
||||
content: "\e817";
|
||||
}
|
||||
.lnr-envelope:before {
|
||||
content: "\e818";
|
||||
}
|
||||
.lnr-paperclip:before {
|
||||
content: "\e819";
|
||||
}
|
||||
.lnr-inbox:before {
|
||||
content: "\e81a";
|
||||
}
|
||||
.lnr-eye:before {
|
||||
content: "\e81b";
|
||||
}
|
||||
.lnr-printer:before {
|
||||
content: "\e81c";
|
||||
}
|
||||
.lnr-file-empty:before {
|
||||
content: "\e81d";
|
||||
}
|
||||
.lnr-file-add:before {
|
||||
content: "\e81e";
|
||||
}
|
||||
.lnr-enter:before {
|
||||
content: "\e81f";
|
||||
}
|
||||
.lnr-exit:before {
|
||||
content: "\e820";
|
||||
}
|
||||
.lnr-graduation-hat:before {
|
||||
content: "\e821";
|
||||
}
|
||||
.lnr-license:before {
|
||||
content: "\e822";
|
||||
}
|
||||
.lnr-music-note:before {
|
||||
content: "\e823";
|
||||
}
|
||||
.lnr-film-play:before {
|
||||
content: "\e824";
|
||||
}
|
||||
.lnr-camera-video:before {
|
||||
content: "\e825";
|
||||
}
|
||||
.lnr-camera:before {
|
||||
content: "\e826";
|
||||
}
|
||||
.lnr-picture:before {
|
||||
content: "\e827";
|
||||
}
|
||||
.lnr-book:before {
|
||||
content: "\e828";
|
||||
}
|
||||
.lnr-bookmark:before {
|
||||
content: "\e829";
|
||||
}
|
||||
.lnr-user:before {
|
||||
content: "\e82a";
|
||||
}
|
||||
.lnr-users:before {
|
||||
content: "\e82b";
|
||||
}
|
||||
.lnr-shirt:before {
|
||||
content: "\e82c";
|
||||
}
|
||||
.lnr-store:before {
|
||||
content: "\e82d";
|
||||
}
|
||||
.lnr-cart:before {
|
||||
content: "\e82e";
|
||||
}
|
||||
.lnr-tag:before {
|
||||
content: "\e82f";
|
||||
}
|
||||
.lnr-phone-handset:before {
|
||||
content: "\e830";
|
||||
}
|
||||
.lnr-phone:before {
|
||||
content: "\e831";
|
||||
}
|
||||
.lnr-pushpin:before {
|
||||
content: "\e832";
|
||||
}
|
||||
.lnr-map-marker:before {
|
||||
content: "\e833";
|
||||
}
|
||||
.lnr-map:before {
|
||||
content: "\e834";
|
||||
}
|
||||
.lnr-location:before {
|
||||
content: "\e835";
|
||||
}
|
||||
.lnr-calendar-full:before {
|
||||
content: "\e836";
|
||||
}
|
||||
.lnr-keyboard:before {
|
||||
content: "\e837";
|
||||
}
|
||||
.lnr-spell-check:before {
|
||||
content: "\e838";
|
||||
}
|
||||
.lnr-screen:before {
|
||||
content: "\e839";
|
||||
}
|
||||
.lnr-smartphone:before {
|
||||
content: "\e83a";
|
||||
}
|
||||
.lnr-tablet:before {
|
||||
content: "\e83b";
|
||||
}
|
||||
.lnr-laptop:before {
|
||||
content: "\e83c";
|
||||
}
|
||||
.lnr-laptop-phone:before {
|
||||
content: "\e83d";
|
||||
}
|
||||
.lnr-power-switch:before {
|
||||
content: "\e83e";
|
||||
}
|
||||
.lnr-bubble:before {
|
||||
content: "\e83f";
|
||||
}
|
||||
.lnr-heart-pulse:before {
|
||||
content: "\e840";
|
||||
}
|
||||
.lnr-construction:before {
|
||||
content: "\e841";
|
||||
}
|
||||
.lnr-pie-chart:before {
|
||||
content: "\e842";
|
||||
}
|
||||
.lnr-chart-bars:before {
|
||||
content: "\e843";
|
||||
}
|
||||
.lnr-gift:before {
|
||||
content: "\e844";
|
||||
}
|
||||
.lnr-diamond:before {
|
||||
content: "\e845";
|
||||
}
|
||||
.lnr-linearicons:before {
|
||||
content: "\e846";
|
||||
}
|
||||
.lnr-dinner:before {
|
||||
content: "\e847";
|
||||
}
|
||||
.lnr-coffee-cup:before {
|
||||
content: "\e848";
|
||||
}
|
||||
.lnr-leaf:before {
|
||||
content: "\e849";
|
||||
}
|
||||
.lnr-paw:before {
|
||||
content: "\e84a";
|
||||
}
|
||||
.lnr-rocket:before {
|
||||
content: "\e84b";
|
||||
}
|
||||
.lnr-briefcase:before {
|
||||
content: "\e84c";
|
||||
}
|
||||
.lnr-bus:before {
|
||||
content: "\e84d";
|
||||
}
|
||||
.lnr-car:before {
|
||||
content: "\e84e";
|
||||
}
|
||||
.lnr-train:before {
|
||||
content: "\e84f";
|
||||
}
|
||||
.lnr-bicycle:before {
|
||||
content: "\e850";
|
||||
}
|
||||
.lnr-wheelchair:before {
|
||||
content: "\e851";
|
||||
}
|
||||
.lnr-select:before {
|
||||
content: "\e852";
|
||||
}
|
||||
.lnr-earth:before {
|
||||
content: "\e853";
|
||||
}
|
||||
.lnr-smile:before {
|
||||
content: "\e854";
|
||||
}
|
||||
.lnr-sad:before {
|
||||
content: "\e855";
|
||||
}
|
||||
.lnr-neutral:before {
|
||||
content: "\e856";
|
||||
}
|
||||
.lnr-mustache:before {
|
||||
content: "\e857";
|
||||
}
|
||||
.lnr-alarm:before {
|
||||
content: "\e858";
|
||||
}
|
||||
.lnr-bullhorn:before {
|
||||
content: "\e859";
|
||||
}
|
||||
.lnr-volume-high:before {
|
||||
content: "\e85a";
|
||||
}
|
||||
.lnr-volume-medium:before {
|
||||
content: "\e85b";
|
||||
}
|
||||
.lnr-volume-low:before {
|
||||
content: "\e85c";
|
||||
}
|
||||
.lnr-volume:before {
|
||||
content: "\e85d";
|
||||
}
|
||||
.lnr-mic:before {
|
||||
content: "\e85e";
|
||||
}
|
||||
.lnr-hourglass:before {
|
||||
content: "\e85f";
|
||||
}
|
||||
.lnr-undo:before {
|
||||
content: "\e860";
|
||||
}
|
||||
.lnr-redo:before {
|
||||
content: "\e861";
|
||||
}
|
||||
.lnr-sync:before {
|
||||
content: "\e862";
|
||||
}
|
||||
.lnr-history:before {
|
||||
content: "\e863";
|
||||
}
|
||||
.lnr-clock:before {
|
||||
content: "\e864";
|
||||
}
|
||||
.lnr-download:before {
|
||||
content: "\e865";
|
||||
}
|
||||
.lnr-upload:before {
|
||||
content: "\e866";
|
||||
}
|
||||
.lnr-enter-down:before {
|
||||
content: "\e867";
|
||||
}
|
||||
.lnr-exit-up:before {
|
||||
content: "\e868";
|
||||
}
|
||||
.lnr-bug:before {
|
||||
content: "\e869";
|
||||
}
|
||||
.lnr-code:before {
|
||||
content: "\e86a";
|
||||
}
|
||||
.lnr-link:before {
|
||||
content: "\e86b";
|
||||
}
|
||||
.lnr-unlink:before {
|
||||
content: "\e86c";
|
||||
}
|
||||
.lnr-thumbs-up:before {
|
||||
content: "\e86d";
|
||||
}
|
||||
.lnr-thumbs-down:before {
|
||||
content: "\e86e";
|
||||
}
|
||||
.lnr-magnifier:before {
|
||||
content: "\e86f";
|
||||
}
|
||||
.lnr-cross:before {
|
||||
content: "\e870";
|
||||
}
|
||||
.lnr-menu:before {
|
||||
content: "\e871";
|
||||
}
|
||||
.lnr-list:before {
|
||||
content: "\e872";
|
||||
}
|
||||
.lnr-chevron-up:before {
|
||||
content: "\e873";
|
||||
}
|
||||
.lnr-chevron-down:before {
|
||||
content: "\e874";
|
||||
}
|
||||
.lnr-chevron-left:before {
|
||||
content: "\e875";
|
||||
}
|
||||
.lnr-chevron-right:before {
|
||||
content: "\e876";
|
||||
}
|
||||
.lnr-arrow-up:before {
|
||||
content: "\e877";
|
||||
}
|
||||
.lnr-arrow-down:before {
|
||||
content: "\e878";
|
||||
}
|
||||
.lnr-arrow-left:before {
|
||||
content: "\e879";
|
||||
}
|
||||
.lnr-arrow-right:before {
|
||||
content: "\e87a";
|
||||
}
|
||||
.lnr-move:before {
|
||||
content: "\e87b";
|
||||
}
|
||||
.lnr-warning:before {
|
||||
content: "\e87c";
|
||||
}
|
||||
.lnr-question-circle:before {
|
||||
content: "\e87d";
|
||||
}
|
||||
.lnr-menu-circle:before {
|
||||
content: "\e87e";
|
||||
}
|
||||
.lnr-checkmark-circle:before {
|
||||
content: "\e87f";
|
||||
}
|
||||
.lnr-cross-circle:before {
|
||||
content: "\e880";
|
||||
}
|
||||
.lnr-plus-circle:before {
|
||||
content: "\e881";
|
||||
}
|
||||
.lnr-circle-minus:before {
|
||||
content: "\e882";
|
||||
}
|
||||
.lnr-arrow-up-circle:before {
|
||||
content: "\e883";
|
||||
}
|
||||
.lnr-arrow-down-circle:before {
|
||||
content: "\e884";
|
||||
}
|
||||
.lnr-arrow-left-circle:before {
|
||||
content: "\e885";
|
||||
}
|
||||
.lnr-arrow-right-circle:before {
|
||||
content: "\e886";
|
||||
}
|
||||
.lnr-chevron-up-circle:before {
|
||||
content: "\e887";
|
||||
}
|
||||
.lnr-chevron-down-circle:before {
|
||||
content: "\e888";
|
||||
}
|
||||
.lnr-chevron-left-circle:before {
|
||||
content: "\e889";
|
||||
}
|
||||
.lnr-chevron-right-circle:before {
|
||||
content: "\e88a";
|
||||
}
|
||||
.lnr-crop:before {
|
||||
content: "\e88b";
|
||||
}
|
||||
.lnr-frame-expand:before {
|
||||
content: "\e88c";
|
||||
}
|
||||
.lnr-frame-contract:before {
|
||||
content: "\e88d";
|
||||
}
|
||||
.lnr-layers:before {
|
||||
content: "\e88e";
|
||||
}
|
||||
.lnr-funnel:before {
|
||||
content: "\e88f";
|
||||
}
|
||||
.lnr-text-format:before {
|
||||
content: "\e890";
|
||||
}
|
||||
.lnr-text-format-remove:before {
|
||||
content: "\e891";
|
||||
}
|
||||
.lnr-text-size:before {
|
||||
content: "\e892";
|
||||
}
|
||||
.lnr-bold:before {
|
||||
content: "\e893";
|
||||
}
|
||||
.lnr-italic:before {
|
||||
content: "\e894";
|
||||
}
|
||||
.lnr-underline:before {
|
||||
content: "\e895";
|
||||
}
|
||||
.lnr-strikethrough:before {
|
||||
content: "\e896";
|
||||
}
|
||||
.lnr-highlight:before {
|
||||
content: "\e897";
|
||||
}
|
||||
.lnr-text-align-left:before {
|
||||
content: "\e898";
|
||||
}
|
||||
.lnr-text-align-center:before {
|
||||
content: "\e899";
|
||||
}
|
||||
.lnr-text-align-right:before {
|
||||
content: "\e89a";
|
||||
}
|
||||
.lnr-text-align-justify:before {
|
||||
content: "\e89b";
|
||||
}
|
||||
.lnr-line-spacing:before {
|
||||
content: "\e89c";
|
||||
}
|
||||
.lnr-indent-increase:before {
|
||||
content: "\e89d";
|
||||
}
|
||||
.lnr-indent-decrease:before {
|
||||
content: "\e89e";
|
||||
}
|
||||
.lnr-pilcrow:before {
|
||||
content: "\e89f";
|
||||
}
|
||||
.lnr-direction-ltr:before {
|
||||
content: "\e8a0";
|
||||
}
|
||||
.lnr-direction-rtl:before {
|
||||
content: "\e8a1";
|
||||
}
|
||||
.lnr-page-break:before {
|
||||
content: "\e8a2";
|
||||
}
|
||||
.lnr-sort-alpha-asc:before {
|
||||
content: "\e8a3";
|
||||
}
|
||||
.lnr-sort-amount-asc:before {
|
||||
content: "\e8a4";
|
||||
}
|
||||
.lnr-hand:before {
|
||||
content: "\e8a5";
|
||||
}
|
||||
.lnr-pointer-up:before {
|
||||
content: "\e8a6";
|
||||
}
|
||||
.lnr-pointer-right:before {
|
||||
content: "\e8a7";
|
||||
}
|
||||
.lnr-pointer-down:before {
|
||||
content: "\e8a8";
|
||||
}
|
||||
.lnr-pointer-left:before {
|
||||
content: "\e8a9";
|
||||
}
|
||||
351
css/magnific-popup.css
Normal file
351
css/magnific-popup.css
Normal file
@@ -0,0 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
175
css/meanmenu.css
Normal file
175
css/meanmenu.css
Normal file
@@ -0,0 +1,175 @@
|
||||
|
||||
/*! #######################################################################
|
||||
|
||||
MeanMenu 2.0.7
|
||||
--------
|
||||
|
||||
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
|
||||
|
||||
####################################################################### */
|
||||
|
||||
/* hide the link until viewport size is reached */
|
||||
a.meanmenu-reveal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* when under viewport size, .mean-container is added to body */
|
||||
.mean-container .mean-bar {
|
||||
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
|
||||
float: left;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.mean-container a.meanmenu-reveal {
|
||||
border: 1px solid #444;
|
||||
color: #444;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 1px;
|
||||
font-weight: 700;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
margin-top: -40px;
|
||||
padding: 8px 9px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-decoration: none;
|
||||
top: 0;
|
||||
width: 22px;
|
||||
}
|
||||
.mean-container a.meanmenu-reveal span {
|
||||
background: #444 none repeat scroll 0 0;
|
||||
display: block;
|
||||
height: 3px;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav {
|
||||
background: #0c1923 none repeat scroll 0 0;
|
||||
float: left;
|
||||
margin-top: 18px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li {
|
||||
position: relative;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.5);
|
||||
color: #fff;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 10px 5%;
|
||||
text-align: left;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li a {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.25);
|
||||
opacity: 0.75;
|
||||
padding: 10px 10%;
|
||||
text-shadow: none;
|
||||
visibility: visible;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li.mean-last a {
|
||||
border-bottom: none;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li li a {
|
||||
width: 70%;
|
||||
padding: 1em 15%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li li li a {
|
||||
width: 60%;
|
||||
padding: 1em 20%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li li li li li a {
|
||||
width: 50%;
|
||||
padding: 1em 25%;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a:hover {
|
||||
background: #252525;
|
||||
background: rgba(255,255,255,0.1);
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a.mean-expand {
|
||||
-moz-border-bottom-colors: none;
|
||||
-moz-border-left-colors: none;
|
||||
-moz-border-right-colors: none;
|
||||
-moz-border-top-colors: none;
|
||||
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
|
||||
border-color: currentcolor currentcolor rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.4);
|
||||
border-image: none;
|
||||
border-style: none none solid solid;
|
||||
border-width: medium medium 1px 1px;
|
||||
font-weight: 700;
|
||||
height: 27px;
|
||||
margin-top: 1px;
|
||||
padding: 8px 12px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 26px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.mean-container .mean-nav ul li a.mean-expand:hover {
|
||||
background: rgba(0,0,0,0.9);
|
||||
}
|
||||
|
||||
.mean-container .mean-push {
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.mean-nav .wrapper {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Fix for box sizing on Foundation Framework etc. */
|
||||
.mean-container .mean-bar, .mean-container .mean-bar * {
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
|
||||
.mean-remove {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.transparent-header .mean-container a.meanmenu-reveal {
|
||||
border: 1px solid #fff;
|
||||
color: #fff;
|
||||
}
|
||||
.transparent-header .mean-container a.meanmenu-reveal span {
|
||||
background: #fff;
|
||||
}
|
||||
138
css/nice-select.css
Normal file
138
css/nice-select.css
Normal file
@@ -0,0 +1,138 @@
|
||||
.nice-select {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
border: solid 1px #e8e8e8;
|
||||
box-sizing: border-box;
|
||||
clear: both;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
float: left;
|
||||
font-family: inherit;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
height: 42px;
|
||||
line-height: 40px;
|
||||
outline: none;
|
||||
padding-left: 18px;
|
||||
padding-right: 30px;
|
||||
position: relative;
|
||||
text-align: left !important;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
white-space: nowrap;
|
||||
width: auto; }
|
||||
.nice-select:hover {
|
||||
border-color: #dbdbdb; }
|
||||
.nice-select:active, .nice-select.open, .nice-select:focus {
|
||||
border-color: #999; }
|
||||
.nice-select:after {
|
||||
border-bottom: 2px solid #999;
|
||||
border-right: 2px solid #999;
|
||||
content: '';
|
||||
display: block;
|
||||
height: 5px;
|
||||
margin-top: -4px;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
-webkit-transform-origin: 66% 66%;
|
||||
-ms-transform-origin: 66% 66%;
|
||||
transform-origin: 66% 66%;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition: all 0.15s ease-in-out;
|
||||
transition: all 0.15s ease-in-out;
|
||||
width: 5px; }
|
||||
.nice-select.open:after {
|
||||
-webkit-transform: rotate(-135deg);
|
||||
-ms-transform: rotate(-135deg);
|
||||
transform: rotate(-135deg); }
|
||||
.nice-select.open .list {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
-webkit-transform: scale(1) translateY(0);
|
||||
-ms-transform: scale(1) translateY(0);
|
||||
transform: scale(1) translateY(0); }
|
||||
.nice-select.disabled {
|
||||
border-color: #ededed;
|
||||
color: #999;
|
||||
pointer-events: none; }
|
||||
.nice-select.disabled:after {
|
||||
border-color: #cccccc; }
|
||||
.nice-select.wide {
|
||||
width: 100%; }
|
||||
.nice-select.wide .list {
|
||||
left: 0 !important;
|
||||
right: 0 !important; }
|
||||
.nice-select.right {
|
||||
float: right; }
|
||||
.nice-select.right .list {
|
||||
left: auto;
|
||||
right: 0; }
|
||||
.nice-select.small {
|
||||
font-size: 12px;
|
||||
height: 36px;
|
||||
line-height: 34px; }
|
||||
.nice-select.small:after {
|
||||
height: 4px;
|
||||
width: 4px; }
|
||||
.nice-select.small .option {
|
||||
line-height: 34px;
|
||||
min-height: 34px; }
|
||||
.nice-select .list {
|
||||
background-color: #fff;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
|
||||
box-sizing: border-box;
|
||||
margin-top: 4px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
-webkit-transform-origin: 50% 0;
|
||||
-ms-transform-origin: 50% 0;
|
||||
transform-origin: 50% 0;
|
||||
-webkit-transform: scale(0.75) translateY(-21px);
|
||||
-ms-transform: scale(0.75) translateY(-21px);
|
||||
transform: scale(0.75) translateY(-21px);
|
||||
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
|
||||
z-index: 9; }
|
||||
.nice-select .list:hover .option:not(:hover) {
|
||||
background-color: transparent !important; }
|
||||
.nice-select .option {
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
line-height: 40px;
|
||||
list-style: none;
|
||||
min-height: 40px;
|
||||
outline: none;
|
||||
padding-left: 18px;
|
||||
padding-right: 29px;
|
||||
text-align: left;
|
||||
-webkit-transition: all 0.2s;
|
||||
transition: all 0.2s; }
|
||||
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
|
||||
background-color: #f6f6f6; }
|
||||
.nice-select .option.selected {
|
||||
font-weight: bold; }
|
||||
.nice-select .option.disabled {
|
||||
background-color: transparent;
|
||||
color: #999;
|
||||
cursor: default; }
|
||||
|
||||
.no-csspointerevents .nice-select .list {
|
||||
display: none; }
|
||||
|
||||
.no-csspointerevents .nice-select.open .list {
|
||||
display: block; }
|
||||
626
css/responsive.css
Normal file
626
css/responsive.css
Normal file
@@ -0,0 +1,626 @@
|
||||
/* XL Device :1200px. */
|
||||
@media (min-width: 1200px) and (max-width: 1500px) {
|
||||
.box-70 {
|
||||
margin: 0 30px;
|
||||
}
|
||||
.single-slider.slider-height {
|
||||
height: 600px;
|
||||
}
|
||||
.slider-height-3 .slider-content h1 {
|
||||
font-size: 74px;
|
||||
}
|
||||
.single-slider.slider-height-3 {
|
||||
min-height: 600px;
|
||||
}
|
||||
.single-slider.height-100 {
|
||||
height: 768px;
|
||||
}
|
||||
.height-100 .slider-content {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.page-title-area {
|
||||
padding: 150px 0;
|
||||
}
|
||||
.who-we-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.who-we-box {
|
||||
margin-bottom: 60px;
|
||||
padding: 30px 40px;
|
||||
}
|
||||
.expert-list {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.header-bottom-area.pl-55.pr-55 {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* LG Device :992px. */
|
||||
@media (min-width: 992px) and (max-width: 1200px) {
|
||||
.box-70 {
|
||||
margin: 0 30px;
|
||||
}
|
||||
.header-top-area {
|
||||
padding: 0 0px;
|
||||
}
|
||||
.page-title-area {
|
||||
padding: 150px 0;
|
||||
}
|
||||
.header-bottom-area {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
.main-menu ul li {
|
||||
margin-left: 17px;
|
||||
}
|
||||
.header-button > a {
|
||||
padding: 14px 16px;
|
||||
}
|
||||
.header-button {
|
||||
margin-left: 25px;
|
||||
}
|
||||
.wrapper-box {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.slide-img > img {
|
||||
width: 100%;
|
||||
}
|
||||
.single-slider.height-100 {
|
||||
height: 680px;
|
||||
}
|
||||
|
||||
.single-slider.slider-height {
|
||||
height: 600px;
|
||||
}
|
||||
.single-features {
|
||||
padding: 0;
|
||||
}
|
||||
.skill-part.pl-50.pr-50 {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.height-100 .slider-content {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.service-wrapper {
|
||||
padding: 50px 20px;
|
||||
}
|
||||
.service-wrapper h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.cta-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.promo-2{padding-top: 0;padding-bottom: 0;}
|
||||
.single-couter.counter-2 > p {
|
||||
padding-left: 0;
|
||||
}
|
||||
.single-couter.counter-2 {
|
||||
text-align: center;
|
||||
}
|
||||
.header-top-3 {
|
||||
padding: 20px 0px;
|
||||
}
|
||||
.language.language-header-3 {
|
||||
margin-top: 4px;
|
||||
}
|
||||
.slider-height-3 .slider-content h1 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.single-slider.slider-height-3 {
|
||||
min-height: 600px;
|
||||
}
|
||||
.testimonial-3 {
|
||||
padding: 20px 15px;
|
||||
}
|
||||
.blog-space{padding-right: 15px}
|
||||
.why-chose {
|
||||
padding: 0;
|
||||
}
|
||||
.update-cart > a {
|
||||
margin-left: 0;
|
||||
padding: 14px 16px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.contact-info h2 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.contact-meta {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.service-box {
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
.service-box.service-3 {
|
||||
text-align: left;
|
||||
}
|
||||
.main-menu ul li ul.submenu {
|
||||
left: -77px;
|
||||
}
|
||||
.pormotext-style-2{padding-top: 0px;}
|
||||
.product-tab li img {
|
||||
width: 100%;
|
||||
}
|
||||
.pricing-text h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
span.sepa {
|
||||
font-size: 31px !important;
|
||||
}
|
||||
.pro-lg-none{display: none !important}
|
||||
.intro-big-thumb img {
|
||||
width: 100%;
|
||||
}
|
||||
.who-we-img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.col-xl-6.col-lg-12.wh-pad.pr-60 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* MD Device :768px. */
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.header-bottom-area {
|
||||
padding-bottom: 10px;
|
||||
padding-top: 20px;
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.single-slider.slider-height {
|
||||
height: 550px;
|
||||
}
|
||||
.single-slider.height-100 {
|
||||
height: 600px;
|
||||
}
|
||||
.height-100 .slider-content {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.slider-content h1 {
|
||||
font-size: 44px;
|
||||
}
|
||||
.single-features h2 {
|
||||
font-size: 25px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.single-features {
|
||||
padding: 0;
|
||||
}
|
||||
.single-couter > p {
|
||||
font-size: 15px;
|
||||
}
|
||||
.service-wrapper h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.wrapper-box {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.footer-link > li {
|
||||
width: 100%;
|
||||
}
|
||||
.footer-widget > h3 {
|
||||
font-size: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.promo-2 {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.col-xl-6.col-lg-12.wh-pad.pr-60 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.faq-img {
|
||||
width: 31%;
|
||||
}
|
||||
.intro-big-thumb img {
|
||||
width: 100%;
|
||||
}
|
||||
.testimonial-box {
|
||||
padding: 50px 13px;
|
||||
}
|
||||
.single-couter.counter-2 > p {
|
||||
padding-left: 0;
|
||||
}
|
||||
.single-couter.counter-2 {
|
||||
text-align: center;
|
||||
}
|
||||
.menu-style-3.mean-container a.meanmenu-reveal {
|
||||
margin-top: -29px;
|
||||
}
|
||||
.slider-height-3 .slider-content h1 {
|
||||
font-size: 55px;
|
||||
}
|
||||
.single-slider.slider-height-3 {
|
||||
min-height: 500px;
|
||||
}
|
||||
.promotion-img-3 {
|
||||
width: 100%;
|
||||
min-height: 400px;
|
||||
position: inherit;
|
||||
}
|
||||
.testimonial-3 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.page-title-area {
|
||||
padding: 100px 0;
|
||||
}
|
||||
.post-comments-form {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.blog-space{padding-right: 15px}
|
||||
.job-list {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.update-cart > a {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.update-cart {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.service-box.service-3 {
|
||||
text-align: left;
|
||||
}
|
||||
.header-top-area {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
.pormotext-style-2{padding-top: 20px;}
|
||||
.white-menu {
|
||||
padding: 0 30px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.single-testimonial.pt-100 {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.testimonial-area {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.copyright-text {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.blog-post-items {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.page-title h1 {
|
||||
font-size: 50px;
|
||||
}
|
||||
.project-status {
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.wh-pad {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.who-we-img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.who-we-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.box-70 {
|
||||
margin: 0 45px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/* Extra small Device. */
|
||||
@media (max-width: 767px) {
|
||||
.header-top-area {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.top-space {
|
||||
padding: 10px 0;
|
||||
}
|
||||
.header-right li {
|
||||
margin-left: 10px;
|
||||
}
|
||||
.header-bottom-area {
|
||||
padding: 17px 10px 4px;
|
||||
}
|
||||
.wrapper-box {
|
||||
padding: 0 20px;
|
||||
}
|
||||
.single-slider.slider-height {
|
||||
height: 550px;
|
||||
}
|
||||
.slider-content h1 {
|
||||
font-size: 27px;
|
||||
line-height: 33px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.slider-content p {
|
||||
padding-right: 0;
|
||||
}
|
||||
.slider-content span {
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.features-title > h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
.promotion-text {
|
||||
padding-left: 0;
|
||||
}
|
||||
.portofilo-menu > button {
|
||||
margin: 0 2px 5px;
|
||||
}
|
||||
.cap.text-center> img {
|
||||
width: 100%;
|
||||
}
|
||||
.single-brand > a {
|
||||
display: inline-block;
|
||||
}
|
||||
.single-brand {
|
||||
text-align: center;
|
||||
}
|
||||
.cta-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.portfolio-menu > button {
|
||||
margin: 0 1px;
|
||||
margin-bottom: 5px;
|
||||
padding: 0 4px;
|
||||
}
|
||||
.single-couter.counter-2 > p {
|
||||
padding-left: 0;
|
||||
}
|
||||
.single-couter.counter-2 {
|
||||
text-align: center;
|
||||
}
|
||||
.portfolio-menu {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.menu-style-3.mean-container a.meanmenu-reveal {
|
||||
margin-top: -29px;
|
||||
}
|
||||
.header-top-3 {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.slider-height-3 .slider-content h1 {
|
||||
font-size: 38px;
|
||||
}
|
||||
.single-slider.slider-height-3 {
|
||||
min-height: 400px;
|
||||
}
|
||||
.promotion-img-3 {
|
||||
position: inherit;
|
||||
min-height: 400px;
|
||||
}
|
||||
.promotion-text.promo-2 {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.testimonial-area {
|
||||
padding-bottom: 120px;
|
||||
}
|
||||
.single-testimonial.pt-100 {
|
||||
padding-top: 25px;
|
||||
}
|
||||
.testimonial-3 {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.test-main-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.page-title h1 {
|
||||
font-size: 35px;
|
||||
}
|
||||
.page-title-area {
|
||||
padding: 100px 0;
|
||||
}
|
||||
.blog-post .blog-item-content h3 a {
|
||||
font-size: 23px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.blockquote {
|
||||
margin-left: 0;
|
||||
}
|
||||
.blog-share-icon {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.comments-text {
|
||||
padding-left: 0;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.comments-avatar {
|
||||
float: none;
|
||||
}
|
||||
.comments-reply {
|
||||
padding-left: 0;
|
||||
}
|
||||
.post-comments-form {
|
||||
padding-right: 0;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.blog-space{padding-right: 15px}
|
||||
.why-chose {
|
||||
padding: 0;
|
||||
}
|
||||
.job-list {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.update-cart > a {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.update-cart {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.coupon-left input {
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.coupon-left button {
|
||||
margin-left: 0;
|
||||
}
|
||||
.contact-info {
|
||||
|
||||
}
|
||||
.extra-info {
|
||||
width: 300px;
|
||||
z-index: 9999;
|
||||
}
|
||||
.project-status {
|
||||
padding: 30px;
|
||||
}
|
||||
.product-filder .nice-select {
|
||||
float: left;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.product-tab {
|
||||
float: none;
|
||||
width: auto;
|
||||
}
|
||||
.product-zoom-img .tab-content {
|
||||
margin-left: 0;
|
||||
}
|
||||
.product-tab .nav-link {
|
||||
margin-bottom: 20px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.product-desc h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
.product-desc .nice-select {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.pro-details-action a {
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
}
|
||||
.review-tab .nav-item {
|
||||
margin-right: 24px;
|
||||
}
|
||||
.pro-commnets-text {
|
||||
margin-left: 0;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.pro-comments-img {
|
||||
float: none;
|
||||
}
|
||||
.white-menu {
|
||||
padding: 0 30px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.white-menu {
|
||||
padding: 0 8px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
.width-100-xs{width:100%}
|
||||
.subscribe-form form button {
|
||||
position: inherit;
|
||||
margin-top: 15px;
|
||||
height: 50px;
|
||||
}
|
||||
.footer-widget.pl-50 {
|
||||
padding-left: 0;
|
||||
}
|
||||
.intro-text h1 {
|
||||
font-size: 26px;
|
||||
}
|
||||
.single-slider.height-100 {
|
||||
height: 650px;
|
||||
}
|
||||
.height-100 .slider-content {
|
||||
padding-top: 100px;
|
||||
}
|
||||
.skill-part.pl-50.pr-50.mb-30 {
|
||||
padding: 0;
|
||||
}
|
||||
.faq-img {
|
||||
display: none;
|
||||
}
|
||||
.faq-padding {
|
||||
padding-left: 15px;
|
||||
}
|
||||
.testimonial-box {
|
||||
padding: 50px 25px;
|
||||
}
|
||||
.intro-img.mb-30.pr-35 {
|
||||
padding-right: 0;
|
||||
}
|
||||
.promo-content {
|
||||
padding-left: 16px;
|
||||
}
|
||||
.history-thumb img {
|
||||
width: 100%;
|
||||
}
|
||||
.blog-post-items {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.page-title h1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.project-status {
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
.cta-text {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.product-tab li img {
|
||||
width: 100%;
|
||||
}
|
||||
.product-desc {
|
||||
padding-right: 0;
|
||||
}
|
||||
.wh-pad {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.who-we-box {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
.pricing-text h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
span.sepa {
|
||||
font-size: 31px !important;
|
||||
}
|
||||
.intro-big-thumb img {
|
||||
width: 100%;
|
||||
}
|
||||
.pagination ul > li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.blog-post-tag > a {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.expert-list li {
|
||||
width: 100%;
|
||||
}
|
||||
.who-we-img {
|
||||
margin-top: 50px;
|
||||
}
|
||||
.who-we-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.col-xl-6.col-lg-12.wh-pad.pr-60 {
|
||||
padding-right: 15px;
|
||||
}
|
||||
.box-70 {
|
||||
margin: 0 30px;
|
||||
}
|
||||
.blog-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* SM Small Device :550px. */
|
||||
@media only screen and (min-width: 576px) and (max-width: 767px) {
|
||||
.product-filder .nice-select {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
}
|
||||
119
css/slick.css
Normal file
119
css/slick.css
Normal file
@@ -0,0 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
3454
css/style.css
Normal file
3454
css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user