body, form, p, ul, li { color: #2E3038; font-family: Verdana, "微软雅黑", sans-serif; line-height: 1.7; list-style: none; margin: 0; padding: 0;}
input,textarea{ font-family: Verdana, "微软雅黑", sans-serif;}
body { background: #F7F7F8; font-size: 14px;}
img { border: none;}
h1 { font-size: 24px;}
h2{ font-size: 18px; padding: 10px 8px; border-bottom:1px solid #E3E4E8}
h3 { font-size: 20px; font-weight: normal; padding: 5px 0; display:block; margin:0}
small{ font-size:12px; color:#999;}

/*========================================*/
/* link */
/*========================================*/

a:link, a:visited { color: #2E3038; text-decoration: none;}
a:hover, a:active, a.a:hover, a.a:active { color: #F66E14; text-decoration: underline;}

/*==============================================================*/
/* header and content */
/*============================================-*/

#headerBox {width: 100%;clear: both;margin: 0 auto;border-bottom: 1px solid #E3E4E8;position: fixed;left: 0; top: 0;right: 0;background: #fcfcfc;z-index: 99;box-shadow: 0 2px 5px rgba(0,0,0,0.2);color: #000;}
#headerBox h1 a{    color: #2E3038;    text-decoration: none;}
#headerBox table td{    vertical-align:middle;}
#headerBox table {    margin:0 auto;}
#headerBox table a{    padding: 0 20px;}
#headerBox h1{    line-height: 1.0;    margin: 12px 0;}
#headerBlock{    height: 55px; overflow: hidden;}
#headerBlock img{    display: none;}
#content{    width: 100%;    max-width: 1800px;    mix-width: 1100px;  clear: both;    margin: 0 auto;}
#main{  background: #F7F7F8;      margin-top:20px; border-radius: 8px; padding: 20px;}
#clearMain{  margin-top:20px; border-radius: 8px; padding: 20px;}
#sideBarMain{  margin-top:20px; border-radius: 8px; padding: 20px; margin-left: 190px; }

#sideBar{position: fixed;  color: #80848E;   background: #fff;    padding:30px 10px 10px 10px;    bottom: 0px;  font-weight: bold;   width: 170px;    left: 0;    top: 56px;    overflow-y: scroll; z-index: 9999;  }
#sideBar::-webkit-scrollbar { width: 4px;}
#sideBar::-webkit-scrollbar-track {      background: #fff;   }
#sideBar::-webkit-scrollbar-thumb {     background: #000;   border-radius: 4px;  }
#sideBar::-webkit-scrollbar-thumb:hover { background: #6D27F2;  }

#sideBar li{ margin: 5px 0; color: #999; }
#sideBar #topBlock li a{  padding: 5px 5px 5px 25px; color: #2E3038; display: block; text-decoration: none;}
#sideBar #topBlock li.on{ background: #B5BAC1; border-radius: 8px;}
#sideBar #topBlock li:hover{ background: #B5BAC1;border-radius: 8px; color: #000}
#sideBar #topBlock li.on a{ color: #000;}
#sideBar #topBlock li a:hover{ color: #000}
#sideBar #topBlock li svg{  vertical-align: middle;  margin-left: -15px; opacity: 0.7;  fill: #000;}
#sideBar #topBlock li.on svg,#sideBar #topBlock li:hover svg{ opacity: 1}

.block{    display: block;}
.color, a.color{ color: #F66E14}
.ok,.error,.alert {    border: 1px solid #D9EB9F;    background: #FBFFED;    padding:8px 10px;    color: #485812;    font-size: 16px; margin: 8px }
.ok a,.error a,.alert a { color:#6D27F2; text-decoration: underline }
.ok a:hover,.error a:hover,.alert a:hover { color: #248046; text-decoration: underline }
.error {    border: 1px solid #FF8888;    background: #FFE1E1;    color: #9F0000;}
.alert {    border: 1px solid #FFD782; background: #FFE9B9;   color:#382C2C;}
.actionTips{background: #383A40; border-radius: 5px; margin-top: 10px; padding: 10px; color: #fff;}
.actionTips strong{color: #FFFF00; background: #000; padding: 5px 10px; border-radius: 5px; margin-right: 10px}
.a{ color: #F66E14; text-decoration: underline}
.a:hover{ color: #6D27F2}
.button,a.button{ display: inline-block; background: #5865F2; font-size: 16px; padding: 10px 30px; border-radius: 8px; border: none; color: #fff; cursor: pointer;}
.button:hover,a.button:hover{ display: inline-block; background: #6D27F2; text-decoration: none; font-size: 16px; padding: 10px 30px; border-radius: 8px; border: none; color: #fff; cursor: pointer;}
.done,.fail,.wait,.pending{ color: #fff; background: #009900; border-radius: 3px; padding: 3px 5px;}
.wait,.pending{ background: #ff6600;}
.fail{ background: #cd0a0a}

.table{    width: 100%;    text-align: left;    border-collapse: collapse;    border-spacing: 0; border-radius: 8px}
.table td,.table th {    border-bottom: 1px solid #ededed;    line-height: 1.9;    padding: 10px;    text-align: left;}
.table th {    background:#D9DCDF;    color: #1E1F22;    font-size: 14px;    font-weight: bold;}
.table th:hover{background: #F0F0F0;}

.tab1 li{ display: inline-block; padding: 5px}
.tab1 li a{ display: inline-block; padding: 5px 15px; background: #4E5058; color: #fff; font-size: 14px; border-radius: 5px;}
.tab1 li a:hover,.tab1 li a.on{  background:#6D27F2; color: #fff; text-decoration: none}

.tab2{ border-bottom: 1px solid #E3E4E8;}
.tab2 li { display: inline-block}
.tab2 li a { display: inline-block; background:#E3E4E8; padding:8px 20px;  font-size:16px; color: #000; border-top-left-radius: 5px;border-top-right-radius: 5px; text-decoration: none}
.tab2 li a.on, .tab2 li a:hover{ display: inline-block; background:#4E5058; color: #fff}

.form1 { font-size: 16px;}
.form1 table td{ padding: 8px 5px;}
.form1 table td:first-child{ text-align: right}
.form1 input,.form1 textarea,.form1 select{ font-family: Verdana, "微软雅黑", sans-serif; padding: 8px 10px; border-radius: 5px; border:1px solid #C4C6CE; font-size: 16px;  }
.form1 button{ display: inline-block;    background: #4E5058;    font-size: 16px;    padding: 10px 30px;    border-radius: 8px;    border: none;    color: #fff;    cursor: pointer;}
.form1 button:hover{ background: #000; color: #fff;}
.form1 small{ font-size: 14px}
.form1 small a{ font-size: 14px;  color:#999;}
.form1 label{ display: inline-block; padding-right: 50px;}
.form1 button.button2{ padding: 8px 20px; background: #6D27F2; font-size: 14px; border-radius: 5px;}
.form1 button.button2:hover{ background:#5865F2; color: #fff;}

.item1 li{ margin: 10px;}
.item1 li a{ display:block; border: 1px solid #E3E4E8; padding: 10px 20px; background: #fff; color: #000; font-size: 14px; border-radius: 5px; font-size: 16px; }
.item1 li a:hover{    box-shadow: 0 0 5px rgba(0,0,0,0.2);    background: #4E5058;    color: #fff;    text-decoration: none;}

.item2 li{ margin: 10px;}
.item2 li{ display:block; border: 1px solid #E3E4E8; padding: 10px 20px; background: #fff; color: #000; font-size: 14px; border-radius: 5px; font-size: 16px; }
.item2 li td a{  font-size: 14px; text-decoration: underline }

.contentBlock{background: #1E1F22;padding: 20px;border-radius:8px;text-align: left;color: #999999;}
.hContent{color: #666;margin-bottom: 20px;}
.mjImg{width: 100%;max-width: 1024px;}
.addImg{ width:60px; padding: 5px; border-radius: 10px; opacity: 0.7; }
.addImg:hover{ opacity: 1; }
.downloadButton{display:block; padding: 10px; text-align: center;    background: #5865F2; text-decoration-line: none;font-size: 18px;border-radius: 10px;border: none;color: #fff;cursor: pointer;}
.downloadButton:hover{color:#FFFF00;text-decoration-line: none;background: #6D27F2;}