/* this is version 2.0 gjzwmath layout */

/* test Animation for Chrome, Safari, Opera */
/*
.animationTextClass1 {-webkit-animation: mymove 5s infinite;animation: mymove 5s infinite;}
@-webkit-keyframes mymove {50% {text-shadow: 10px 20px 30px blue;}}
@keyframes mymove {50% {text-shadow: 10px 20px 30px blue;}}
.animationTextClass2 {position:relative;animation: myrun 15s infinite;}
@keyframes myrun {0%   {left: 0%; color:green;} 50%  {left: 85%; color:blue;} 100%   {left: 0%; color:red;}}
.blink {animation: blinker 1s step-start infinite;}
@keyframes blinker {50% {opacity: 0;}}
*/
.animate {-webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom {from {-webkit-transform: scale(0)} to {-webkit-transform: scale(1)}}
@keyframes animatezoom {from {transform: scale(0)} to {transform: scale(1)}}

sup { vertical-align: super; font-size: 0.6em;}
sub { vertical-align: sub; font-size: 0.6em;}

/* Math Graph Layout */
input[type=range] {-webkit-appearance:none;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
height:0.5em;}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;}
input[type=range]::-moz-range-thumb {width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;}
input[type=range]::-ms-thumb {width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;}
.jxggroup{margin-left:2em;margin-right:2em;float:left;display:block;border:0px;}
.jxgtoolbar{font-size:1em;border: 1px solid #DDDDDD;display:flex;align-items:center;}
.jxgtoolbarplay{font-size:0.8em;width:2.5em;text-align:center;cursor:pointer;background-color:#DDDDDD;border-style:outset;}
.jxgtoolbarstep{width:3.5em;font-size:0.8em;color:#0000FF;text-align:right;}
.jxgbox{width: 200px;height: 200px;font-size:1em;text-align:left;margin:auto;border-radius: 10px;	-webkit-border-radius: 10px;}
.graphmsgbox {color:green;text-align:left;margin:auto;height:auto;overflow:hidden;width:90%;}
.jxgwrppr {display:grid;grid-template-columns: repeat(auto-fill,minmax(250px, 1fr));grid-gap: 10px;
    grid-auto-flow: dense;list-style: none;margin:auto;padding: 0;max-width:520px;}
.jxgwrppr > div {display: table;}
.jxgwrppr > div.landscape {grid-column-end: span 1;}
.bookimg {display:block;margin:auto;border:3px solid gray;border-style:outset;width:100%;max-width:10em;cursor:pointer;box-shadow:5px 5px #888888;}
.bookimg:hover{border-style:double;}
/*Math Example Template*/
.exampleTmplate {display:block;margin-top:0em;margin-bottom:0em;}
.qstionPart, .answerPart {
	display:flex;margin-top:0em;margin-bottom:0em;
}
.qstionLeft, .answerLeft {}
.qstionBody, .answerBody {width:100%}
.qstionLeft > p, .answerLeft > p {width:5em;text-align:right;margin:0px;margin-top:0.5em;margin-bottom:0.5em;}
.qstionBody > p, .answerBody > p {width:auto;text-align:left;margin:0px;margin-top:0.5em;margin-bottom:0.5em;}
.qstionBody > ul, .answerBody > ul{width:auto;text-align:left;margin:0px;margin-top:0.5em;margin-bottom:0.5em;padding-left:1em;}
.wrappedul {width:100%;list-style-type:lower-roman;-webkit-columns: 10em 4; -moz-columns: 10em 4;
  columns: 10em 4;  -webkit-column-gap: 1em;  -moz-column-gap: 1em;  column-gap: 1em;}
.hidetext{display:none;font-size:inherit;}
.defBody {margin-left:3em;}


.gjzwTable {border-collapse:collapse;margin:auto;text-align:center;font-size:0.9em;border-bottom: 2px solid #666;border-top: 2px solid #666;}
.gjzwTable tr:first-child {background-color:#ccffff;border-bottom: 1px solid #666;}
.gjzwTable tr:hover {background-color: #FFFF99;}
.gjzwTable tr > td:hover {background-color: #00FF88;}
.gjzwTable tr > th:hover {background-color: #00FF88;}
/*Border Table Template*/
.borderTable {font-size:0.9em;margin:auto;border-collapse:collapse;border-top: 2px solid black;border-bottom: 2px solid black;border-left: 0px;border-right: 0px;}
.borderTable tr > th, .borderTable tr > td {border: 1px solid black;border-collapse: collapse;padding: 0.5em;}
.borderTable tr > th:first-child {border-left: 0px;}
.borderTable tr:first-child > th {border-top:0px;}
.borderTable tr > td:first-child {border-left: 0px;}
.borderTable tr:first-child > td {border-top:0px;}
.borderTable tr > th:last-child {border-right: 0px;}
.borderTable tr:last-child > th {border-bottom:0px;}
.borderTable tr > td:last-child {border-right: 0px;}
.borderTable tr:last-child > td {border-bottom:0px;}

/*Math Step by Step Explaination Template*/
.StepTable {font-size:1em;margin:0px;border:0px;}
.StepTable tr > th {border-bottom: 1px solid #ddd;text-align: left;font-size:1em;}
.StepTable tr:hover {background-color: #FFFF99;}
.StepTable tr > td:hover {background-color: #00FF88;}
.StepTable tr > td {padding-left:1em;padding-right:1em;padding-top:0.25em;padding-bottom:0.25em;border:0px;font-size:1em;}
.StepTable tr > td:first-child {text-align: left;padding-left:0em;}
.StepTable tr > td:nth-child(2) {border-left: 1px solid #ddd;}
.StepTable tr > td > input {width:1em;text-align:center;}

/*ShuaiFen Table Template*/
.ShuaiFenTbl {margin:0;margin-left:0.5em;margin-right:0em;border: 0px solid #fff;}
.ShuaiFenTbl tr:hover {background-color: #FFFF99;}
.ShuaiFenTbl tr > td:hover {background-color: #00DD66;}
.ShuaiFenTbl tr > td {border:0px;text-align:center;background-color:#e5ffe5;}
.ShuaiFenTbl tr > td:first-child {text-align:center;}
.ShuaiFenTbl tr > td:nth-child(2) {border-left: 0px;}
.NChptTable{
  border-collapse:collapse;
  border: 0px solid #000;
  margin:auto;
}
.NChptTable > tbody > tr:first-of-type{
  border-top: 1.5px solid #000;
}
.NChptTable > tbody > tr:last-of-type{
  border-bottom: 1.5px solid #000;
}
.NChptTable > tbody > tr > td{
  margin:0px;padding:0px;
  width:1.5em;
  height:1.5em;
  font-size:1em;
  text-align: center;
  align-items: center;
  background-color:#e5ffe5;
  border: 1.3px solid #fff;
}
.NChptTable > tbody > tr > td:hover{background-color:#55ff55;}
.NChptTable > tbody > tr > td:last-of-type {
  width:auto;
  text-align:left;
  font-size:1em;
  padding-left:0.5em;
  padding-right:0.5em;
  border-left:1.5px solid #000;
}

.tooltip {position: relative;display: inline-block;border-bottom: 1px dotted black; /* If you want dots under the hoverable text */}
.tooltip .tooltiptext {visibility: hidden;width: 12em;top: 100%;left: 50%;margin-left: -6em;  background-color: #008800;color: #fff;text-align: left;border-radius: 6px;padding: 10px;/* Position the tooltip */ position: absolute;z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}

/*No border table Template*/
.noborderTable{border:0px solid black;border-collapse: collapse;margin:auto;text-align:center;}
.noborderTable tr{border:0px solid black;border-collapse: collapse;}
.noborderTable th{border:0px solid black;border-collapse: collapse;}
.noborderTable tr > td{border:0px solid black;border-collapse: collapse;}

.LogicalTable{border:0px solid black;}
.LogicalTable tr td{border:0px solid black;cursor:pointer;}
.LogicalTable tr:hover{background-color:#E7FCFC;}

.NumberTable {font-size:1em;margin:0px;border:0px;}
.NumberTable tr > th {border-bottom: 1px solid #ddd;text-align: center;font-size:0.8em;}
.NumberTable tr:hover {background-color: #FFFF99;}
.NumberTable tr > td:hover {background-color: #00FF88;}
.NumberTable tr > td {font-size:0.8em;padding-left:0.5em;padding-right:0.5em;padding-top:0.25em;padding-bottom:0.25em;border:0px;text-align:right;}
.NumberTable tr > td:first-child {padding-right:1em;}
.NumberTable tr > td:nth-child(2) {border-left: 1px solid #ddd;}

.longDivision{font-size: 1em;table-layout:fixed;border:0px solid black;border-collapse: collapse;width:30em;}
.longDivision tr{border:0px solid black;border-collapse: collapse;padding:0;margin:0;}
.longDivision th{border:0px solid black;border-collapse: collapse;padding:0;margin:0;text-align:center;}
.longDivision td{border:0px solid black;border-collapse:collapse;padding:0;margin:0;text-align:center;}

/* the below is template for exsample or excise problems */
.MathLXT {
  list-style:decimal outside none;
  overflow: hidden;
  min-width:20em;
  display: flex;
  flex-wrap:wrap;
}
.MathLXT > li {
  display: list-item;
  list-style:inherit;
  min-width:inherit;
  margin-bottom:0.5em;
}
.MathLXT > li > p {
  margin:0px;
  width:calc(100% - 1em);
  text-align:left;
}

.LXTtmplate {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
    min-width:20em;
	list-style:decimal outside none;
}
.LXTtmplate > li {margin-bottom:0.25em;display: list-item;list-style:inherit;min-width: inherit;}
.LXTtmplate > li > div {display: block;width: 100%;height: 100%;margin:0px;overflow:hidden;}
.LXTtmplate > li > div:hover {background-color:#00CC99;}

.listitem{list-style:upper-roman;padding-left:1.5em;}
.listitem > li{}

/* home page layout design */
.gjzwwrppr {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18em,1fr));
    grid-gap:5px;
	grid-auto-flow: dense;
    margin:0 auto;
    padding:0;
	width: 90%;
    max-width: 56em;
    list-style: none;
	font-size:1em;
}
.gjzwwrppr > li {
	grid-column: span 1;
	padding: 1em;
    border: 1px solid #ccc;
	overflow:hidden;
	font-size:1em;
}

.gjzwwrppr > li > div {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   margin:auto;
   max-height:28em;
   overflow:auto;
   font-size:1em;
   -ms-overflow-style: none; /* IE 11 */
   scrollbar-width: none; /* Firefox 64 */
}
.gjzwwrppr > li > div::-webkit-scrollbar {display: none;}
.gjzwwrppr > li > img {
   display: block;
   margin: 0 auto;
   object-fit: cover;
   width: 100%;
   max-width:10em;
   height: 100%;
   cursor: pointer;
}

/* Book page reading layout desing */
.frameborder {
	margin: 0px;
	padding: 3px;
	background-color: #666;
	width: calc(100% - 6px);
	height: calc(100% - 6px);text-shadow:none;	
}
.framecontent {
	position: relative;
	margin: 0px;
	padding-left:1.5em;
	padding-right:1em;
	padding-top: 3em;
	padding-bottom:3.2em;
	background-color: #fff;
	width:calc(100% - 2.5em);
	height:calc(100% - 6.2em);
	font-size:1em;
	overflow-y:auto;
	text-shadow:none;
}
.framefont {position:relative;margin:0px;padding:0px;border:0px;width:100%;font-size:1em;text-shadow:none;}

/*选择书的dropdown menu*/
.dropdownmenu {
	position: relative;
	display: inline-block;
    background-color: lightgreen;
    color: blue;
    margin:0px;
	padding:5px;
	border-radius:3px;
    font-size: 1em;
    border: solid #427AA8 1px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(255,255,255, 0.3), inset 0 1px 0 rgba(255,255,255, 0.3);
    cursor: pointer;
}
.dropdownmenulist {
    display:none;
    position:absolute;
	margin-top:0.45em;
	margin-left:-0.5em;
    background-color: #fdf1f1;
	border-radius:5px;
	font-size: 1em;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 1;
}
.dropdownmenulist a {
    color:blue;padding:2.5px 5px 2.5px 5px;
    text-decoration:none;display: block;
}
.dropdownmenu:hover .dropdownmenulist {display: block;}
.dropdownmenulist a:hover {background-color: lightgreen}


/*设计书的目录显示 layout */
.content {
	color: blue;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding:1em 0.5em 1em 0em;
	margin: 0px;
	cursor: default;
}

.chapter {list-style-position:inside;list-style-type:none;width:calc(100% - 0.5em);margin:0px;padding:0px;}
.chapter *{word-wrap:break-word;white-space:normal;}
.chapter li span{color:blue;cursor:pointer;}
.chapter li span:hover{background-color:lightgreen;color:red;}
.chaptersection {list-style-position:inside;margin:0px;padding:0.5em 5px 10px 1em;}
.chapterssection {list-style-position:inside;margin:0px;padding:0.5em 5px 10px 1em;}
.rchaptersection {display:none;list-style-position:inside;list-style-type:none;margin:0px;padding:0.5em 5px 10px 1em;}
.rchapterssection {display:none;list-style-position:inside;list-style-type:none;margin:0px;padding:0.5em 5px 10px 1em;}
.rchapterssection li{text-indent:-4em;padding-left:4em;}
/* Learning Map Layout */
.lmBookinfo{display:flex;flex-direction:column;margin:10px;font-size:1em;}
.lmBookTitle{font-weight:bolder;margin:5px;cursor:pointer;}
.lmBookAuthor{margin: 0px;margin:5px;}
.lmBookPubDate{margin: 0px;margin:5px;}
.lmBookIntro{margin: 0px;margin:5px;}


/* user management layout */
.umcontent{color:blue;font-size:1em;margin:0.5em 0em 0.5em 0em;padding-left:0px;}
.pumcontent{color:blue;font-size:0.8em;margin:0.1em 0em 0.1em 0.5em;}
.umfunctionlist{margin:0.5em;width:calc(100% - 3em);padding-inline-start:1.25em;}
.umfunctionlist li{color:blue;font-size:1em;padding:0.25em 0em 0.25em 0.5em;}
.umfunctionlist li:hover, .umfunctionlist li::selection {background-color:#ddd;color:red;}
.csection{margin:0px;cursor:pointer;}
.syscsection{margin:0px;cursor:pointer;display:none;color:red;}
.umfctwin{display:none;margin:10px;overflow: auto;}

.reflist{margin-left:2em;}
.reflist > li{margin-top:0.5em;margin-bottom:0.5em;}

/* All Dialogue Window Layout*/
#loginform, #loginform.content {
  width: 30%;
  min-width: 19em;
  max-width: 22em;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}

#registerform, #registerform.content {
  width: 30%;
  min-width: 19em;
  max-width: 22em;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}
#rplymsgform, #rplymsgform.content {
  width: 30%;
  min-width: 12em;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}
#rplyIssueform, #rplyIssueform.content {
  width: 30%;
  min-width: 12em;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}
#notifyUserform, #notifyUserform.content {
  width: 30%;
  min-width: 12em;
  margin: 0px auto;
  padding: 20px;
  border: 1px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}
#rplyUserMsgform, #rplyUserMsgform.content {
  width: 30%;
  min-width: 12em;
  margin: 0px auto;
  padding: 20px;
  border: 3px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}
#mdfyLDTform, #mdfyLDTform.content {
  width: 30%;
  min-width: 12em;
  margin: 0px auto;
  padding: 20px;
  border: 3px solid #B0C4DE;
  background: white;
  border-radius: 10px 10px 10px 10px;
}


/* Forum Layout*/
.crtFrmTopicWin{width:10.5em;height:auto;display:none;background-color:lightblue;border-style:outset;padding:10px;
	box-shadow:0 8px 8px #000;
    -moz-box-shadow:0 8px 8px #000;
    -webkit-box-shadow:0 8px 8px #000;
}
.crtFrmTopicWin input{font-size:0.8em;}
#frmPostHeader{height:1.5em;width:100%;margin:0px}
#frmPostEditor{height:5em;width:100%;margin:1em;margin-left:0px;}
#frmPostBody{
	width:100%;height:calc(100% - 8em);
	display: flex;
	flex-direction:column;
	overflow: auto;
	border-style: inset;
	margin:1em;margin-left:0px;
	padding:0px;
	-webkit-overflow-scrolling: touch;
}
.listpostrows{margin:1em;width:calc(100% - 1.5em);text-align:left;font-size:1em;font-weight:normal;}
.listpostrows > p{padding-top:0.25em;padding-bottom:0.25em;line-height:1.5em;}
.listpostrows > img{margin-left:2em;padding:0px;}
.frmpostimg{width:100px;height:100px;padding:5px;}

/* About Us Layout */
.aboutVisionDiv {width:100%;height:auto;margin:auto;}
.aboutVisionDiv > div{margin:auto;text-align:center;}

/*Elements promot */
.refRSC {text-decoration:underline;color:#009999;cursor:help;}
.promptMSG {text-decoration:underline;color:#009999;cursor:help;}
.popMSGWIN {text-decoration:underline;color:#009999;cursor:help;}
.elemtHr{height:0.5px;border-width:0;color:gray;background-color:lightgray}
#promptWindow {display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;height:80%;max-width:40em;min-width:16em;max-height:45em;z-index:500;border:2px outset gray;font-size:0.9em;box-shadow:5px 5px 10px #000033;border-radius:5px;background-color:#fefefe;opacity:1;}
.footref {font-size:0.8em;}
.footnote {font-size:0.8em;}

.numFormular, .rnumFormular {clear:both;display:table;width:100%;margin:auto;padding-bottom:0.3em;text-align:center;}
.numFormular > span:first-of-type{display:table-cell;padding-right:1em;padding-left:2em;width:4em;text-align:left;white-space:nowrap;}
.numFormular > span:last-of-type{display:table-cell;width:calc(100% - 3em);text-align:center;}
.rnumFormular > span:first-of-type{display:table-cell;width:calc(100% - 8em);text-align:center;}
.rnumFormular > span:last-of-type{display:table-cell;padding-right:1em;padding-left:1em;width:6em;min-width:4em;text-align:right;white-space:nowrap;}
.lrnumFormular {clear:both;display:table;width:calc(100% - 2em);margin:auto;margin-left:2em;padding-bottom:0.3em;}
.lrnumFormular > span:first-of-type{display:table-cell;text-align:left;}
.lrnumFormular > span:last-of-type{display:table-cell;vertical-align:bottom;padding-right:1em;padding-left:1em;text-align:right;white-space:nowrap;}
.rightSpan {float:right;padding-right:1em;padding-left:1em;text-align:right;white-space:nowrap;}

.rscimg {height:calc(100% - 0px);border: 2px solid #ccc;}

.img-magnifier-container {position:relative;}
.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 2%;
  cursor: none;
  width: 16em;
  height: 10em;
}

.gjzwpainter{
  position:absolute;top:0;
  gap: 4px;
  padding: 0.5em 1em 0.5em 1em;
  width: 100%;
  height: 100%;
  display: none;
  box-sizing: border-box;
  font-size:0.8em;
  z-index:100;
  pointer-events:none;
}
.gjzwmptls-board{
  position:absolute;
  border-radius: 7px;
  border: 2px solid black;
  width: 8em;
  height: auto;
  padding: 0px;
  left:1.5em;
  top:1em;
  background-color:rgba(250,250,250,1);
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  pointer-events:auto;
  z-index:130;
}
.gjzwmpdrw-board{
  flex: 1;
  overflow: hidden;
  width: 100%;
  border-radius: 7px;
  border: 2px solid black;
  box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
  background-color: rgba(255,255,255,0);
  z-index:110;
  pointer-events:auto;
}
.gjzwmpdrw-board canvas{
  width: 100%;
  height: 100%;
  background-color:rgba(255,255,255,0);
  pointer-events:auto;
}

.gjzwmptls-board .gjzwmprow{margin-bottom:8px;margin-left:1em;margin-right:1em;}
.gjzwmprow .gjzwmptitle{color:#333;font-weight:bolder;}
.gjzwmprow .gjzwmpopts{margin: 5px 0 0 5px;}
.gjzwmprow .gjzwmpopts .gjzwmpopt{
  display: flex;
  user-select: none;
  cursor: pointer;
  align-items: center;
  margin-bottom: 0px;
}
.gjzwmprow .gjzwmpopts .gjzwmpopt img{width:1em;}
.gjzwmpopt:is(:hover, .active) img{
  filter: invert(50%) sepia(90%) saturate(3000%) hue-rotate(900deg) brightness(100%) contrast(100%);
}
.gjzwmpopt :where(span, label){
  color: #5A6168;
  cursor: pointer;
  padding-left: 10px;
}
.gjzwmpopt:is(:hover, .active) :where(span, label){
  color: #4A98F7;
  font-weight:bolder;
}
.gjzwmpopt #pfill-color{height:13px;margin-left:0px;width:13px;margin-right:0px;cursor: pointer;}
#pfill-color:checked ~ label{color:#4A98F7;}
.gjzwmpopt #psize-slider{
  width: 100%;
  height: 5px;
  margin-top: 10px;
}
.gjzwmprow #ptransprant-slider{
  width: 100%;
  height: 5px;
  margin-top: 10px;
}
.gjzwmptls-board .gjzwmpclrs{
  display: flex;
  justify-content: space-between;
}
.gjzwmpclrs .gjzwmpopt{
  position: relative;
  height: 10px;
  width: 10px;
  margin-top: 3px;
  border-radius: 50%;
}
.gjzwmpclrs .gjzwmpopt:nth-child(1){
  background-color: #fff;
  border: 1px solid #bfbfbf;
}
.gjzwmpclrs .gjzwmpopt:nth-child(2){
  background-color: #000;
}
.gjzwmpclrs .gjzwmpopt:nth-child(3){
  background-color: #E02020;
}
.gjzwmpclrs .gjzwmpopt:nth-child(4){
  background-color: #6DD400;
}
.gjzwmpclrs .gjzwmpopt:nth-child(5){
  background-color: #4A98F7;
}
.gjzwmpclrs .gjzwmpopt.selected:before{
  content: "";
  top: 50%;
  left: 50%;
  height: 14px;
  width: 14px;
  background: inherit;
  position: absolute;
  border: 2px solid #fff;
  border-radius: inherit;
  transform: translate(-50%, -50%);
}
.gjzwmpclrs .gjzwmpopt:first-child.selected:before{
  border-color: #ccc;
}
.gjzwmpclrs #pcolor-picker{
  opacity: 0;
  cursor: pointer;
}
.gjzwmpbtn{margin-left:1em;margin:right:1em;}
.gjzwmpbtn button{
  width: 38%;
  color: #6C757D;
  border: 1px solid #888;
  outline: none;
  padding: 3px 0;
  background: none;
  font-size:0.9em;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
}
.gjzwmpbtn button:hover{
  color: #FFF;
  background: #2382f6;
}
.gjzwformularlist{margin-right:2em;}
.gjzwformularlist > li{margin-top:1em;margin-bottom:1em;cursor: pointer;}
.gjzwformularlist > li > span{font-weight:bolder;}
.gjzwformularlist > li > span:hover{background-color:#55FF99;}