*{
|
margin: 0px;
|
padding: 0px;
|
}
|
.list1 li{
|
list-style: none;
|
font-size: 12px;
|
color: white;
|
border: 1px solid red;
|
}
|
|
#title{
|
background: url("/hxzkuwb/Home/HomeImg/title.png") no-repeat;
|
}
|
#iconback{
|
display: inline-block;
|
width: 60px;
|
height: 30px;
|
text-align: center;
|
font-size: 12px;
|
position: relative;
|
top: -15px;
|
left: 22px;
|
}
|
.list{
|
position: fixed;
|
top: 30px;
|
z-index: 10;
|
display: flex;
|
}
|
marquee{
|
width:280px;
|
height:260px;
|
position: fixed;
|
top: 180px;
|
left: 25px;
|
z-index: 10;
|
display: flex;
|
color: white;
|
}
|
marquee p{
|
height: 40px;
|
line-height: 40px;
|
}
|
.htxx{
|
display: flex;
|
}
|
|
.list1{
|
position: fixed;
|
top: 60px;
|
z-index: 9;
|
display: flex;
|
}
|
.list li{
|
list-style: none;
|
font-size: 12px;
|
}
|
a{
|
text-decoration: none;
|
color: white;
|
}
|
.paoma{
|
position: fixed;
|
top: 70px;
|
left: -20px;
|
z-index: 10;
|
display: flex;
|
}
|
#current-time{
|
color: white;
|
z-index: 9;
|
display: inline-block;
|
width: 180px;
|
float: left;
|
}
|
.XinXi{
|
color: black;
|
z-index: 9;
|
font-size: 12px;
|
display: inline-block;
|
border: 1px solid red;
|
float: left;
|
}
|
.XinXi1{
|
color: black;
|
z-index: 9;
|
display: inline-block;
|
border: 1px solid red;
|
}
|
.XinXi1:hover a{
|
color: #01AAED;
|
}
|
.Daping:hover span{
|
|
}
|
.zidaping{
|
opacity: 0;
|
}
|
.Daping:hover .a1{
|
opacity: 0;
|
}
|
.Daping:hover .zidaping{
|
opacity: 1;
|
}
|
.Daping{
|
|
}
|
.zishebei{
|
opacity: 0;
|
}
|
.Shebei:hover .a2{
|
opacity: 0;
|
}
|
.Shebei:hover span{
|
|
}
|
.Shebei:hover .zishebei{
|
opacity: 1;
|
}
|
|
|
.ziweilan{
|
opacity: 0;
|
}
|
.Weilan:hover span{
|
|
}
|
.Weilan:hover .a3{
|
opacity: 0;
|
}
|
.Weilan:hover .ziweilan{
|
opacity: 1;
|
}
|
|
|
|
.zijinggao{
|
opacity: 0;
|
}
|
.Jinggao:hover span{
|
|
}
|
.Jinggao:hover .a4{
|
opacity: 0;
|
}
|
.Jinggao:hover .zijinggao{
|
opacity: 1;
|
}
|
|
|
|
.zirenyuan{
|
opacity: 0;
|
}
|
.Renyuan:hover span{
|
|
}
|
.Renyuan:hover .a5{
|
opacity: 0;
|
}
|
.Renyuan:hover .zirenyuan{
|
opacity: 1;
|
}
|
|
|
.zitongji{
|
opacity: 0;
|
}
|
.Tongji:hover span{
|
|
}
|
.Tongji:hover .a6{
|
opacity: 0;
|
}
|
.Tongji:hover .zitongji{
|
opacity: 1;
|
}
|
|
|
|
.zitongxin{
|
opacity: 0;
|
}
|
.Tongxin:hover span{
|
|
}
|
.Tongxin:hover .zitongxin {
|
opacity: 1;
|
}
|
.Tongxin:hover .a7{
|
opacity: 0;
|
}
|
|
/*.ziditu{*/
|
/* opacity: 0;*/
|
/*}*/
|
/*.Ditu:hover span{*/
|
/* color: #01AAED;*/
|
/*}*/
|
/*.Ditu:hover .a8{*/
|
/* opacity: 0;*/
|
/*}*/
|
/*.Ditu:hover .ziditu{*/
|
/* opacity: 1;*/
|
/*}*/
|
|
|
.zijuji{
|
opacity: 0;
|
}
|
.Juji:hover span{
|
|
}
|
.Juji:hover .a8{
|
opacity: 0;
|
}
|
.Juji:hover .zijuji{
|
opacity: 1;
|
}
|
|
|
.zisousuo{
|
opacity: 0;
|
}
|
.SouSuo:hover span{
|
|
}
|
.SouSuo:hover .a10{
|
opacity: 0;
|
}
|
.SouSuo:hover .zisousuo{
|
opacity: 1;
|
}
|
|
|
#tab{
|
position: fixed;
|
top: 200px;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 500px;
|
z-index: 99;
|
}
|
#ac{
|
position: fixed;
|
top:20%;
|
width: 50%;
|
margin: auto;
|
display: none;
|
left: 25%;
|
right: 25%;
|
z-index: 99;
|
}
|
|
#fen {
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
}
|
#war{
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
}
|
#boxses{
|
background: url("/hxzkuwb/Home/HomeImg/perMsg.png") no-repeat;
|
}
|
#personMsg{
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
|
}
|
#warningMsg{
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
}
|
#warningMsg1{
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
}
|
#tags{
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
}
|
#gather{
|
position: fixed;
|
top: 50%; /* 将 top 设置为 50% */
|
left: 50%; /* 将 left 设置为 50% */
|
width: 910px;
|
height: 540px;
|
display: none;
|
transform: translate(-50%, -50%); /* 使用 transform 进行居中 */
|
z-index: 99999;
|
background: url("/hxzkuwb/view/Home/HomeImg/border.png") no-repeat;
|
background-size: 100% 100%;
|
}
|
#tong1{
|
position: fixed;
|
top: 20%;
|
width: 20%;
|
margin: auto;
|
right: 0%;
|
z-index: 99;
|
display: none;
|
}
|
#personTong{
|
position: fixed;
|
|
}
|
#tong2{
|
position: fixed;
|
|
z-index: 99;
|
}
|
#tong3{
|
position: fixed;
|
z-index: 99;
|
display: none;
|
}
|
.pm{
|
width: 298px;
|
height: 348px;
|
position: absolute;
|
top: 110px;
|
left: 10px;
|
z-index: 10;
|
}
|
#personTongtitle{
|
background: url("/hxzkuwb/Home/HomeImg/bg3.png") no-repeat;
|
background-size: cover;
|
}
|
|
|
/*#border4s{*/
|
/* background: url("/hxzkuwb/Home/HomeImg/border4.png");*/
|
/* background-size: cover;*/
|
/* background-position: center;*/
|
/* background-size:140%;*/
|
/*}*/
|
|
#warningBorder{
|
background: url("/hxzkuwb/view/Home/HomeImg/border1.png");
|
}
|
#TongXuntitle{
|
|
}
|
#TongXunbody{
|
|
}
|
#personTongbody{
|
|
}
|
#JinRiTongJititle{
|
|
}
|
#JinRiTongJibody{
|
|
}
|
#Powerbody{
|
|
}
|
#Powertitle{
|
|
}
|
::placeholder {
|
}
|
#QuYutitle{
|
|
}
|
#QuYubody{
|
|
}
|
.paomabg{
|
width: 20%;
|
height: 350px;
|
position: absolute;
|
top: 10px;
|
left: 10px;
|
z-index: 9;
|
}
|
.paomabg2{
|
width: 300px;
|
height: 370px;
|
position: fixed;
|
bottom: 20px;
|
left: 10px;
|
z-index: 9;
|
}
|
.pm1{
|
width: 298px;
|
height: 369px;
|
position: fixed;
|
bottom: 50px;
|
left: 10px;
|
z-index: 10;
|
}
|
.paomabt{
|
position: fixed;
|
top: 112px;
|
left:90px;
|
display: flex;
|
z-index: 9999;
|
color: white;
|
}
|
.paomabt1{
|
position: fixed;
|
bottom: 365px;
|
left: 90px;
|
z-index: 99999;
|
color: white;
|
}
|
.paoma1{
|
position: absolute;
|
top: -90px;
|
left: -30px;
|
}
|
.paomaimg{
|
position: fixed;
|
top: 110px;
|
left: -6px;
|
z-index: 10;
|
display: flex;
|
z-index: 999;
|
}
|
.pao1{
|
position: fixed;
|
bottom: 80px;
|
left: 20px;
|
z-index: 99999;
|
}
|
#Ditu{
|
position: fixed;
|
width:80%;
|
z-index: 99999;
|
left: 10%;
|
right: 10%;
|
}
|
#switc{
|
position: fixed;
|
bottom: -17px;
|
width: 50%;
|
margin: auto;
|
z-index: 99999;
|
right: 850px;
|
display: none;
|
}
|
#switc1{
|
position: fixed;
|
bottom: -17px;
|
width: 50%;
|
margin: auto;
|
z-index: 9999;
|
right: 680px;
|
display: none;
|
}
|
#switc2{
|
position: fixed;
|
bottom: -17px;
|
width: 50%;
|
margin: auto;
|
z-index: 99999;
|
right: 1020px;
|
display: none;
|
}
|
#feng{
|
position: fixed;
|
bottom: 0px;
|
width: 100%;
|
margin: auto;
|
height: 40px;
|
z-index: 0;
|
right: 0px;
|
}
|
#search{
|
position: fixed;
|
top: 50px;
|
width: 50%;
|
margin: auto;
|
left: 2200px;
|
z-index: 99;
|
}
|
.paomabg1{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 301px;
|
height: 371px;
|
}
|
.pm4{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 300px;
|
height: 370px;
|
z-index: 10;
|
}
|
.pm3{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 300px;
|
height: 370px;
|
z-index: 10;
|
}
|
.pm2{
|
position: absolute;
|
top: -30px;
|
left: -10px;
|
width: 300px;
|
height: 370px;
|
z-index: 10;
|
}
|
.weichuli{
|
width: 100px;
|
color: white;
|
text-align: center;
|
position: absolute;
|
top: 30px;
|
left: 11px;
|
}
|
|
.wcl {
|
width: 100px;
|
color: white;
|
text-align: center;
|
position: absolute;
|
top: 50px;
|
left: 20px;
|
}
|
@keyframes changeBg {
|
0% {
|
background-image: radial-gradient(circle, #003327, #0069B8);
|
}
|
50% {
|
background-image: radial-gradient(circle, #003327, #0069B8);
|
}
|
100% {
|
background-image: radial-gradient(circle, #003327, #0069B8);
|
}
|
}
|
.gjxxwz{
|
color: white;
|
}
|
.gjxxwz:hover{
|
color: #009f95;
|
}
|
|
.qytj{
|
}
|
#myCheckbox2{
|
background:url("/hxzkuwb/Home/HomeImg/cdtitle.png");
|
}
|
|
#qytj li{
|
display: inline-block;
|
width: 90px;
|
text-align: center;
|
height: 30px;
|
line-height:30px;
|
}
|
.qytj li {
|
display: inline-block;
|
margin: 0px 30px;
|
height: 30px;
|
line-height: 30px;
|
}
|
.qytj2 li {
|
display: inline-block;
|
width: 88px;
|
text-align: center;
|
height: 23px;
|
line-height:23px;
|
}
|
.sear{
|
background-color: #1E2A47;
|
border: 1px solid #1C3459;
|
color: white;
|
height: 25px;
|
padding-left: 10px;
|
width: 100px;
|
}
|
.sear1{
|
display: inline-block;
|
border: 1px solid #1C3459;
|
text-align: center;
|
height: 25px;
|
line-height: 25px;
|
background-color:#1C3459;
|
color: white;
|
}
|
.searcount{
|
width: 120px;
|
display: inline-block;
|
border: 1px solid #7FD06F;
|
text-align: center;
|
height: 25px;
|
line-height: 25px;
|
background-color:#7FD06F;
|
color: white;
|
}
|
#kanban a:hover{
|
color: #2CD5FF;
|
}
|
#kanban1 a:hover{
|
color: #2CD5FF;
|
}
|
#kanban{
|
|
}
|
#kanban1{
|
position: fixed;
|
bottom: -28px;
|
right: 1205px;
|
z-index: 9999999;
|
width: 50px;
|
height: 50px;
|
}
|
#ChaXuns{
|
position: fixed;
|
top: 22px;
|
z-index: 9999999;
|
text-align: center;
|
width: 20%;
|
right:10%
|
}
|
.item9 {
|
background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
|
background-size: 2px 40px, 40px 2px, 2px 40px, 40px 2px;
|
border: 2px solid #2CD5FF;
|
}
|
.item8 {
|
background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
|
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
|
background-size: 2px 20px, 20px 2px, 2px 20px, 20px 2px;
|
border: 2px solid #2CD5FF;
|
}
|
|
|
|
|
.boxalls{ border: 1px solid #20A3F5; opacity: 1;}
|
|
.boxalls:before,
|
.boxalls:after{ position:absolute; width:30px; height:30px; content: ""; border-top: 3px solid #20a3f5; top: -2px;}
|
.boxalls:before,.boxfoot:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot{ position:absolute; bottom: 0; width: 298px; left:12px;}
|
.boxfoot:before,
|
.boxfoot:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*区域统计*/
|
.boxalls:before,.boxfoot2:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot2:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot2{ position:absolute; bottom: 0; width: 300px; left:-8px;}
|
.boxfoot2:before,
|
.boxfoot2:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*充电提示*/
|
.boxalls:before,.boxfoot3:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot3:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot3{ position:absolute; bottom: 0; width: 300px; left:-8px;}
|
.boxfoot3:before,
|
.boxfoot3:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*今日统计*/
|
.boxalls:before,.boxfoot4:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot4:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot4{ position:absolute; bottom: 0; width: 300px; left:-8px;}
|
.boxfoot4:before,
|
.boxfoot4:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-4px;}
|
|
/*即时通讯*/
|
.boxalls:before,.boxfoot5:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot5:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot5{ position:absolute; bottom: 0px; width: 298px; left:12px;}
|
.boxfoot5:before {position:fixed; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:48px;left: 9px}
|
.boxfoot5:after{ position:fixed; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:48px;left: 278px}
|
|
|
.boxalls:before,.boxfoot6:before{border-left: 3px solid #20a3f5;left:-2px;}
|
.boxalls:after,.boxfoot6:after{border-right: 3px solid #20a3f5; right: -2px;}
|
.boxfoot6{ position:absolute; bottom: 1; width: 100%; left:1px;}
|
.boxfoot6:before,
|
.boxfoot6:after{ position:absolute; width:30px; height:30px; content: "";border-bottom:3px solid #20a3f5; bottom:-2px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.switch {
|
/* switch */
|
--switch-width: 46px;
|
--switch-height: 24px;
|
--switch-bg: rgb(131, 131, 131);
|
--switch-checked-bg: #1676df;
|
--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);
|
--switch-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
|
/* circle */
|
--circle-diameter: 18px;
|
--circle-bg: #fff;
|
--circle-shadow: 1px 1px 2px rgba(146, 146, 146, 0.45);
|
--circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, 0.45);
|
--circle-transition: var(--switch-transition);
|
/* icon */
|
--icon-transition: all 0.2s cubic-bezier(0.27, 0.2, 0.25, 1.51);
|
--icon-cross-color: var(--switch-bg);
|
--icon-cross-size: 6px;
|
--icon-checkmark-color: var(--switch-checked-bg);
|
--icon-checkmark-size: 10px;
|
/* effect line */
|
--effect-width: calc(var(--circle-diameter) / 2);
|
--effect-height: calc(var(--effect-width) / 2 - 1px);
|
--effect-bg: var(--circle-bg);
|
--effect-border-radius: 1px;
|
--effect-transition: all 0.2s ease-in-out;
|
}
|
|
.switch input {
|
display: none;
|
}
|
|
.switch {
|
display: inline-block;
|
}
|
|
.switch svg {
|
-webkit-transition: var(--icon-transition);
|
-o-transition: var(--icon-transition);
|
transition: var(--icon-transition);
|
position: absolute;
|
height: auto;
|
}
|
|
.switch .checkmark {
|
width: var(--icon-checkmark-size);
|
color: var(--icon-checkmark-color);
|
-webkit-transform: scale(0);
|
-ms-transform: scale(0);
|
transform: scale(0);
|
}
|
|
.switch .cross {
|
width: var(--icon-cross-size);
|
color: var(--icon-cross-color);
|
}
|
|
.slider {
|
-webkit-box-sizing: border-box;
|
box-sizing: border-box;
|
width: var(--switch-width);
|
height: var(--switch-height);
|
background: var(--switch-bg);
|
border-radius: 999px;
|
display: -webkit-box;
|
display: -ms-flexbox;
|
display: flex;
|
-webkit-box-align: center;
|
-ms-flex-align: center;
|
align-items: center;
|
position: relative;
|
-webkit-transition: var(--switch-transition);
|
-o-transition: var(--switch-transition);
|
transition: var(--switch-transition);
|
cursor: pointer;
|
}
|
|
.circle {
|
width: var(--circle-diameter);
|
height: var(--circle-diameter);
|
background: var(--circle-bg);
|
border-radius: inherit;
|
-webkit-box-shadow: var(--circle-shadow);
|
box-shadow: var(--circle-shadow);
|
display: -webkit-box;
|
display: -ms-flexbox;
|
display: flex;
|
-webkit-box-align: center;
|
-ms-flex-align: center;
|
align-items: center;
|
-webkit-box-pack: center;
|
-ms-flex-pack: center;
|
justify-content: center;
|
-webkit-transition: var(--circle-transition);
|
-o-transition: var(--circle-transition);
|
transition: var(--circle-transition);
|
z-index: 1;
|
position: absolute;
|
left: var(--switch-offset);
|
}
|
|
.slider::before {
|
content: "";
|
position: absolute;
|
width: var(--effect-width);
|
height: var(--effect-height);
|
left: calc(var(--switch-offset) + (var(--effect-width) / 2));
|
background: var(--effect-bg);
|
border-radius: var(--effect-border-radius);
|
-webkit-transition: var(--effect-transition);
|
-o-transition: var(--effect-transition);
|
transition: var(--effect-transition);
|
}
|
|
/* actions */
|
|
.switch input:checked + .slider {
|
background: var(--switch-checked-bg);
|
}
|
|
.switch input:checked + .slider .checkmark {
|
-webkit-transform: scale(1);
|
-ms-transform: scale(1);
|
transform: scale(1);
|
}
|
|
.switch input:checked + .slider .cross {
|
-webkit-transform: scale(0);
|
-ms-transform: scale(0);
|
transform: scale(0);
|
}
|
|
.switch input:checked + .slider::before {
|
left: calc(
|
100% - var(--effect-width) - (var(--effect-width) / 2) -
|
var(--switch-offset)
|
);
|
}
|
|
.switch input:checked + .slider .circle {
|
left: calc(100% - var(--circle-diameter) - var(--switch-offset));
|
-webkit-box-shadow: var(--circle-checked-shadow);
|
box-shadow: var(--circle-checked-shadow);
|
}
|
|
|
|
|
|
|
.Gengduo{
|
width: 78%;
|
display: inline-block;
|
text-align: left;
|
border-bottom: 1px solid #F2F2F2;
|
height: 4%;
|
margin-top: 3%;
|
padding-bottom: 1%;
|
}
|
