Files
hzmys.hkpgsow.cn/public/static/css/tur_style.css
gaofeng 6d9aee81aa 提交
2026-05-12 18:27:28 +08:00

1190 lines
14 KiB
CSS

body {
}
.dl {
float: right;
color: #fff;
line-height: 40px;
margin-right: 80px;
padding-left: 16px;
background: url(https://www.turkey-evisa.cn/public/static/home/images/icon_nav_me.png) no-repeat left 12px;
background-size: auto 14px;
}
@media (max-width: 1110px) {
.dl {
display: none;
}
}
.content {
width: 100%;
margin: 0 auto;
/*background: url(../images/bg_02.jpg) no-repeat;*/
padding-top: 128px;
}
.menu-btn {
display: none
}
.content .top {
width: 100%;
position: absolute;
left: 0;
top: 0px;
height: 80px;
background-color: #438CBC;
/*background: url(../images/yh_011.png) no-repeat, #0c1943;*/
z-index: 990;
}
.content .logo {
display: block;
float: left;
margin-top: 20px;
}
.content .serach {
float: right;
padding: 0px 15px;
border-radius: 30px;
background: rgba(255, 163, 20, 0.5);
margin-top: 34px
}
input {
outline: none
}
.f-txt {
display: block;
width: 185px;
height: 30px;
border: none;
background: transparent;
float: left;
color: #fff
}
.f-btn {
display: block;
width: 20px;
height: 30px;
float: left;
border: none;
cursor: pointer;
background: url(../image/search_03.png) no-repeat center
}
.nav {
width: 100%;
position: absolute;
left: 0;
top: 80px;
background: #438CBC;
height: 48px;
z-index: 990;
}
.nav ul {
text-align: center;
}
.nav li {
display: inline-block;
width: 18%;
}
.nav a {
display: block;
height: 51px;
line-height: 51px;
text-align: center;
width: 120px;
font-size: 19px;
color: #fff;
margin: 0 auto;
}
.nav a:hover {
color: #fff;
}
.nav .selected {
background: #f3b78d;
border-radius: 5px;
}
.nav li:hover {
background: #f3b78d;
border-radius: 5px;
}
/*@media screen and (min-width:1200px){
.nav li:hover{
background: #193286;
}
}*/
.home-main {
width: 100%;
margin: 0 auto;
padding: 180px 0 40px;
background: url(../image/indexbg1_2_1.jpg) no-repeat center -50px;
background-size: 100% auto;
}
.evus {
width: 100%;
height: 535px;
/*background:url(../images/4.png) no-repeat;*/
position: relative;
}
.evus .peo {
position: absolute;
left: -115px;
bottom: 0px
}
.evus .text {
width: 430px;
float: left;
margin-left: 30px;
margin-top: 60px;
background: rgba(255, 255, 255, 0.8);
padding: 20px 20px 10px;
border-radius: 8px;
/*top: 20px*/
}
.evus-main {
width: 1140px;
height: 345px;
margin: 0 auto;
position: relative;
}
.evus .text h1 {
display: inline-block;
font-size: 20px;
color: #fff;
padding: 10px 20px;
background: #438CBC;
margin-bottom: 15px
}
.evus .text p {
color: #333333;
line-height: 1.7;
}
.evus .text .tel {
color: #e50000;
font-size: 22px;
}
.evus .text .dj-btn {
display: inline-block;
font-size: 18px;
color: #fff;
padding: 7px 25px;
background: #438CBC;
/*margin-top: 12px;*/
transition: all .4s;
border-radius: 16px;
}
.evus .text .dj-btn:hover {
background: #1e3fb0
}
.evus .men {
position: absolute;
right: 20px;
bottom: 20px
}
.home-process {
margin-top: -124px;
position: relative;
z-index: 10;
}
.home-process ul {
width: 100%;
display: flex;
justify-content: space-around;
}
.home-process ul li {
width: 263px;
height: 376px;
position: relative;
padding: 20px 12px 0px;
color: #000000;
background: #fff;
box-shadow: 0px 2px 10px #a1a1a1;
}
.home-process li img {
}
.home-process h2 {
font-size: 23px;
margin: 10px 0px
}
.home-process p {
font-size: 13px;
line-height: 2;
}
.home-process .btn {
display: block;
width: 140px;
height: 50px;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 18px;
background: #438CBC;
position: absolute;
left: 50%;
margin-left: -70px;
bottom: -25px;
}
.home-process .btn:hover {
background: #193286;
color: #fff !important;
}
.general-problems {
margin-top: 67px;
}
.general-problems .t {
font-size: 22px;
padding: 10px 0px 10px 10px;
background: #438CBC;
margin-bottom: 25px;
color: #fff
}
.general-problems .litem {
border: solid 1px #dddddd;
padding: 15px 20px;
margin-bottom: 20px;
}
.general-problems .litem h3 {
color: #ba7f56;
font-size: 18px
}
.general-problems .litem p {
color: #666666;
line-height: 1.7;
margin-top: 7px
}
.register {
padding: 25px 0px 20px;
text-align: center;
}
.register .btn {
display: inline-block;
padding: 8px 45px;
border-radius: 6px;
background: #2e8540;
color: #fff;
font-size: 24px;
margin-bottom: 10px;
transition: all 400ms;
}
.register .btn.tu{
background: #ff8d0e;
}
.register .btn:hover {
color: #fff;
background: #193286;
}
.register p {
color: #666666;
line-height: 1.8;
}
.comment {
border: solid 1px #dddddd;
padding: 15px 20px 40px;
}
.comment .head {
float: left;
width: 48px;
height: 48px;
}
.comment .con {
margin-left: 74px;
}
.comment .con .c {
border: solid 1px #dddddd;
color: #000
}
.comment .title {
padding: 8px 11px;
color: #fff;
font-size: 16px;
background: #438CBC
}
.comment .item {
margin-top: 30px
}
.wypy {
padding: 20px;
position: relative;
}
.wypy::before {
content: '';
width: 7px;
height: 11px;
background: url(../image/jt_03.jpg) no-repeat;
position: absolute;
left: -7px;
top: 20px
}
.wypy .name, .wypy .recon {
font-size: 14px;
color: #000;
padding-bottom: 5px;
border-bottom: dashed 1px #dddddd;
margin-bottom: 10px
}
.wypy .reply span {
color: #ff6600
}
#textarea {
display: block;
width: 100%;
height: 72px;
border: none;
outline: none;
resize: none;
font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;
height: 70px;
padding: 17px
}
.comment .bottom {
margin-top: 20px
}
.comment .bottom .ts {
float: left;
}
.comment .bottom .ts span {
font-size: 12px
}
.comment .bottom .btn {
background: #438CBC;
color: #fff;
float: right;
padding: 7px 15px;
cursor: pointer;
}
.footer {
background: #373737;
text-align: center;
color: #fff;
padding: 25px 0px;
line-height: 1.8;
/* margin-top: 50px */
width: 100%;
/* position: fixed;
bottom: 0; */
}
.footer p {
padding: 0 5%;
}
.fixfooter {
display: none
}
.ev_news {
width: 100%;
box-sizing: border-box;
margin-top: 20px;
}
.ev_con {
width: 100%;
border: 1px solid #ddd;
overflow: hidden;
background: #f8f8f8;
padding: 10px 0;
margin-bottom: 10px;
}
.ev_news .ev_item {
width: 50%;
line-height: 36px;
float: left;
padding: 0px 35px;
box-sizing: border-box;
}
.ev_item a {
width: 100%;
height: 36px;
display: block;
}
.ev_item:hover a {
color: #438CBC;
}
.ev_item a span {
float: left;
width: 80%;
height: 36px;
line-height: 36px;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 14px;
}
.ev_item a i {
float: right;
font-style: normal;
color: #999;
font-size: 14px;
}
.ev-more a {
margin: 30px 0 10px 0;
}
@media (max-width: 1110px) {
.nav a {
height: 36px;
line-height: 36px;
font-size: 14px;
}
.ev-more a {
margin: 30px 15px 10px 0;
}
body {
/*padding-bottom: 37px*/
}
.content .logo{
margin-left: 0;
}
.menu-btn {
display: block;
float: right;
width: 24px;
margin-top: 15px;
margin-right: 15px
}
.content {
width: 100%;
padding: 52px 0px 0px;
background: none
}
.home-main {
width: 100%;
padding: 20px 0;
background-size: auto 130%;
}
.content .logo {
width: 200px;
margin-left: 20px;
margin-top: 13px;
}
.content .top {
height: 52px;
width: 100%;
position: fixed;
left: 0px;
top: 0px;
padding: 0 0 10px;
margin-left: 0px;
z-index: 990;
background-size: auto 60px;
}
.nav {
width: 100%;
position: initial;
margin-top: 62px;
margin: 0px;
height: auto;
display: none
}
.container {
width: 100%
}
.nav li {
float: none;
width: 100%;
margin: 0px
}
.nav a {
width: 100%
}
.content .serach {
display: none
}
.evus {
height: auto;
background: none;
}
.evus .peo {
/* width: 40%;
display:inline-block;
left: auto;
bottom: auto;
position: relative; */
display: none
}
.evus .text h3 {
font-size: 16px;
padding: 6px 17px;
margin-bottom: 9px;
}
.evus .text .dj-btn {
font-size: 16px
}
.evus .text {
width: 360px;
float: left;
margin-top: 15px;
background: rgba(255, 255, 255, 0.8);
padding: 20px 20px 10px;
border-radius: 8px;
margin-left: 20px;
font-size: 13px !important;
}
.evus .men {
position: relative;
right: auto;
top: auto;
bottom: auto;
margin: 20px 0px
}
.home-process {
margin-top: 20px
}
.home-process ul {
display: block;
font-size: 0
}
.home-process ul {
flex-flow: row wrap
}
.home-process ul li {
width: 50%;
height: auto;
padding-bottom: 60px;
display: inline-block;
vertical-align: top;
box-shadow: none
}
.home-process .btn {
bottom: 20px;
height: 40px;
line-height: 40px;
font-size: 16px
}
.general-problems {
margin-top: 20px
}
.general-problems .t {
font-size: 18px
}
.general-problems {
padding: 0px 13px
}
.register .btn {
font-size: 20px
}
.comment {
border: none;
padding: 0px 13px
}
.fixfooter {
width: 100%;
z-index: 990;
display: block;
height: 40px;
position: fixed;
left: 0px;
bottom: 0px;
background: #438CBC;
}
.fixfooter a {
display: block;
width: 25%;
float: left;
height: 40px;
padding-top: 7px;
}
.fixfooter a img {
display: block;
width: 37px;
margin: 0 auto
}
.fixfooter a p {
text-align: center;
color: #fff;
font-size: 14px;
}
.ev_news {
padding: 0 13px;
}
}
@media (max-width: 740px) {
.evus .text {
position: relative;
left: auto;
bottom: auto;
top: auto;
width: 100%;
padding: 20px 14px;
display: inline-block;
}
.djcon {
float: none !important;
width: 100% !important;
}
.djcon .dj-box {
float: left !important;
}
.ev_news {
padding: 0 13px;
}
.ev_news .ev_item {
width: 100%;
float: none;
padding: 0px 15px;
}
.evus-foot{
display: flex;
position: fixed;
left: 0;
bottom: 0;
right: 0;
height: 42px;
background: #fff;
border-top: 1px solid #ddd;
}
.evus-foot a{
flex: 1;
display: block;
height: 42px;
text-align: center;
line-height: 42px;
}
.evus-foot::after{
position: absolute;
right: 33.3%;
top: 8px;
height: 26px;
width: 0px;
border-left: 1px solid #ddd;
content: "";
}
.evus-foot::before{
position: absolute;
left: 33.3%;
top: 8px;
height: 26px;
width: 0px;
border-left: 1px solid #ddd;
content: "";
}
}
@media (max-width: 440px) {
.ev-more a {
margin: 30px 15px 10px 0;
}
.home-main{
background: url(../image/indexbg1_2_1.jpg) no-repeat center 0;
background-size: auto 115%;
}
.ev_news {
padding: 0 13px;
}
.ev_news .ev_item {
width: 100%;
float: none;
padding: 0px 15px;
}
.ev_item a span {
width: 60%;
}
.home-process ul li {
height: auto;
padding-bottom: 60px;
width: 100%;
}
.comment .con {
margin-left: 61px;
}
.footer {
padding: 15px;
font-size: 12px
}
.evus .text p {
padding-left: 0px !important
}
.evus .text .tel {
font-size: 14px
}
.comment .bottom .ts {
float: none;
}
.comment .bottom .btn {
float: none;
display: inline-block;
margin-top: 20px
}
}
@media (max-width: 340px) {
.wypy, #textarea {
padding: 10px
}
}
.float-panel.slideanim.slide.fixed {
display: none;
}
.foot-jj {
width: 100px;
text-align: center;
line-height: 30px;
margin: 0 auto;
height: 30px;
color: #fff;
display: block;
background: #193286;
border-radius: 6px;
}
.foot-jj:hover {
opacity: 0.8;
}
.iconfont{font-size:16px}.icon-you:before{content:">"}.icon-zuo:before{content:"<"}.icon-most-left:before{content:"<<"}.icon-most-right:before{content:">>"}.page_common_btn_style{display:inline-block;min-width:28px;padding:0 2px;height:30px;line-height:30px;text-align:center;border-radius:5px;background:#f4f4f5;color:#606266;font-size:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}a.page_common_btn_style:active{color:#438CBC;background:#eee}.page_btn_box{display:inline-block;margin:0 10px}.page_common_btn_active{background:#438CBC;color:#eee}
.infor-file{
opacity: 0;
width: 40px;
height: 30px;
font-size:0;
cursor:pointer;
}
.infor-file-tit{
width: 40px;
display: inline-block;
background: url(../image/phone2.png) no-repeat 0 center;
background-size: 24px auto;
position: relative;
cursor:pointer;
}
.infor-file-tit:hover{
cursor:pointer;
}
.infor-file-span{
float: left;
line-height: 32px;
}