/*
file_name: indexs.css
file_version: v1.0
from: Static Resource Version Controller
from_url:
author: https://github.com/laiyuqiang/
update_time: 2025-04-04 22:50:32
*/
body{
width: 100%;
max-height:200%;
height:100vh;
padding-bottom:50px;
/* background:#fff;*/
/*1502*/
}
input{
line-height: 1;
}
.no-copy {
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
._fwxy{
color:#4572ad;
}
._en_ad_1{
top: 20px;font-weight: 600;
}
._en_ad_2{
margin-top: 36px;
font-size: 14px;
}
.bd_xcx_tis{
width:100%;
/*height:20px;*/
background:#;
margin-top:30px;
text-align:center;
/*line-height:20px;*/
color:#999;
font-size:14px;
cursor: pointer;
}
.xcx_ewm{
width:100%;
height:100%;
background: rgba(0,0,0,.3);
top:0;
left:0;
cursor: pointer;
}
.xcx_ewm > img{
width: 160px;
height: 160px;
margin: calc(50% - 90px) calc(50% - 80px);
}
.smark{
top:0px;
left:0px;
z-index: 5000;
background: rgb(0,0,0,0.2);
justify-content: center;
align-items: center;
display: none;
}
.smark2{
z-index: 7000;
background:rgb(0,0,0,0.2);
top:0px;
left:0px;
justify-content: center;
align-items: center;
}
.smark2-nav{
width:300px;
height:200px;
background: #aaa;
border-radius: 8px;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
}
.smark2-top{
max-width: calc(100% - 60px);
height: 150px;
background: #fff;
/*display: flex;*/
/*justify-content: center;*/
/*align-items: center;*/
margin: 0 auto;
padding: 0 30px;
}
.smark2-btn-nav{
width:100%;
height:49px;
background:#;
margin-top:1px;
}
.smark2-btn{
width:calc(50% - 0.5px);
height:100%;
background: #fff;
color:#555;
text-align: center;
line-height: 49px;
cursor: pointer;
}
.smark2-btn:hover{
background: #EEE;
}
.smark2-btn2{
margin-left:1px;
}
#smark2-btn1,#smark2-btn2{
cursor: pointer;
}
.smark4-yzm-n{
width: 100%;
height: 50px;
background: #fff;
margin-top: 10px;
border-radius: 8px;
}
.group{
width:72px;
height: 40px;
line-height: 40px;
text-align: center;
}
.group a{
text-decoration: none;
margin:0 2px;
}
.zt-btn-v a{
text-decoration:none;
}
.header{
position:relative;
z-index:2000;
width:100%;
height:50px;
/*background:#4572ad;*/
}
.headers{
position:relative;
z-index:2000;
width:100%;
height:50px;
/*background:#4572ad;*/
}
.header-nav{
height:100%;
margin:0 auto;
transition: all 0.3s ease;
}
.logo{
position:relative;
width:160px;
height:36px;
/*margin-left:10px;*/
top:7px;
cursor:pointer;
}
.logo img{
height:100%;
}
.header-btn-dn-nav{
width:calc(100% - 160px);
height:100%;
left:160px;
top:0;
transition: background 0.2s;
}
.header-btn-dn-nav > ul{
height: 100%;
list-style: none;
float: right;
margin-left:20px;
}
.header-btn-dn-nav > ul li{
width: 70px;
height: calc(100% - 0px);
float: left;
text-align: center;
/* color:#333;*/
opacity:0.9;
cursor:pointer;
color:#fef6f0;
font-weight: normal;
line-height: 50px;
font-size: 15px;
}
.header-btn-dn-nav > ul li:not(.header-gywm){
margin-right: 20px;
}
.header-btn-dn-nav > ul li a{
color:#fef6f0;
font-weight: normal;
line-height: 50px;
font-size: 15px;
text-decoration:none;
}
.li-active a{
color:#fef6f0;
line-height: 50px;
font-size: 15px;
font-weight: normal;
text-decoration:none;
}
.li-active:hover{
background:#3564A0;
opacity:1;
}
.header-btn-dn-nav ul li:not(.li-active):hover{
opacity:1;
}
.header-sj-en{
width:24px;
height:100%;
right:56px;
top:0;
opacity: 0.7;
cursor: pointer;
}
.header-sj-app {
width: 24px;
height: 100%;
right: 92px;
top: 0;
opacity: 0.7;
cursor: pointer;
}
.header-sj-app > a > img{
width: 100%;
margin-top: 14px;
}
.header-sj-en img{
width:100%;
margin-top:14px;
}
.caidan{
position:fixed;
z-index:3000;
width:100%;
height:0px;
background:#4572ad;
top:50px;
transition: all 0.3s ease;
/* display:none;*/
}
.caidan-nav{
width:calc(100% - 20px);
height:auto;
margin:10px;
border-radius:8px;
overflow:hidden;
}
.caidan-v{
width:100%;
height:40px;
background:#fff;
margin-bottom:1px;
text-align:center;
}
.caidan-v > a{
text-decoration:none;
}
.caidan-v > a p{
color:#555;
font-size:14px;
line-height:40px;
}
.caidan-v:hover{
background:#EEE;
cursor:pointer;
color:#4572ad;
}
.caidan-v:not(.btn-add-sj,.btn-gywm-sj):hover a p{
color:#4572ad;
}
.btn-add-sj{
width:100%;
min-height:40px;
background:#fff;
margin-bottom:1px;
text-align:center;
}
.btn-add-sj ul{
display:none;
list-style: none;
color:#555;
}
.btn-add-sj ul li{
width:100%;
height:26px;
line-height:26px;
font-size:12px;
}
.btn-add-sj ul li a{
text-decoration:none;
color:#555;
}
.btn-add-sj ul li:last-child{
padding-bottom:5px;
}
.btn-add-sj:hover{
height:auto;
}
.btn-add-sj:hover ul{
display:block;
}
.btn-add-sj ul li:hover a{
color:#4572ad;
}
.btn-add-dn:hover,.header-gywm:hover{
background:#3564A0;
height:auto;
}
.btn-add-dn:hover ul{
display:block;
}
.btn-add-dn ul li:hover{
background:#3564A0;
opacity:1;
}
.btn-add-dn:hover .btn-add-dn ul{
display:block;
}
.btn-add-dn > ul{
position:static;
width:80px;
height: calc(5 * 51px - 1px);/*5*/
list-style: none;
background:#999;
margin-left:-5px;
margin-top:2px;
border:1px solid #999;
display:none;
}
.btn-add-dn > ul li{
width: 100%;
height: 50px;
text-align: center;
background:#4572ad;
/* color:#333;*/
opacity:0.9;
cursor:pointer;
margin-right:0;
margin-bottom:1px;
color:#fef6f0;
font-weight: normal;
line-height: 50px;
font-size: 15px;
}
.btn-add-dn > ul li a{
color:#fef6f0;
font-weight: normal;
line-height: 50px;
font-size: 15px;
text-decoration:none;
}
.btn-add-dn > ul li:last-child{
margin-bottom:0;
}
.caidan-v:not(.btn-gywm-sj):hover a p{
/*color:#4572ad;*/
}
.btn-gywm-sj{
width:100%;
min-height:40px;
background:#fff;
margin-bottom:1px;
text-align:center;
}
.btn-gywm-sj ul{
display:none;
list-style: none;
color:#555;
}
.btn-gywm-sj ul li{
width:100%;
height:26px;
line-height:26px;
font-size:12px;
}
.btn-gywm-sj ul li a{
text-decoration:none;
color:#555;
}
.btn-gywm-sj ul li:last-child{
padding-bottom:5px;
}
.btn-gywm-sj:hover{
height:auto;
}
.btn-gywm-sj:hover ul{
display:block;
}
.btn-gywm-sj ul li:hover a{
color:#4572ad;
}
/****************************************************/
.header-gywm:hover ul{
display:block;
}
.header-gywm ul li:hover{
background:#3564A0;
opacity:1;
}
.header-gywm:hover .header-gywm ul{
display:block;
}
.header-gywm > ul{
position:static;
width:80px;
height: calc(4 * 51px - 1px);/*4*/
list-style: none;
background:#999;
margin-left:-5px;
margin-top:0px;
border:1px solid #999;
display:none;
}
.header-gywm > ul li{
width: 100%;
height: 50px;
text-align: center;
background:#4572ad;
/* color:#333;*/
opacity:0.9;
cursor:pointer;
margin-right:0;
margin-bottom:1px;
color:#fef6f0;
font-weight: normal;
line-height: 50px;
font-size: 15px;
}
.header-gywm > ul li a{
color:#fef6f0;
font-weight: normal;
line-height: 50px;
font-size: 15px;
text-decoration:none;
}
.header-gywm > ul li:last-child{
margin-bottom:0;
}
.li-active2{
background:#3564A0;
opacity:1;
}
.c{
z-index:1;
width:100%;
top:0;
}
.c img{
width:100%;
}
.banner{
/* z-index:900;*/
width:calc(100% - 20px);
margin:0 auto;
top:60px;
border-radius:8px;
overflow:hidden;
}
.banner1{
width:100%;
margin:0 auto;
}
.header-btn-sj-nav{
width:50px;
height:100%;
top:0;
right:0;
}
.header-btn-sj-nav img{
height:100%;
opacity: 0.9;
}
.zt{
/* z-index:900;*/
width:calc(100% - 20px);
max-width: 1200px;
background:#;
margin:0 auto;
/*top:50px;*/
transition: all 0.3s ease;
margin: 10px auto 10px auto;
}
.zt-nav{
width:calc(100% - 0px);
height:auto;
margin:0 auto;
}
.zt-title{
z-index:1001;
width:calc(100% - 45px);
height:121px;
background:#;
padding-top:50px;
margin-left: 45px;
transition: all 0.5s ease;
}
.main{
background: #fff;
border-radius: 10px;
}
.main-zt{
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
overflow-y: auto;
top: 10px;
}
.main-title{
position:static;
font-size:60px;
color:#fff;
opacity:0.9;
font-weight:700;
}
.description{
font-size:18px;
color:#fff;
opacity:0.9;
padding-top: 18px;
font-weight:500;
}
.zt-btn{
z-index:1001;
width:510px;
background:#;
margin-top:30px;
display: flex;
transition: all 0.5s ease;
line-height:50px;
/*
justify-content: center;
align-items: center;
*/
margin-left:45px;
flex-flow: row wrap;
justify-content: flex-start;
}
.zt-btn-v{
width:150px;
height:50px;
background:#fff;
border-radius:8px;
/* float:left;*/
/* margin-right:30px;*/
border-radius: 5000px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
text-align:center;
cursor:pointer;
}
.zt-btn-v > .btn1{
font-size:15px;
font-weight:600;
color:#fff;
display: inline-block;
text-transform: capitalize;
}
.zt-btn-v1{
background:#3b7eff;
}
.zt-btn-v2{
background:#f54291;
}
.zt-btn-v3{
background:#35ac39;
margin-right:0px;
}
.zt-btn-v:hover{
background:#fff;
}
.zt-btn-v:hover .btn1{
color:#555;
}
.zt-data{
z-index:1001;
width:345px;
max-width: calc(100% - 100px);
height:100px;
background:#;
margin-top:0px;
margin-left:45px;
/* border:1px solid #fff;*/
}
.zt-data-v{
width:33%;
height:100%;
background:#;
margin-right:0px;
float:left;
/* text-align:center;*/
color:#fff;
opacity:0.9;
}
.zt-data-v > .div1{
width:100%;
height:21px;
margin-top:24px;
}
.zt-data-v2{
left:33%;
}
.zt-data-v3{
left:66%;
background:#;
}
.zt-banner{
position:static;
width:calc(100% - 90px);
height:200px;
background:#;
border-radius:8px;
margin-left:45px;
}
.zt-banner img{
width:100%;
height:100%;
margin:0 auto;
}
.f-right-1{
z-index:1000;
width:542px;
height:270px;
background:#;
top:52px;
right:50px;
transition:opacity 0.6s ease;
border-radius:8px;
transition: all 2s;
}
.bottom{
z-index:2000;
width:100%;
background:#4572ad;
bottom:0px;
display:flex;
flex-flow: column wrap;
align-items:center;
}
.bottom-nav{
width:calc(100% - 10px);
position:static;
padding:10px 5px;
font-size: 14px;
}
.bottom-v1{
width:100%;
height:21px;
background:#;
color:#DDD:
}
.bottom-v2{
width:100%;
height:auto;
background:#;
color:#DDD;
text-align:center;
}
.a-act{
color:#DDD;
text-decoration:none;
}
.a-act:hover{
color:#fff;
text-decoration:none;
}
.ad{
background: #fff;
}
.ad > div:not(.ad_close){
height: 30px;
line-height: 30px;
text-align: center;
pointer-events: none;
}
.ad > img{
width:100px;
height:100px;
margin-left:calc(50% - 50px);
margin-top: 30px;
pointer-events: none;
}
.ad-su{
background: #fff;
line-height: 200px;
text-align: center;
}
/*write********************************/
.write,.views,.list,.cx,.off,.reset,.about,.open,.showkey{
/*
width:calc(100% - 90px);
height:calc(100vh - 360px);
max-height:calc(100vh - 200px);
*/
/*
top: -1000px;
right:400px;
*/
background:#fff;
border-radius:10px;
/*margin:30px auto;*/
/*margin-top:20px;*/
box-shadow: 0 3px 4px rgba(0,0,0,0.1);
/* transition: all 0.3s ease;*/
/* animation:rotate 2s linear infinite;*/
}
.write-nav{
position: relative;
top:10px;
width:calc(100% - 20px);
height:calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius:10px;
}
.write-title{
display: block;
width: calc(100% - 20px);
height: 30px;
line-height: 30px;
margin-left: 10px;
margin-top: 10px;
color: #555;
font-weight: 600;
font-size: 1em;
border-bottom: 1px dashed #aaa;
}
.write-zt,.write-yy-zt{
width:calc(100% - 0px);
height:calc(100% - 80px);
background:#;
margin:0 auto;
display:flex;
overflow-y: scroll;
}
.write-left-v, .write-right-v {
width: 100%;
height: 30px;
background: #;
margin-bottom: 1px;
text-align: right;
}
.write-left{
/* width:120px;*/
height:100%;
margin-right:10px;
}
.write-left-v a{
white-space: nowrap;
}
.write-right{
/* width:calc(100% - 130px);*/
height:auto;
}
.write-left-v-top1, .write-right-v-top1 {
margin-top: 5px;
}
.write-left-v-top2, .write-right-v-top2 {
margin-top: 10px;
}
.write-left-v{
width: 100%;
height: 30px;
background: #;
margin-bottom: 1px;
text-align: right;
color:#555;
}
.write-left-v a{
font-size: 14px;
line-height: 30px;
}
.write-left-v:hover a{
color:#777;
}
.write-right-v{
text-align: left;
}
.message-right-zt-1 {
border: 0;
width: 70%;
height: calc(100% - 2px);
background: transparent;
border: 1px solid #cacaca;
text-indent: 5px;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
button, input, optgroup, option, select, textarea {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
outline: 0;
}
.write-right-zt{
width: calc(100% - 20px);
height: 200px;
background: #fff;
border: 1px solid #cacaca;
}
.message-zt{
width: calc(100% - 10px);
height: calc(100% - 10px);
border: 0;
background: transparent;
scrollbar-width: none;
padding: 5px;
resize: none;
}
.write-code{
min-width:70%;
height:42px;
background:#;
margin-top:10px;
overflow-x: auto;
overflow-y:hidden;
}
.write-code-inp{
width:160px;
height:calc(100% - 2px);
background:#;
}
.write-code-img{
width:90px;
height:100%;
background:#;
left:166px;
}
.qsx{
display: none;
width: 80px;
height: 100%;
left: 256px;
line-height: 34px;
color: #E00;
cursor: pointer;
text-decoration: none;
transition: all 0.5s ease;
}
.code-inp{
width:100%;
}
.message-submit {
position: relative;
width: 100px;
height: 30px;
background: #337ab7;
border-radius: 4px;
color: #fff;
text-align: center;
font-size: 14px;
top: 0px;
line-height: 26px;
letter-spacing: 5px;
opacity:0.9;
margin-right:10px;
}
.message-submit:hover {
background: #286090;
}
.message-submit-yy {
position: relative;
width: 100px;
height: 30px;
background: #337ab7;
border-radius: 4px;
color: #fff;
text-align: center;
font-size: 14px;
top: 0px;
line-height: 26px;
letter-spacing: 1px;
opacity:0.9;
margin-top:10px;
}
.write-right-zt{
height:auto;
/*border-radius:5px;*/
}
.write-right-zt-yy{
max-width: 90%;
height:160px;
background: #EEE;
/*border-radius:5px;*/
justify-content: center;
align-items: center;
cursor: pointer;
}
.write-right-zt-yy > img{
width:80px;
height:80px;
}
.write-right-zt-yy > a{
font-size: 14px;
opacity: 0.7;
}
#timeSel{
width:calc(70% - 2px);
cursor: pointer;
}
.view {
width: 80px;
height: 100%;
background: #fff;
cursor: pointer;
}
#write-code-btn,#write-code-btn-yy,#message-submit{
cursor: pointer;
}
.muban{
width:calc(100% + 52px);height:160px;background:#;margin-left:-70px;margin-top:10px;display:flex;
}
.muban-left{
width:60px;height:100%;background:#;
}
.muban-right{
width:calc(100% - 70px);height:100%;background:#;margin-left:10px;overflow-x:auto;overflow-y:hidden;display:flex;
}
.muban-r-nav{
width:auto;height:100%;display:flex;
}
.muban-v{
position:relative;width:130px;height:calc(100% - 0px);background:#;margin-right:10px;
}
.muban-v > img{
width:100%;height:130px;
}
.muban-v > a{
font-size:14px;position:absolute;top:130px;bottom:0;left:0;width:100%;text-align:center;line-height: 26px;
}
.muban-v:hover{
cursor: pointer;
}
.muban-v:hover a{
background: #337ab7;
color: #fff;
}
.muban-act{
width:126px;height:calc(100% - 4px);background:#;border:2px solid #D3D3D3;
}
.muban-v > .big-icon{
width: 18px;
height: 18px;
top: 5px;
right: 5px;
z-index: 100;
}
.smark-time{
z-index: 8000;
width:100%;
height:100%;
background: rgb(0,0,0,0.2);
top:0;
left:0;
display: none;
justify-content: center;
align-items: center;
color:#fff;
cursor: pointer;
}
.write-top-btn{
width:100%;
height:30px;
border-bottom: 1px dashed #aaa;
display: flex;
justify-content: center;
align-content: center;
}
.write-top-btn > a{
line-height: 30px;
margin: 0 20px 0 0;
font-weight: 600;
font-size: 1em;
cursor: pointer;
}
.write-top-btn > a:hover{
opacity: 0.7;
}
.wr-t-sgx{
color:#4572ad;
}
.wr-t-yy{
color:#555;
}
.write-yy-zt{
display: none;
}
.wr-yy-zt-js{
width: 100%;
background: #4572ad;
line-height: 20px;
color: #fff;
font-size: 0.9em;
text-indent: 10px;
margin-top:5px;
}
/*views公开信********************************/
.views-btn{
width:calc(100% - 20px);
margin-left:10px;
background:#;
flex-flow: row wrap;
justify-content: flex-start;
top:10px;
padding-bottom:10px;
/* border-bottom:1px dashed #aaa;*/
}
.views-btn-v{
height:30px;
max-height:128px;
line-height:30px;
background:#;
border-radius:8px;
border:1px solid #aaa;
margin-right:10px;
font-size:14px;
padding-left:10px;
padding-right:10px;
color:#555;
cursor:pointer;
}
.views-btn-v:hover{
background:#E0E0E0;
}
.views-btn-v:last-child{
margin-right:0px;
background:#337ab7;
color:#fff;
border:1px solid #337ab7;
}
.views-btn-v:last-child:hover{
background:#286090;
}
.views-list{
width:calc(100% - 20px);
margin:0 auto;
/*height:calc(100% - 92px);*/
background:#;
margin-top:10px;
overflow-y:scroll;
}
.views-list .hr{
width:100%;
height:1px;
background:#999;
}
.views-list-v{
width:100%;
margin:0 auto;
min-height:100px;
background:#;
}
/*
.views-list-v:hover{
background: #EEE;
}
*/
.views-list-top{
width:100%;
flex-flow: row wrap;
justify-content: flex-start;
line-height:30px;
font-size:15px;
}
.views-list-top a{
text-decoration: none;
}
.views-list-top a:first-child{
margin-right:30px;
}
.views-list-top a:first-child,.views-list-top a:last-child{
color: #06F;
cursor:pointer;
}
.views-list-top a:last-child{
margin-left:20px;
}
.views-list-top a:nth-child(2){
color: #555;
margin-right:30px;
}
.views-list-zt{
width:100%;
/*max-height: 200px;*/
/*overflow-x: scroll;*/
/*overflow-y: scroll;*/
margin-top:20px;
margin-bottom:10px;
}
.views-list-zt p img{
width:100%;
max-width:600px;
}
.views-fenye{
width:100%;
height:50px;
background:#;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
margin-top:30px;
margin-bottom:30px;
}
.views-fenye-nav{
width:490px;
height:40px;
margin:0 auto;
background:#;
}
.views-fenye-nav > div{
margin-right:10px;
}
.views-fenye-nav > div:last-child{
margin-right:0px;
}
.views-fenye-v{
width:40px;
height:100%;
background:#EEE;
line-height:40px;
text-align:center;
font-size:12px;
color:#555;
cursor: not-allowed;
}
.views-fenye-v:hover:not(.tz0){
width:38px;
height:calc(100% - 2px);
border:1px solid #337ab7;
line-height:38px;
}
/*list邮件队列********************************/
.list{
/* overflow-y:scroll;*/
}
.list-nav{
/* overflow-x: hidden;*/
overflow-y:scroll;
width:calc(100% - 30px);
height:calc(100% - 20px);
margin:0 auto;
top:10px;
}
.table {
width:calc(100% - 4px);
max-width: 100%;
margin-bottom: 20px;
}
table {
background-color: transparent;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
vertical-align: middle;
}
.table > thead{
position: sticky;/*固定*/
background: #fff;
top: 0;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
th {
text-align: left;
}
td, th {
padding: 0;
}
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
background-color: #EEE;
}
.list-fenye {
width: 100%;
height: 50px;
background: #;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none;
margin-top: 30px;
margin-bottom: 30px;
}
.list-fenye-nav {
width: 490px;
height: 40px;
margin: 0 auto;
background: #;
}
.list-fenye-nav > div {
margin-right: 10px;
}
.list-fenye-v {
width: 40px;
height: 100%;
background: #EEE;
line-height: 40px;
text-align: center;
font-size: 12px;
color: #555;
cursor: not-allowed;
}
.list-fenye-nav > div:last-child {
margin-right: 0px;
}
.list-fenye-v:hover:not(.tz0) {
width: 38px;
height: 38px;
border: 1px solid #337ab7;
line-height: 38px;
}
.views-fenye-v-act{
width:38px;
height:calc(100% - 2px);
border:1px solid #337ab7;
line-height:38px;
}
/**cx查询邮件**************************/
.cx {
width: calc(100% - 50px);
height: calc(100vh - 0px);
max-height: 740px;
}
.cx-zt{
position: relative;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
}
.cx-zt-nav{
width:calc(100% - 0px);
height:calc(100% - 51px);
margin:0 auto;
overflow-y:scroll;
}
/**off关闭公开信**************************/
.off {
width: calc(100% - 50px);
height: calc(100vh - 0px);
max-height: 740px;
}
.off-zt{
position: relative;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
}
.off-zt-nav{
width:calc(100% - 0px);
height:calc(100% - 51px);
margin:0 auto;
overflow-y:scroll;
}
/**reset重新发送邮件**************************/
.reset {
width: calc(100% - 50px);
height: calc(100vh - 0px);
max-height: 740px;
}
.reset-zt{
position: relative;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
}
.reset-zt-nav{
width:calc(100% - 0px);
height:calc(100% - 51px);
margin:0 auto;
overflow-y:scroll;
}
/**about关于我们**************************/
.about {
width: calc(100% - 0px);
/*height: calc(100vh - 300px);*/
/*max-height: 700px;*/
}
.about-zt{
position: relative;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
}
.about-zt-nav{
width:calc(100% - 0px);
height:calc(100% - 51px);
margin:0 auto;
overflow-y:scroll;
}
.about-1{
width:100%;
height:auto;
margin-top:10px;
}
.about-1 p{
color:#555;
font-size:1em;
}
.about-img{
width:100%;
margin-top:10px;
}
.about-img-l > img{
width:100%;
}
.about-img-r > img{
width:60%;
margin-left:20%;
}
.about-img-l,.about-img-r{
transition: all 2s ease;
}
.douyin_ewm2,.zfb_ewm{
max-width: 200px;
margin-left:10px;
}
/**open****************************/
.open-nav{
position: relative;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
}
.open-zt-nav{
width:calc(100% - 20px);
height:calc(100% - 51px);
margin:0 auto;
overflow-y: scroll;
}
.open-zt{
width:calc(100% - 0px);
margin:0 auto;
border-bottom: 1px dashed #aaa;
}
/**pl******************************/
.pl-nav{
width:100%;
padding-bottom: 20px;
border-bottom: 1px dashed #aaa;
/* margin-bottom:10px;*/
}
.pl-zt{
width:calc(100% - 5px);
height:calc(100% - 10px);
margin-top:5px;
margin-left:5px;
border:0px;
/* text-indent: 5px;*/
font-size: 14px;
resize: none;
}
.pl-list{
width:100%;
/* min-width:400px;*/
height:auto;
}
.pl-v{
width:calc(100% - 20px);
height:auto;
margin: 0 auto;
background:#fff;
border-radius: 8px;
border:1px solid #60c5ff;
margin-top:20px;
}
.pl-v-head{
width:100%;
height:36px;
background: #60c5ff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
flex-flow: row wrap;
}
.pl-nic,.pl-time{
font-size: 13px;
line-height: 36px;
color:#333;
margin-left:10px;
}
.pl-v-zt{
width:100%;
min-height:40px;
}
.pl-v-zt p{
padding:10px;
word-wrap: break-word;
word-break: break-all;
}
#pl-code-btn,#pl-submit{
cursor: pointer;
}
/**showkey**************************/
.open-nav{
}
.showkey-nav{
position: relative;
top: 10px;
width: calc(100% - 20px);
height: calc(100% - 20px);
background: #;
margin: 0 auto;
border: 1px solid #cacaca;
border-radius: 10px;
}
.showkey-zt-nav{
width: calc(100% - 20px);
height: calc(100% - 51px);
background: #;
margin: 0 auto;
overflow-y: scroll;
}
.showkey-zt-nav > p:not(.p0){
padding-top:20px;
letter-spacing: 0.7px;
color:#555;
}
.p0{
padding:2.5px 0px;
letter-spacing: 0.7px;
word-wrap: break-word;
word-break: break-all;
color:#555;
}
.p01{
font-weight: 600;
}
.yul{
width:100%;
margin-top:10px;
margin-bottom:20px;
}
/**cz******************************/
.tis-cz{
width:calc(100% - 20px);
margin:0 auto;
background: #60c5ff;
color:#555;
border-radius: 8px;
margin-top:10px;
font-size: 14px;
padding:5px 0px 5px 0px;
text-indent: 10px;
}
.cz-height{
max-height: calc(100% - 110px);
}
/**bottom**************************/
.bottom-tj{
width:100%;
text-align:center;
}
.xuanfu{
z-index: 2000;
display: flex;
justify-content: center;
align-items: center;
width:50px;
height:50px;
background: #60c5ff;
border-radius: 50%;
right:0;
bottom:50%;
font-size: 12px;
color:#fff;
cursor: pointer;
}
.smark5-ad-n{
width:100%;
height:100px;
background: #fff;
}
/*功能反馈********************************/
.fk_xuan {
width: 170px;
height: 100%;
background: #fff;
cursor: pointer;
}
/*共同开发********************************/
.gtkf-nav{
position: relative;
}
.gtkf-nav p{
text-indent: 10px;
margin:10px;
}
.gtkf-nav > a{
position: absolute;
right:30px;
}
.gtkf-nav > p > a{
text-decoration: none;
}
.b_close{
width: 30px;
height: 30px;
right:10px;
top:0;
opacity: 0.4;
ransition: background 0.6s;
cursor: pointer;
}
.b_close > img{
width:100%;
height:100%;
}
.b_close2{
width: 30px;
height: 30px;
right:10px;
bottom: 5px;
opacity: 0.4;
transition: background 0.6s;
display: none;
cursor: pointer;
}
.b_close2 > img{
width:100%;
height:100%;
}
/**漂流瓶************************/
.zt-nav-plp{
width:100%;
height:100px;
}
.plp-nav{
display: flex;
width: calc(100% - 0px);
height: 100%;
justify-content: center;
align-items: center;
}
.plp{
width:auto;
height:calc(100% - 20px);
opacity: 0;
transition: all 2s ease;
}
.by1{
transition: all 2s ease;
/*left:0;*/
}
.reset-t{
top: 20px;
display: block;
text-align: center;
}
#smark3 #datetimepicker{
top: 30px;
position: relative;
width: calc(100% - 2px);
height: 30px;
text-align: center;
}
.ad_close{
width:20px!important;
height:20px!important;
top:5px;
right:5px;
margin-top:0!important;
}
.ed-hf{
display: none;
width: 30px;
height: 100px;
bottom: -1px;
left: -32px;
border: 1px solid #cacaca;
text-align: center;
justify-content: center;
align-items: center;
font-size: 16px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
color: #777;
}
@keyframes shake {
0% {transform: translateX(0px);transform:rotate(0deg);}
25% {transform: translateX(6px);transform:rotate(2deg);opacity:0.9;}
50% {transform: translateX(0px);transform:rotate(0deg);}
75% {transform: translateX(-6px);transform:rotate(-2deg);opacity:0.9;}
100% {transform: translateX(0px);transform:rotate(0deg);}
}
.shake {
animation: shake 0.5s infinite;
}
/**自动**************************/
@media screen and (max-height: 751px){
.zt-banner{
display: none;
}
}
@media screen and (min-width: 360px){
.box-zt-inp-n{
width:300px;
}
}
@media screen and (min-width: 751px){
.header-nav{
width:1200px;
}
.header-btn-dn-nav{
display:block;
}
.header-btn-sj-nav{
display:none;
}
.header-sj-en{
display: none;
}
.header-sj-app {
display: none;
}
.banner1{
display:none;
}
.zt{
width:1200px;
}
.write,.views,.list,.open,.showkey{
width: calc(100% - 0px);
/*height:calc(100vh - 188px);*/
/*max-height:740px;*/
}
}
@media screen and (min-width: 1200px){
.f-right-1{
/* display:block;*/
opacity:1;
}
.write-left{
width:80px;
}
.write-right{
width:calc(100% - 90px);
}
.views-list-top a:nth-child(2){
margin-left:70px;
}
}
@media screen and (min-width: 1200px) and (max-height: 530px){
.f-right-1{
display: none;
}
}
@media screen and (max-width: 1200px){
.header-nav,.zt{
width: calc(100% - 10px);
}
.f-right-1{
opacity:0;
/* display:none;*/
left: 45px;
}
.write-left{
width:60px;
}
.write-right{
width:calc(100% - 70px);
}
.views-list-top a:nth-child(2){
margin-left:0px;
}
}
@media screen and (max-width: 820px) and (max-height: 700px){
.zt-banner{
display: none;
}
}
@media screen and (max-width: 820px) and (max-height: 530px){
.zt-banner{
display: none;
}
.zt-title{
padding-top:9px;
}
}
@media screen and (max-width: 820px) and (max-height: 480px){
.zt-banner{
display: none;
}
.zt-title{
padding-top:9px;
}
.zt-data{
display: none;
}
}
@media screen and (max-width: 820px) and (max-height: 450px){
.zt-banner{
display: none;
}
.zt-title{
padding-top:9px;
}
.zt-data{
display: none;
}
.main-title{
font-size: 56px;
}
}
@media screen and (max-width: 820px) and (max-height: 420px){
.zt-banner{
display: none;
}
.zt-title{
padding-top:0px;
}
.zt-data{
display: none;
}
.main-title{
font-size: 56px;
}
.description {
padding-top: 6px;
}
.zt-btn{
margin-top:0px;
}
}
@media screen and (max-width: 810px){
.header-btn-dn-nav{
display:none;
}
.header-btn-sj-nav{
display:block;
}
.header-sj-en{
display: block;
}
.banner1{
display:block;
}
}
@media screen and (max-width: 751px){
.header-nav{
width:100%;
}
.banner img{
border-radius:8px;
}
.zt{
width:calc(100% - 20px);
top:0px;
}
.write,.views,.list,.open,.cx,.off,.reset,.about,.showkey{
width: calc(100% - 0px);
/*height:calc(100vh - 188px);*/
}
}
@media screen and (min-width: 700px){
.bottom{
background: #00000000;
}
}
@media screen and (max-width: 700px){
body{
background: #4572ad;
}
}
@media screen and (max-width: 700px){
body{
background-image: url(https://www.oolu.cn/static/images/bg.png);
background-repeat: no-repeat;
background-position: -0px -0px;
background-size: cover;
/* background-attachment: fixed;*/
background-position: center center;
}
.zt-banner{
display:none;
}
.bottom{
background: #4572ad;
}
}
@media screen and (min-width: 600px){
.zt-btn-v2{
left:30px;
}
.zt-btn-v3{
left:60px;
}
}
@media screen and (max-width: 600px){
.zt-btn-v2{
top:0px;
left:30px;
}
.zt-btn-v3{
top:60px;
left:-300px;
}
.zt-btn{
height:110px;
}
}
@media screen and (max-width: 490px){
.write,.views,.list,.open,.cx,.off,.reset,.about,.showkey{
width: calc(100% - 0px);
/*height:calc(100vh - 198px);*/
}
}
@media screen and (max-width: 480px){
.zt-data{
max-width: 300px;
}
}
@media screen and (max-width: 460px){
.zt-title{
width:calc(100% - 90px);
margin:0 auto;
margin-right:45px;
/*-webkit-animation-name: scaleDraw;/*关键帧名称*/
/*-webkit-animation-timing-function: ease-in-out;/*动画的速度曲线*/
/*-webkit-animation-iteration-count: infinite;/*动画播放的次数*/
/*-webkit-animation-duration:0.5s;/*动画所花费的时间*/
}
}
@media screen and (max-width: 440px){
.zt-title > h1{
font-size: 55px;
}
}
@media screen and (max-width: 420px){
.zt-title{
padding-top:20px;
}
.zt-title > h1{
font-size: 52px;
}
.description{
padding-top:8px;
}
.zt-data{
width:calc(100% - 90px);
max-width: calc(100% - 100px);
margin:0 auto;
font-size: 14px;
}
.zt-btn-v2{
top:60px;
left:-140px;
}
.zt-btn-v3{
top:120px;
left:-280px;
}
.zt-btn{
height:170px;
margin-top:0px;
}
.zt-btn-v{
width:140px;
}
.zt-data-v3{
width: 25%;
}
}
@media screen and (max-width: 426px) and (max-height: 610px){
.zt-title {
padding-top: 40px;
}
.zt-btn-v {
height:45px;
}
.zt-btn {
height:155px;
line-height: 45px;
}
.zt-btn-v2 {
top: 55px;
}
.zt-btn-v3 {
top: 110px;
}
.zt-data{
font-size: 14px;
}
.zt-data-v > .div1 {
margin-top:15px;
}
}
@media screen and (max-width: 420px) and (max-height: 680px){
.zt-title > h1 {
font-size: 48px;
}
.description {
padding-top: 5px;
}
.zt-btn{
margin-top: 0px;
}
.zt-title{
height: 110px;
}
.zt-data-v{
width: 30%;
}
.zt-data-v2{
left: 30%;
}
.zt-data-v3{
left: 60%;
}
}
@media screen and (min-width: 410px) and (min-height: 890px){
.zt-title {
padding-top: 64px;
}
}
@media screen and (max-width: 398px){
.write,.views,.list,.open,.cx,.off,.reset,.about,.showkey{
width:100%;
/*width: calc(100% - 10px);*/
/*height:calc(100vh - 226px);*/
}
}
@media screen and (max-width: 395px){
.zt-title > h1{
font-size: 48px;
}
}
@media screen and (max-width: 395px) and (max-height: 760px){
.description{
padding-top:8px;
}
.zt-title{
height:100px;
}
.zt-data-v{
width: 30%;
}
.zt-data-v2{
left: 30%;
}
.zt-data-v3{
left: 60%;
}
}
@media screen and (max-width: 380px){
.zt-title{
padding-top:0px;
}
.zt-title > h1{
font-size: 46px;
}
.description{
padding-top:10px;
}
.zt-btn{
margin-top:0px;
}
.zt-data{
width:calc(100% - 90px);
max-width: calc(100% - 100px);
margin:0 auto;
font-size: 14px;
}
.zt-data-v{
width:30%;
}
.zt-data-v2{
left:30%;
}
.zt-data-v3{
left:60%;
}
}
@media screen and (max-width: 398px) and (min-height: 736px){
.zt-title {
padding-top: 56px;
}
}
@media screen and (max-width: 398px) and (max-height: 670px){
.zt-title {
padding-top: 30px;
}
}
@media screen and (max-width: 380px) and (max-height: 556px){
.zt-data{
display: none;
}
}
@media screen and (max-width: 380px) and (max-height: 610px){
.zt-title{
height:110px;
padding-top:10px;
}
.zt-btn{
height:140px;
line-height:40px;
}
.zt-btn-v{
width:120px;
height:40px;
}
.zt-btn-v2{
left: -120px;
top:50px;
}
.zt-btn-v3{
left: -240px;
top:100px;
}
}
@media screen and (max-width: 376px){
.zt-btn {
margin-top: 12px;
}
}
@media screen and (max-width: 366px) and (max-height: 580px){
.zt-data{
height:90px;
}
.zt-data-v {
height: 100px;
}
.zt-data-v > .div1 {
margin-top: 20px;
}
}
@media screen and (max-width: 360px){
.box-zt-inp-n{
width:calc(100% - 20px);
}
}
@media screen and (max-width: 352px){
.write,.views,.list,.open,.cx,.off,.reset,.about,.showkey{
width: calc(100% - 0px);
/*height:calc(100vh - 226px);*/
}
}
@media screen and (max-width: 350px){
.zt-title > h1{
font-size: 40px;
}
}
@media screen and (max-width: 330px) and (max-height: 570px){
.zt-title {
padding-top: 22px;
}
.zt-title > h1 {
font-size: 36px;
}
.description {
font-size: 14px;
}
.zt-title {
height:96px;
}
.zt-btn-v {
width: 130px;
height: 46px;
}
.zt-btn-v > .btn1 {
line-height: 46px;
}
.zt-btn-v2 {
left:-130px;
}
.zt-btn-v3 {
left:-260px;
}
.zt-btn-v2 {
top: 56px;
}
.zt-btn-v3 {
top: 112px;
}
.zt-data-v > .div1 {
margin-top:0;
}
}
@media screen and (max-width: 460px) and (max-height: 395px){
.zt-btn-v3{
display: none;
}
}
@media screen and (min-width: 1200px) and (max-height: 455px){
.zt-title {
padding-top: 0;
}
.zt-data{
display: none;
}
}
@media screen and (min-width: 1200px) and (max-height: 395px){
.zt-title{
padding-top:0;
}
.main-title{
font-size: 52px;
}
.description{
padding-top: 10px;
}
.zt-btn{
margin-top:10px;
}
.f-right-1{
display: none;
}
}
@media screen and (min-width: 1200px) and (max-height: 385px){
.zt-title{
padding-top:0;
}
.main-title{
font-size: 42px;
}
.description{
padding-top: 10px;
}
.zt-btn{
margin-top:10px;
}
.f-right-1{
display: none;
}
.zt-title{
height:100px;
}
}
/**滚动条**************************/
@keyframes scaleDraw1 {
/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
0% {
transform: scale(1);/*开始为原始大小*/
}
50% {
transform: scale(0.8);/*放大1.1倍*/
}
}
*{
scrollbar-color: #60c5ff transparent;
scrollbar-width: thin;
}
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #60c5ff;
}
/*滚动条里面轨道*/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
/* border-radius: 10px; */
/* background: #ededed; */
/* background: #60c5ff; */
}
.cur-no{
cursor:not-allowed;
}
.cur-p{
cursor: pointer;
}