/*1 重定义浏览器默认样式
Name: style_reset
Explain: 重定义浏览器默认样式
*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
@media ( max-width : 767px) {
html{ overflow-y:auto}
body,th,td,button,input,select,textarea{ font-size:14px}
}
body{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
/* background: #373737; */
line-height:1.6; position:relative
}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
.container-fluid {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
@media ( min-width : 992px) {
.container{width: 960px}
}
@media ( min-width : 1200px) {
.container {width: 1170px}
}
@media ( min-width : 1300px) {
.container {width: 1270px}
}
@media print{
.container{width:auto}
}
.row{box-sizing:border-box; margin-left:-15px; margin-right:-15px}
.row:before,
.row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
visibility: hidden;
font-size: 0;
height: 0;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12
{
min-height: 1px;
position: relative;
padding-left:15px;
padding-right:15px;
box-sizing:border-box;
-webkit-transition:all 0.3s ease-in;
-moz-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
transition:all 0.3s ease-in}
.col-1{width:8.33333%}
.col-2{width:16.66667%}
.col-3{width:25%}
.col-4{width:33.33333%}
.col-5{width:41.66667%}
.col-6{width:50%}
.col-7{width:58.33333%}
.col-8{width:66.66667%}
.col-9{width:75%}
.col-10{width:83.33333%}
.col-11{width:91.66667%}
.col-12{width:100%}
p{margin-bottom:10px} /*段落*/
small{font-size:85%} /*小型文本*/
b,strong {font-weight: bold} /*重要的文本，加粗*/
em{font-style:italic} /*被强调的文本*/
cite{font-style:normal} /*引用*/
mark{color:#000;background:#ff0}/*突出显示文本*/
.uppercase{text-transform:uppercase} /*文字大写*/
.lowercase{text-transform:lowercase} /*文字小写*/
.capitalize{text-transform:capitalize} /*首字母大写*/
.en{font-family:Arial!important}
/*3.1.3 对齐
Name: style_text-align
Example: class="text-l|text-r|text-c|va-t|va-m|va-b"
Explain: .text-水平对齐 （.text-l左对齐|.text-r右对齐|.text-c居中对齐）
.va-上下对齐 （.va-t 居上对齐|.va-m 居中对齐|.va-b 居下对齐）
*/
.text-l{text-align:left}.text-r{text-align:right}.text-c{text-align:center}
.va *{vertical-align:sub!important;*vertical-align:middle!important;_vertical-align:middle!important}
.va-t{vertical-align:top!important}.va-m{vertical-align:middle!important}.va-b{vertical-align:bottom!important}
/*3.1.4 定位
Name: style_position
Example: class="pos-r|pos-a|pos-f"
Explain: .pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定
*/
.pos-r{position:relative}.pos-a{position:absolute}.pos-f{position:fixed}
/*3.1.5 浮动
Name: style_float
Example: class="l|r"
Explain: .l 左浮动|.r 右浮动
*/
.l,.f-l{float:left!important;_display:inline}
.r,.f-r{float:right!important;_display:inline}
[class*="span"].r,
[class*="span"].f-r{float:right}
/*控制元素对定位的位置：居左|居右|j居上|居下*/
.pos-left{left:0; right:auto}
.pos-right{right:0; left:auto}
.pos-top{top:0; bottom:auto}
.pos-bottom{top:auto; bottom:0}
/*3.1.6 文字单行溢出省略号
Name: style_text-overflow
Example: class="text-overflow"
*/
.text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*3.1.7 线条
Name: style_line
Example: class="line"
*/
.line{font-size:0; line-height:0; border-top: solid 1px #eee; float: none}
/*3.1.8 外边距
Name: style_margin
Example: class="mt-5|mt-10..."
Explain: .mt表示上边距|.mb表示下边距|.ml表示左边距|.mr表示右边距
*/
.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-50{margin-top:50px}
.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.mb-50{margin-bottom:50px}
.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}
.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}
/*3.1.9 内填充
Name: style_padding
Example: class="pt-5|pt-10|……"
Explain: .pt表示上填充|.pb表示下填充|.pl表示左填充|.pr表示右填充
*/
.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}
.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}
.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}
.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}
.pd-5{padding:5px}.pd-10{padding:10px}.pd-15{padding:15px}.pd-20{padding:20px}.pd-25{padding:25px}.pd-30{padding:30px}.pd-40{padding:40px}
.prl-5{padding-right:5px;padding-left:15px}
/*3.1.10 边框，css3圆角
Name: style-border
Example: class="bk_gray radius"
Explain: .bk_gray 边框|radius 圆角|round 椭圆 | circle 圆形
*/
.bk-gray{border:solid 1px #eee}
.radius{border-radius:4px}
.size-MINI.radius{ border-radius:3px}
.size-L.radius{ border-radius:5px}
.size-XL.radius{ border-radius:6px}
.round{border-radius:50%; overflow:hidden}
/*3.1.24 隐藏 显示
Name: style_display
Example: 隐藏的内容
显示的内容
Explain: .hide 隐藏 / .show 显示
*/
.hide{display:none}[hidden]{display: none}
.hidden{display:none!important;visibility:hidden!important}
.f-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
[class*="span"].hide,.row-fluid [class*="span"].hide{display:none}
.show{display:block}
.invisible{visibility:hidden}
/*3.4.1 input,textarea 文本域 文本区域*/
/*默认状态*/
.input-text {
display: inline-block;
box-sizing: border-box;
text-align: center;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-moz-padding-start: npx;
-moz-padding-end: npx;
color: #b7b6b6;
/* background: #2c2c2c; */
border: 0px solid #4b4b4b;
width: auto;
*zoom: 1;
*overflow: visible;
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
padding: 4px 2px;
font-size: 14px;
height: 31px;
*height: auto;
line-height: 1.42857;
text-align: left;
}
.input-text,.textarea{box-sizing:border-box;border:solid 1px #ddd;width:100%;
-webkit-transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
transition:all 0.2s linear 0s}
.textarea{ height:100px; resize:none; font-size:14px; padding:4px}
.textarea-numberbar{ position:absolute; right:20px; bottom:5px; z-index:1; margin-bottom:0}
.textarea-length{ font-style:normal}
.input-text:hover,
.textarea:hover{border: solid 1px #3bb4f2}
/*得到焦点后*/
.input-text.focus,
.textarea.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
/*不可点击*/
.input-text.disabled
,.textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus{background-color:#ededed; cursor:default;border-color: #ddd;
-webkit-box-shadow:inset 0 2px 2px #e8e7e7;
-moz-box-shadow:inset 0 2px 2px #e8e7e7;
box-shadow:inset 0 2px 2px #e8e7e7}
/*只读状态*/
.input-text.disabled,
.textarea.disabled{background-color:#e6e6e6; cursor:default}
/*阴影*/
.input-text.box-shadow,
.textarea.box-shadow{-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
/*行内元素*/
.input-text.inline{ display:inline-block; width:auto}
.btn{display:inline-block;box-sizing:border-box;cursor:pointer;text-align:center;font-weight:400;white-space:nowrap;vertical-align: middle;-moz-padding-start:npx; -moz-padding-end:npx;
border:solid 1px #ddd; background-color:#fff;
width:auto;*zoom:1;*overflow:visible;
-webkit-transition:background-color .1s linear;
-moz-transition:background-color .1s linear;
-o-transition:background-color .1s linear;
transition:background-color .1s linear}
/*4.1 按钮组
Name: mod_btn-group
Example:
左边按钮
中间按钮
中间按钮
右边按钮
Explain:
*/
.btn-group{ font-size:0}
.btn-group .btn{ margin-left:-1px}
.btn-group .btn:not(:first-child):not(:last-child):not(.dropdown-toggle){ border-radius:0}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius: 0;border-top-right-radius: 0}
.btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0;border-top-left-radius: 0}
/* filter: invert(1);*/
:root{
--main-color: #4d4e53;
--main-bg: rgb(255, 255, 255);
--logo-border-color: rebeccapurple;
--header-height: 68px;
--content-padding: 10px 20px;
--base-line-height: 1.428571429;
--transition-duration: .35s;
--external-link: "external link";
--margin-top: calc(2vh + 20px);
/*
--baseBkColor:#FFFFFF;
--lvrmenubcolor :#FFFFFF;
--lvrmenuHvColor : #f6f7f9;
--matsBcolor : #FFFFFF;
--inputBcolor : #f6f7f9;
--inputColor : #666666;
--textColorA : #000;
--textShow : #fff;
--borderColor : #ccc;
--scrollColor : #ccc;
--TitleBColor : #007aff;
--TitleTColor : #fff;
--TitleRColor : #007aff;
*/
--baseBkColor:#373737;
--lvrmenubcolor :#2c2c2c;
--lvrmenuHvColor : #3f3f42;
--matsBcolor : #FFFFFF;
--inputBcolor : #2c2c2c;
--inputColor : #6e6a6a;
--textColorA : #FFF;
--borderColor : #4b4b4b;
--scrollColor : #4d4e53;
--TitleBColor : #373737;
--TitleTColor : #fff;
--TitleRColor : #fff;
--filter:none;
}
body{
background: var(--baseBkColor);
font-size: 14px;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 12px;
height:12px;
background-color: var(--baseBkColor);
cursor: auto;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background: var(--scrollColor);
}
.lslAlert{
background-color: var(--baseBkColor);
color: var(--textColorA);
}
.imgflt {
filter: var(--filter);
}
.btn{
border:solid 1px var(--borderColor); background-color: var(--baseBkColor);
color: var(--textColorA);
}
/* ui */
.c-666, .c-666 a, a.c-666 {
color: #666;
}
.f-12 {
font-size: 12px;
}
.input-text, .btn, .input-text.size-M, .btn.size-M {
font-size: 14px;
height: 31px;
*height: auto;
line-height: 1.42857;
padding: 4px 10px;
}
.input-value {
display: inline-block;
box-sizing: border-box;
text-align: center;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-moz-padding-start: npx;
-moz-padding-end: npx;
color: var(--inputColor);
background: var(--inputBcolor);
border: 0px solid #4b4b4b;
width: auto;
*zoom: 1;
*overflow: visible;
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
padding: 4px 2px;
font-size: 14px;
height: 36px;
*height: auto;
line-height: 1.42857;
width: 99%;text-align: left;
}
.input-value:hover{border: solid 1px #3bb4f2}
.input-text.focus{border:solid 1px #0f9ae0 \9;border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)}
.divTitle{
background-color: var(--TitleBColor);
color:var(--TitleTColor) !important;
}
.rgihtBtn{
border:0px;
background:var(--baseBkColor);
color:var(--TitleRColor);
cursor: pointer;
}
.btn2 {
display: inline-block;
box-sizing: border-box;
text-align: center;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-moz-padding-start: npx;
-moz-padding-end: npx;
background: var(--inputBcolor);
width: auto;
*zoom: 1;
*overflow: visible;
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
padding: 10px 5px;
font-size: 12px;
height: 36px;
*height: auto;
line-height: 1.42857;
border: 0px solid #4b4b4b;
}
.cell-right{
margin-right: 6px;
}
.btn2spacing {
background: var(--baseBkColor);
padding: 4px 4px;
}
/* end */
#lsEdit{
height: 100vh;
width: 100vw;
overflow: hidden;
}
.mp-0{
margin: 0px;
padding: 0px;
}
.mg-15{
margin: 5px 15px 5px 15px;
}
.cu-p {
cursor: pointer;
}
.r, .f-r {
float: right!important;
_display: inline;
}
.w110 {
width: 110px !important;
color: #b7b6b6;
}
.w96 {
/* width: 96px !important; */
font-size: 12px;
width: 35%;
}
.mt_3{
margin-top: -3px;
}
.radius-left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.radius-right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.btn-group {
font-size: 0;
}
.c-primary, .c-primary a, a.c-primary {
color: #5a98de;
}
.c-666, .c-666 a, a.c-666 {
color: #666;
}
.divblock {
border-bottom: 1px solid;
border-bottom-color: var(--borderColor);
padding: 15px 15px;
color: var(--textColorA);
}
.padding-15 {
padding: 15px 15px;
border-bottom: 1px solid;
border-bottom-color: var(--borderColor);
color: var(--textColorA);
}
.noBorder {
border:none !important;
}
/* .bb-1 {
border-bottom: 1px solid;
border-bottom-color: var(--borderColor);
} */
.l_fc{
color:#fff;
}
.h80{
min-height: 80px;
}
.lvrMenu{
width: 60px;
height: 100vh;
background-color:var(--lvrmenubcolor);
box-shadow: 0 0 22px 0 rgb(0 0 0 / 30%);
border-right: 1px solid #000;
display: block;
overflow: hidden;
position: absolute;
top:0px; left: 0px;
z-index: 8;
opacity: 0.8;
padding-top: 15px;
}
.numItem:hover{
background-color:var(--lvrmenuHvColor) ;
border-left: 2px solid #480702;
}
.numItem {
width: 100%;
display: block;
padding: 10px 0px 0px 0px;
/* border-bottom: 1px solid #222; */
text-align: center;
}a
.numItem a,a:hover{
width: 100%;
display: block;
text-decoration: none;
}
.numItem p{
display: block;
text-align: center;
font-size: 12px;
/* text-shadow: -1px -1px 1px #252a42, 1px 1px 1px #000; */
margin-top: 4px;
color: var(--inputColor);
}
.numItem p img{
width: 30px;
}
.numItem img{
width: 24px;
filter:var(--filter);
}
.varImg{
filter:var(--filter);
}
.l_LeftPlanTitle{
background: var(--TitleBColor);
height: 30px;
line-height: 30px;
border-bottom: 1px solid;
border-bottom-color: var(--borderColor);
}
.mats {
width: calc(50% - 8px);
max-width: 150px;
height: 150px;
color: #fff;
text-align: center;
margin: 2px;
border: 1px solid var(--scrollColor);
display: inline-block;
background: var(--lvrmenuHvColor);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mats div {
color: #fff;
text-align: center;
display: -webkit-box;
-webkit-box-orient: horizontal;
-webkit-box-pack: center;
-webkit-box-align: center;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.mats div img{
/* max-width: 600px;
max-height: 600px; */
outline: none;
outline-color: #f00;
max-width: 100%;
max-height: 100%;
width: auto;
}
.mats span {
top: -24px;
position: relative;
text-shadow: 1px -1px 0px var(--textShow);
color:var(--textColorA);
}
.lvrLeftPlan{
position: absolute;z-index: 6;
width: 320px;
height: 100vh;
background-color: var(--baseBkColor);
display: block;
/* overflow: hidden; */
left: 60px; top: 0px;
box-shadow: 0 0 22px 0 rgb(0 0 0 / 30%);
}
.lvrLeftPlan .elemt{
overflow-y: scroll;
overflow-x: hidden;
height: calc(100vh - 100px);
}
.lvrRightPlane{
position: absolute;z-index: 6;
width: 300px;
height: 100vh;
background-color: var(--baseBkColor);
display: block;
overflow: auto;
right: 0px; top: 0px;
color: aliceblue;
z-index: 6;
}
.selepices{
padding: 5px;
height: 70px;
display: -webkit-box;
line-height: 70px;
/* width: 260px; */
max-width:260px;
overflow: auto;
overflow-y: hidden;
overflow-x: scroll;
}
.selepices .umat{
height: 50px;
width: 50px;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center;
color: #ff0000;
font-size: 16px;
margin: 2px;
border: 1px solid #ccc;
text-align: right;
line-height: 20px;
}
.umatdel{
/* margin-right: 2px;
cursor: pointer; */
background: aliceblue;
padding: 0px 4px;
}
.seleAudioes{
padding: 5px;
height: 30px;
display: -webkit-box;
line-height: 30px;
max-width:260px;
background: var(--inputBcolor);
}
.seleAudioes .audioimats{
width: 100%;
}
.seleAudioes .audioimats span{
width: 30px;
color: red;
background: none;
}
.slideSlt{
margin-top: 10px;
}
.slideSlt span{
display: initial;
text-align: left;
margin-right: 2px;
color: #666;
}
.slideSlt span input{
margin-right: 4px;
}
.myPlane{
margin: 0px;
padding: 0px;
}
.sysicon span{
display: inline-block; cursor: pointer;
width: 35px;
height: 35px;
overflow: hidden;
padding: 4px;
background: #222;
}
.sysicon span img {
width: 100%;
}
.hotIco, .lvrImg {
width: 60px;
height: 60px;
float: left;
/* line-height: 50px; */
text-align: center;
padding: 0px;
background: #fff;
}
.hotIco img, .lvrImg img {
/* width: 40px;
height: 40px; */
height: 100%;
padding: 0px;
margin: 0px;
mix-blend-mode: darken;
}
.hotrow {
width: 192px;
float: right;
}
.tabCon {
display: block;
background-color: var(--inputBcolor);
}
.check-box, .radio-box {
display: inline-block;
box-sizing: border-box;
cursor: pointer;
position: relative;
padding-left: 4px;
padding-right: 12px;
};
.linkInpt {
max-width:260px;
width: 99%;
text-align: left;
background: var(--inputBcolor);
color: var(--inputColor);
margin: 15px 0px 0px;
padding: 2px 3px;
border: 0px
}
#selectPicList {
background: var(--inputBcolor);
}
.tolink {
margin-bottom: 10px;
}
.editBtn {
position: fixed;z-index: 2;
}
.editBtn span{
font-size:12px; height:36px; line-height:36px;
display:inline-block;
box-sizing:border-box;cursor:pointer;
text-align:center;font-weight:400;
white-space:nowrap;vertical-align: middle;
-moz-padding-start:npx;
-moz-padding-end:npx;
/* border:solid 1px #ddd; */
/* background-color:#fff; */
width:auto;*zoom:1;*overflow:visible;
}
.leftBtn {
font-size:12px; height:19px; line-height:19px;
display:inline-block;
box-sizing:border-box;cursor:pointer;
text-align:center;font-weight:400;
white-space:nowrap;vertical-align: middle;
-moz-padding-start:npx;
-moz-padding-end:npx;
border: solid 1px #6c6c6c;
background-color: #565656;
color: #fff;
padding: 0px 8px;
border-radius: 4px;
width:auto;*zoom:1;*overflow:visible;
}
.listPage {
position: fixed;
bottom: 0px;
/* right: 10%; */
/* border-top: 1px solid #ccc; */
width: 321px;
overflow: hidden;
/* margin-top: 10px; */
padding-top: 10px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
background: var(--baseBkColor);
}
.lvrtopMun{
display: flex;
position: absolute;
top: 10px;
left: 50%;
}
[class|=switch]{position:relative;display:inline-block;width:40px;height:20px;border-radius:16px;line-height:32px;-webkit-tap-highlight-color:transparent}
.switch-on{border:1px solid #fff;box-shadow:#03a9f4 0 0 0 16px inset;transition:border .4s,box-shadow .2s,background-color 1.2s;background-color:#03a9f4;cursor:pointer}
.slider{position:absolute;display:inline-block;width:20px;height:20px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4);border-radius:50%;left:0;top:0;pointer-events: none}
.switch-on .slider{left:20px;transition:background-color .4s,left .2s}
.switch-off{border:1px solid #ccc;transition:border .4s,box-shadow .4s;background-color:#9e9e9e;box-shadow:#9e9e9e 0 0 0 0 inset;background-color:#9e9e9e;cursor:pointer}.switch-off .slider{left:0;transition:background-color .4s,left .2s}.switch-on.switch-disabled{opacity:.5;cursor:auto}
.switch-off.switch-disabled{background-color:#f0f0f0!important;cursor:auto}