body{
    margin: 0;
    padding: 0;
    font-family:"YaHei Consolas Hybrid", Consolas, "微软雅黑", "Meiryo UI", "Malgun Gothic", "Segoe UI", "Trebuchet MS", Helvetica, "Monaco", courier, monospace;
    font-size:18px;
    line-height: 1.5em;
    /*background:#99CCFF;*/
    background: #e4e9f2;
    background-size: cover;
   /* scrollbar-track-color:white;scrollbar-arrow-color:white;scrollbar-base-color: white;scrollbar-face-color: white;scrollbar-highlight-color:white; */
}
table{border-collapse: collapse;border: 1px solid gray;font-size: 0.9em;}
th{border-bottom: 2px solid green;height: 2em;font-size: 0.9em;}
td{border: 1px dashed green;font-size: 0.8em;padding: 0.2em;}
tr:nth-child(2n){background-color: white;}
ul,li,p{margin:0;padding: 0;text-decoration: none;list-style: none;}
a{cursor: pointer;text-decoration: none;color:#0F5B7F;}
a:hover{text-decoration:none;}
h2{color:#0F5B7F;line-height: 2em;font-size: 1.1em;}
h3{font-size: 0.95em;}
.blue_btn{background:#93A5C4;margin: 0.5em;padding: 0 1.5em;height:3em;line-height:3em;border-radius: 0.5em;text-align: center;color: white;}
.blue_btn:hover{background:  #23527c;cursor: pointer;}
.yel_btn{background:#CCFF00;margin: 0.5em;padding: 0 1.5em;height:3em;line-height:3em;border-radius: 0.5em;text-align: center;color: #003399;}
.yel_btn:hover{background:  #FFFF00;cursor: pointer;}
.green_btn{background:greenyellow;margin: 0.5em;padding: 0 1.5em;height:3em;line-height:3em;border-radius: 0.5em;text-align: center;color: #003399;}
.green_btn:hover{background:  #FFFF00;cursor: pointer;}

.dleft{position: relative;left: 0;top: 0;width: 20%;height: 100vh;background:#D8E4F8; float: left;z-index: 0;border-radius: 1em;}
.drt{position: relative;right: 0;top: 0;float: left;width: 75%;height: 100vh;background: white;box-shadow: 0 0 1px 1px #0099cc inset;z-index: 0;overflow-y: scroll;
border-radius: 1em;padding:0 2%;margin-left: 1%;}

.dlf-1,.dlf-2{position: relative;left: 1em;height: 3em;line-height: 1.5em;top: 2em;width: 80%;overflow: hidden;background: #53a1eb;color: white;
    z-index: 100;text-align: center;cursor: pointer;border: 2px solid white;border-radius: 0.5em;}
.dlf-2{top: 3.5em;height: auto;background: white;color: #0a6aa1;font-size: 0.8em;left: 1.2em}
.dlf-2 dl{float: left;width: 100%;overflow: hidden;border: none;text-align: left;display: block;margin:0.5em;}
.dlf-2 dd{text-align: left;left: 0;width:60%;overflow: hidden;font-size: 0.8em;margin:0.3em 0 0 0;height: 2em;display: none;}
.dlf-2 .dlf-tbdd{background: #D8E4F8;line-height: 2em;height: 2em;border-radius: 0.5em;width: 8em;padding: 0 0.5em;margin-left:20%;text-align: center;}
.dlf-2 dd a{position:absolute;left:2em;height:2em;line-height:2em;width: 70%;overflow: hidden;}
.dlf-2 dd span{position: absolute;right:1em;width: 1em;}
.dlf-2 dd span:hover{color: red;}
.dlf-2 dd:hover{background: #D8E4F8;border-radius: 0.5em;}

.drt-1,.drt-2{position: relative;width: 90%;margin:2em 5% 0 5%;display: inline-block;border: none;}
.drt-1-img{width: 40px;height: 40px;border-radius: 21px;float: left;margin-right: 3em;box-shadow: 1px 1px 1px 1px #0a6aa1;}
.drt-2 .drt-1-img{position: absolute;left: -3.5em;top: 0;}
.xsnr{position: absolute;left: 3em;top: 0;}
.lsjl{position: relative;left: 0;top: 0;}
.drt-r{width: 90%;border: 1px solid white;min-height: 2em;float: left;line-height: 2em;}
.drt-1 input{border: none;height: 2em;line-height: 2em;font-size: 1em;background: #b4dbed;border-radius: 0.5em;}
.drt-xz{position: fixed;width: 40em;height: 40vh;left: 30%;top: 30vh;background: #F8F8FF;border-radius: 1em;}
.drt-xz p{height: 5em;line-height: 5em;border-bottom: 1px solid grey;width: 100%;text-indent: 1em;font-size: 1.2em;font-weight: bolder;}
.drt-xz div{margin: 1em 0 0 2em;}
.drt-xz span{position: absolute;top: 1em;right: 1em;font-size: 1.2em;cursor: pointer;}
.drt-xz input{width: 95%;background: #D8E4F8;margin: 1em 0;}
.drt-xz button{background: none;border: none;position: absolute;bottom: 1em;right: 1em;cursor: pointer;font-size: 1.2em;}
.drt-3{position: absolute;height: 30vh;width: 30%;left: 30%;top: 30vh;border-radius: 1em;background: #D8E4F8;}
.drt-3 table{position:relative;width: 100%;font-size: 1.2em;border:none;}
.drt-3 table td{border: none;text-align: center;height: 2em;line-height: 2em;background: none;}
.drt-3 table input{border: none;background: #b4dbed;border-radius: 0.5em;height: 2em;line-height: 2em;width: 80%;}
.dl-sp{position:absolute;right: 1em;color: red;}

.drt-2 table{position: relative;min-width: 80%;left:5%;top:2em;border-radius: 1em;border: none;background: #D8E4F8;
    text-align: center;}
.drt-2 tr,.drt-2 tr td{border: none;}
.drt-2 tr:nth-child(2n){background:none;}
.drt-2 ul{position: relative;width:100%;border-bottom: 2px solid green;height: 2em;}
.drt-2 ul li{float: left;width: 50%;text-align: center;}

.skgc{font-size: 0.8em;line-height: 1em;background: #D8E4F8;border-radius: 0.3em;}
.skjg{font-size: 0.9em;border-radius: 0.3em;border: 1px solid #b0d0ef;}

.tcdl{position: absolute;top: 1em;right: 4em;height: 1em;line-height: 1em;font-size: 0.8em;z-index: 1111}
.lsjl h2{position:relative;left:-6em;top: 2.5em;}

@media screen and (max-width: 600px) {
    .dleft{width: 30%;font-size: 0.7em;}
    .drt{width: 65%;}
    .drt-2 .drt-1-img{position: absolute;left: 0;top: 0;}
    .lsjl h2{left: 0;}
    .lsjl{font-size: 0.7em;}
    .xsnr{position: absolute;left:0;top: 0;}
}