提交
This commit is contained in:
gaofeng
450
public/static/css/tur_index.css
Normal file
450
public/static/css/tur_index.css
Normal file
@@ -0,0 +1,450 @@
|
||||
a:link, a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a {
|
||||
cursor: pointer;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.djcon {
|
||||
float: right;
|
||||
margin: -50px 68px 20px 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 1110px) {
|
||||
.context2 {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
.pd-20 {
|
||||
padding: 20px;
|
||||
}
|
||||
.dj-box {
|
||||
float: right;
|
||||
width: 350px;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 5px;
|
||||
padding: 60px 20px;
|
||||
}
|
||||
.dj-box .dj-tabs {
|
||||
height: 60px;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
}
|
||||
.dj-tabs .tab {
|
||||
line-height: 60px;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
background-color: #205493;
|
||||
}
|
||||
.dj-tabs .tab:first-child {
|
||||
border-top-left-radius: 5px
|
||||
}
|
||||
.dj-tabs .tab:last-child {
|
||||
border-top-right-radius: 5px
|
||||
}
|
||||
.dj-tabs .tab.active {
|
||||
background-color: #ffffff;
|
||||
color: #0a1e2c;
|
||||
}
|
||||
.dj-box a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
line-height: 50px;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
background: var(--main-color);
|
||||
left: 50%;
|
||||
margin: 20px 0 0;
|
||||
border-radius: 5px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dj-box a:hover {
|
||||
background: #a83723;
|
||||
}
|
||||
|
||||
.dj-box .dj-cx {
|
||||
background: #fff;
|
||||
color: #438CBC;
|
||||
border: 2px solid #438CBC;
|
||||
}
|
||||
|
||||
.dj-box .dj-cx:hover {
|
||||
background: var(--main-color);
|
||||
color: #fff;
|
||||
}
|
||||
.form-cell {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.form-cell .icon {
|
||||
padding-top: 30px;
|
||||
}
|
||||
@media (min-width: 1110px) {
|
||||
.evus {
|
||||
height: 345px;
|
||||
}
|
||||
|
||||
/*.home-main{ margin-top: 50px;}*/
|
||||
.context2 {
|
||||
width: 1200px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.apply-item {
|
||||
width: 50%;
|
||||
|
||||
}
|
||||
.apply-item img{
|
||||
width: 85%;
|
||||
}
|
||||
.bt {
|
||||
margin: 40px auto;
|
||||
font-size: 30px;
|
||||
font-weight: bold;
|
||||
color: #15477c;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
/*.content {
|
||||
width: 100%;
|
||||
background: url("/public/static/home/images/indexbg1_2.jpg") center 50px no-repeat;
|
||||
background-size: 100% auto;
|
||||
}*/
|
||||
}
|
||||
|
||||
/*@media (min-width: 1300px) {
|
||||
.content {
|
||||
width: 100%;
|
||||
background: url("/public/static/home/images/indexbg1_2.jpg") center 80px no-repeat;
|
||||
background-size: 100% auto;
|
||||
}
|
||||
}*/
|
||||
|
||||
/*.evus{ background: url("/public/static/home/images/bg_02.jpg") left -150px;}*/
|
||||
|
||||
|
||||
/*.evus-main{ background: none;}*/
|
||||
.process {
|
||||
width: 100%;
|
||||
/*background: #f9f9f9;*/
|
||||
padding: 20px ;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pro-con {
|
||||
max-width: 1110px;
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.ps-tit {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 24px;
|
||||
color: #438CBC;
|
||||
padding: 20px 0;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.process .ps-item {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-align: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.ps-item2 {
|
||||
margin-top: 70px;
|
||||
}
|
||||
|
||||
.process .ps-item img {
|
||||
width: 26%;
|
||||
}
|
||||
|
||||
.process .ps-item2 img {
|
||||
margin-top: -75px;
|
||||
width: 34%;
|
||||
}
|
||||
|
||||
.process .ps-item .ps-text {
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
color: #438CBC;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
@media (max-width: 740px) {
|
||||
.container-apply{
|
||||
flex-direction: column;
|
||||
}
|
||||
.apply-item{
|
||||
padding: 0 20px;
|
||||
}
|
||||
.advantages-section{
|
||||
padding: 20px 10px !important;
|
||||
}
|
||||
.einfor-con h3 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.dj-tabs .tab.active {
|
||||
background-color: transparent;
|
||||
}
|
||||
.pc-ps-item {
|
||||
display: none !important;
|
||||
}
|
||||
.m-ps-item{
|
||||
display: inline-block !important;
|
||||
width: 5% !important;
|
||||
}
|
||||
.einfor {
|
||||
padding: 20px 0;
|
||||
}
|
||||
.m-title{
|
||||
display: none;
|
||||
}
|
||||
.container-apply.notice{
|
||||
margin-top: 70px !important;
|
||||
padding: 8px;
|
||||
}
|
||||
.process {
|
||||
height: auto;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.process .ps-item {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.process .ps-item img {
|
||||
width: 12%;
|
||||
}
|
||||
|
||||
.ps-tit{
|
||||
background: var(--main-color);
|
||||
font-size: 16px;
|
||||
color: #fff !important;
|
||||
}
|
||||
.ps-tit2{
|
||||
background: var(--main-color);
|
||||
color: #f8cd55;
|
||||
}
|
||||
.pro-con{
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.einfor-con {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.context2 {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/*.content {
|
||||
background: url("/public/static/home/images/indexbg1_2.jpg") center 60px no-repeat;
|
||||
background-size: auto 100%;
|
||||
}*/
|
||||
|
||||
.text2 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
padding: 20px 20px 5px;
|
||||
}
|
||||
|
||||
.text2 .tel {
|
||||
color: #e50000;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.pro-con {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.djcon {
|
||||
clear: all;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 10px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.process .ps-item .ps-text {
|
||||
line-height: 35px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.ps-tit {
|
||||
/*line-height: 40px;*/
|
||||
}
|
||||
|
||||
.ps-tit2 {
|
||||
padding-bottom: 10px !important;
|
||||
}
|
||||
|
||||
.dj-box {
|
||||
width: 100%;
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.dj-box .dj-txt {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.dj-box .dj-txt2 {
|
||||
font-size: 16px !important;
|
||||
}
|
||||
|
||||
.dj-box a {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
color: #fff;
|
||||
font-size: 17px;
|
||||
background: var(--main-color);
|
||||
border-radius: 2px solid var(--main-color);
|
||||
}
|
||||
|
||||
.content .text {
|
||||
width: 100%;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.einfor {
|
||||
width: 100%;
|
||||
max-width: 1170px;
|
||||
overflow: hidden;
|
||||
margin: 0 auto;
|
||||
line-height: 26px;
|
||||
padding: 20px 68px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media (max-width: 1110px) {
|
||||
.einfor {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.einfor ul {
|
||||
list-style-type: circle;
|
||||
margin-left: 45px;
|
||||
}
|
||||
|
||||
/*.einfor-con h3, .einfor-con > p {*/
|
||||
/* color: #438CBC;*/
|
||||
/*}*/
|
||||
|
||||
.einfor-con a {
|
||||
display: inline-block;
|
||||
padding: 8px 0;
|
||||
width: 324px;
|
||||
border-radius: 6px;
|
||||
background: #2e8540!important;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.einfor-con a:hover {
|
||||
color: #fff;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.einfor-con2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.einfor-qrcode {
|
||||
width: 324px;
|
||||
padding: 20px 20px 15px 20px;
|
||||
background: #f9f9f9;
|
||||
border-radius: 6px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.einfor-qrcode img {
|
||||
width: 200px;
|
||||
border-radius: 6px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.einfor-qrcode p {
|
||||
color: #438CBC;
|
||||
line-height: 22px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 800px) {
|
||||
.einfor-con {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 799px) {
|
||||
.einfor-con {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.einfor-con2 .einfor-qrcode2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.einfor-con2 > div {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.einfor-con .tel {
|
||||
background: none !important;
|
||||
color: #FF0303;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.einfor-qrcode a.dj-cx {
|
||||
background: #fff !important;
|
||||
color: #438CBC !important;
|
||||
border: 2px solid #438CBC !important;
|
||||
}
|
||||
.container-apply{
|
||||
display: flex;
|
||||
max-width: 1110px;
|
||||
margin: 0 auto;
|
||||
align-items: center;
|
||||
}
|
||||
@media (min-width: 740px) {
|
||||
.item-border {
|
||||
border: 1px solid #F2F2F2;
|
||||
padding: 20px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.ps-item.ps-item2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.nav_con a,.nav_con a:hover{
|
||||
font-size: 17px !important;
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user