/*底部菜单*/
 
 .bottomMenu{ position:fixed; bottom:0; height:30px; width:100%; margin:0 auto; background-color:#F9FFEF; z-index:100; }
.bottomMenu>div{justify-content:space-between;display: -webkit-flex;display: flex;height:30px; width:100%; }
 .bottomMenu>div>div{ height:30px; line-height:30px; font-size:1.4em;   margin:0; padding:0;  color:#777777;  width:33%; text-align:center;background-repeat:no-repeat;background-position:3px 3px;}
 .bottomMenu>div>div:nth-child(1){  background-image: url(http://www.100hsl.com/ico/dhtb.png);}
  .bottomMenu>div>div:nth-child(2){  border-left:solid 1px #D0FFAF;border-right:solid 1px #D0FFAF; background-image: url(http://www.100hsl.com/ico/zxtb.png);}
  .bottomMenu>div>div:nth-child(3){ background-image: url(http://www.100hsl.com/ico/wxtb.png);}
 
  .objShow{ position:relative; margin:0 10px; cursor:pointer;}
 .objShow>div:first-child~ div, .objShow>div:first-child~ .childNone{ display:none;}
  .objShow>div:first-child~ .childBlock{ display:block; position:absolute; bottom:100%; left:20%; width:60%; height:80px; 
                                         box-shadow:0 1px 2px #D0FFAF, 0 0 1px #D0FFAF, 0 0 1px #D0FFAF;
                                         
                                          background-color:#E1FFC9;justify-content:space-between;display: -webkit-flex;display: flex;flex-wrap:wrap;}

 .childBlock>a, .childBlock>span{color:#777777;font-size:1.1em;  text-align:center; width:100%; letter-spacing:1px;text-shadow:1px 1px rgba(0,0,0,0.1);line-height:40px;}
  .childBlock>a:first-child, .childBlock>span:first-child{ border-bottom:solid 2px #F9FFEF; }
 
.yuyueDiv
{
 min-height:360px;
width:100%;
 margin:0 auto;
	padding:5px;
	text-align:center;
	background-color:#e5eecc;
	border:solid 1px #c3c3c3;
  border-radius:10px 10px 0 0 ;
	   display:none;
	  position:fixed;
	 bottom:0;
	box-shadow: 1px 1px rgba(3, 3, 0, .1);

	  z-index:10000;
}
 
.yuyueDiv>.closeBut{ position:absolute; right:10px; top:0; display:inline-block;   background-color:Brown; color:White; width:15px; height:15px; text-align:center;}

#njkm{ width:60%; height:20px; border-radius:5px; background-color:White; line-height:20px; margin:0; }

.yuyueOuter>li{display: -webkit-flex;display: flex; margin-bottom:10px;flex-wrap:wrap; }
.yuyueOuter>li:first-child{ border:solid 1px #EDEDED; padding:2px 5px; font-size:1.4em; width:90%; margin:10px auto;color:BlueViolet; text-align:left;}
.yuyueOuter>li:nth-child(2),.yuyueOuter>li:nth-child(3),.yuyueOuter>li:nth-child(4){  margin:10px auto;}
.yuyueOuter>li>span:first-child{ font-size:1em; font-weight:bold; width:60px; text-align:right;}
.yuyueOuter>li>input{ width:60%; height:20px; border-radius:5px;  line-height:20px; border:0;}
#Text4{ width:32%;}
#second{ width:26%; background-color:White;border-radius:5px; margin-left:5px; font-size:0.8em;line-height:20px; height:20px; }

.tjBut{ cursor:pointer; box-shadow: 2px 2px rgba(3, 3, 0, .6);border-radius:10px;background-color:#CC99CC; color:Blue; text-align:center; height:30px; line-height:30px; margin:10px auto; width:200px;}


.LsKc{ color:Red;}
.jiaoyuanKc{ width:90% ; margin:10px auto; text-align:left;}



/* max-width: 1200px */

@media screen and (max-width: 1200px) {
 
.objShow>div:first-child,.yuyueBut{ font-size:1.8em;}
.tjBut,.yuyueOuter>li:first-child,.yuyueOuter>li>span,.yuyueOuter>li>input{ font-size:1.6em; }

   }


/* max-width: 780px */

@media screen and (max-width: 780px) {
 
 .bottomMenu>div>div{background-size: 25px 25px;}
.objShow>div:first-child,.yuyueBut{ font-size:1.6em;}

.tjBut,.yuyueOuter>li:first-child .yuyueOuter>li>input{ font-size:2em; }
 .yuyueOuter>li>span,.yuyueOuter>li>input,.yuyueOuter>li>button{ font-size:3em; }

.yuyueOuter>li>span:first-child{ font-size:1.4em;}

   }
/* max-width: 680px */

@media screen and (max-width: 680px) {
 
.tjBut,.yuyueOuter>li:first-child,.yuyueOuter>li>span,.yuyueOuter>li>input{ font-size:1.6em; }
  .yuyueDiv{ min-height:230px;}
   }
/* max-width: 660px */

@media screen and (max-width: 660px) {
 
 .yuyueDiv{ min-height:230px;}
 
   }
/* max-width: 580px */

@media screen and (max-width: 580px) {
 
 .bottomMenu>div>div{background-size: 25px 25px;}
.objShow>div:first-child,.yuyueBut{ font-size:1.2em;}

.tjBut,.yuyueOuter>li:first-child,.yuyueOuter>li>span,.yuyueOuter>li>input{ font-size:1.8em; }
   }
 
 
/* max-width: 415px */

@media screen and (max-width: 415px) {
 
 .bottomMenu>div>div{background-size: 25px 25px;}
.objShow>div:first-child,.yuyueBut{ font-size:1.2em;}

.tjBut,.yuyueOuter>li:first-child,.yuyueOuter>li>span,.yuyueOuter>li>input{ font-size:1.8em; }
   }
 
 
 
  
/* max-width: 380px */

@media screen and (max-width: 380px) {
 
 .bottomMenu>div>div{background-size: 20px 20px;background-position:3px 5px;line-height:32px; text-indent:1em;}
 .tjBut,.yuyueOuter>li:first-child,.yuyueOuter>li>span,.yuyueOuter>li>input{ font-size:1.8em; text-align:center;}
 
}
 
/* max-width: 325px */

@media screen and (max-width: 325px) {
 .tjBut,.yuyueOuter>li:first-child,.yuyueOuter>li>span,.yuyueOuter>li>input{ font-size:1.5em; }
 .bottomMenu>div>div{background-size: 20px 20px;background-position:3px 5px;
}
}