/*Vue隐藏*/
[v-cloak] {display: none;}
/*清除样式*/
body, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea,select{margin: 0;padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
html, body {background-color: rgba(222, 222, 222, 1);height: 100%;min-height: 100%;width:100%;max-width: 1280px;min-width:200px;margin: 0 auto;position: relative;}
body {font-size: 15px;font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;background: #fff;color: #282828;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent;}
h1, h2, h3, h4, h5 {font-weight: bolder;font-size: 15px;}  h1 {font-size: 32px;}  h2 {font-size: 26px;}  h3 {font-size: 22px;}  h4 {font-size: 18px;}
a {color: #333;text-decoration: none;transition: color .2s ease-out;}
a:hover {text-decoration: none;}
em, i {font-style: normal;}
ol, ul, dl, li, dt, dd {list-style: none}
img {border: 0;vertical-align: middle}
a img {border: 0}
div {word-break : break-all;}
table {border-collapse: collapse;border-spacing: 0}
input, textarea {font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;outline: none;}
input, textarea {-webkit-appearance: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;outline: none;padding: 0px;margin: 0;}
ul {background-color: #333;width: 100%;max-width: 1024px;float: left;position: fixed;top:0;justify-content: flex-start;display: flex !important;flex-wrap: wrap;}
ul li {display: block;font-size: 20px;float: left;color: white;text-align: center;padding: 15px;}
ul li button{color: rgba(255, 255, 255, 1);background-color: #333;font-size: 20px;}
ul li button:hover {background-color: rgba(1, 1, 1, 1);}
ul li p{color: rgba(255, 255, 255, 1);}
ul li:hover {background-color: rgba(1, 1, 1, 1);}
ul li a {color: rgba(255, 255, 255, 1);
/*
    text-decoration: none;
*/
}
/*ul li a:hover {background-color: #111;}*/
/*居中*/
.隐藏{display:none;}
.浮动{position: fixed;}
.固顶{position: fixed;top:0;}
.固底{position: fixed;bottom:0;}
.居中{margin: 0 auto;display: flex !important;justify-content: center;text-align: center;}
.齐左{margin: 0 auto;justify-content: flex-start;display: flex !important;flex-wrap: wrap;}
.两端齐{
	margin: 0 auto;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
.平均{
   display:flex;
   display:-webkit-flex;/*Safari*/
   justify-content:space-between;/*水平排布方式*/
   align-items:center;/*垂直对齐方式*/
}
.背透 {background-color: rgba(25, 25, 25, 0);}
.背白 {background-color: rgba(255, 255, 255, 1);}
.背黑 {background-color: rgba(25, 25, 25, 1);}
.背绿 {background-color: rgba(76, 175, 80, 1);}
.背红 {background-color: rgba(245, 23, 36, 1);}
.背橙 {background-color: rgba(243, 110, 55, 1);}
.背黄 {background-color: rgba(247, 148, 30, 1);}
.背色001 {background-color: rgba(222, 222, 222, 1);}
.背色002 {background-color: rgba(222, 0, 222, 1);}
.粗体{font-weight: bolder;}
.字白 {color: rgba(255, 255, 255, 1);}
.外阴影 {box-shadow: 0 1px 3px 1px rgba(120, 120, 120, 0.29);}
.外距-5{margin: 5px 5px 5px 5px;}
.上下距-5{margin: 5px 0px 5px 0px;}
.上下距-10{margin: 10px 0px 10px 0px;}
.左距-10{margin: 0px 0px 0px 10px;}
.内距-5 {padding: 5px 5px 5px 5px;}
.内距-10 {padding: 10px;}
.内距-15 {padding: 15px;}
.字体-18{font-size: 18px;}
.字体-22{font-size: 22px;}
.黑框{border: solid 1px;border-color:rgba(25, 25, 25, 1);}
.无框{border: none;}
.圆角-5{border-radius: 5px;}
.宽-100{width: 100%;}
.宽-095{width: 95%;}
.宽-025{width: 25%;}
.宽32{width: 32px;}
.宽48{width: 48px;}
.宽200{width: 200px;}
.方形48{width: 48px;height: 48px; /*高度*/}
.园形48{width: 48px;height: 48px; border-radius: 24px;}
.最宽{width: 100%;}
.标钮{border: none;font-size: 18px;color: rgba(255, 255, 255, 1);transition: all 0.6s;/*所有属性变化在0.6秒内执行动画*/}
.标钮:hover {transform: scale(1.1);/*鼠标放上之后元素变成1.2倍大小*/}
.标钮:active {background-color: rgba(0,0,0,1);}
input[type="checkbox"] {
-webkit-appearance: none; /*清除复选框默认样式*/
background: #fff url(Data/135.png) no-repeat; /*复选框的背景图，就是下图，自己保存下图即可*/
height: 22px; /*高度*/
vertical-align: middle;
width: 22px;
cursor: pointer;
outline: none;
}
input[type="checkbox"]:checked {background-position: -48px 0;}

input[type="radio"] {
-webkit-appearance: none; /*清除复选框默认样式*/
background: #fff url(Data/135.png) no-repeat; /*复选框的背景图，就是下图，自己保存下图即可*/
background-position: 0 0;
height: 22px; /*高度*/
vertical-align: middle;
width: 22px;
cursor: pointer;
outline: none;
}
input[type="radio"]:checked {background-position: -48px 0;}
#divbg{width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;z-index: 999;filter: alpha(opacity=70);opacity: 0.7;background-color: #AAAAAA;}
#diveditcontent{width: 70%;position: fixed;z-index: 1000;background-color: #FFFFFF;}