.wrap label,.hide label{display: block;}
/*#btn,#savebtn{color: #fff;width: 80%;margin:28px auto;font-size: 0.26rem;background: #ff4e3b;}*/
.right{color: #fff;/* text-shadow: 0 0 10px rgba(0,0,0,.5)*/;}
/*.wrap{width:5.7rem;margin: 20% auto;}*/
.wrap h2,.hide h2{font-size: 0.3rem;text-align: center;color: #fff;margin-bottom: .5rem;font-weight: 600;letter-spacing:2px}
.wrap h1,.hide h1{font-size: 0.2rem;text-shadow:none;width: 1rem;color: #fff;text-align: left;height: .5rem;line-height: .5rem;}
p{font-size: .16rem;}
.wrap label input,.hide label input{width: calc(100% - 1rem);display: block;margin-top: 0;text-shadow: none;padding: 0 4px !important;height:.5rem;color: #000;background: #fff;}
body{background: url(../images/dlbg.png) bottom center no-repeat; background-size:100% 100%;}


.hide-wrap{width: 100%;position: fixed;left: 0;top: 0;height: 100vh;background: rgba(0,0,0,.4);display: none;}
/*.hide{width: 80%;margin: 5% auto;box-shadow: 0 0 30px rgba(111, 137, 150, 0.41);padding: 40px 40px ;position: relative;z-index: 9999;background-color: rgba(0,37,76,0.6);}*/
.wrap,.hide{width: 5.7rem;height: 5.4rem;margin: 0 auto;background-color: rgba(0,37,76,0.6);;padding: .6rem;position: relative;top: calc(50% - 2.85rem);left: calc(50% - 2.65);border: none;}
.hide-msg{width: 100%;height: 100vh;position: absolute;z-index: 999;top: 0;left: 0;}
.hide{height: 5.7rem;position: relative;top: calc(50% - 2.85rem);left: calc(50% - 2.65);margin: 0 auto;z-index: 9999;background-color: rgba(0,37,76,1);}


.ww{color: #333 !important;}

#wite{font-size: 0.16rem;position: absolute;right: 0;top: 0;width: 1.1rem;background: #409EFF;color: #fff;border-radius: 0 6px 6px 0;}
#btn{box-shadow: none;height: .6rem;width: 1.9rem;font-size: .24rem;}
#savebtn{box-shadow: none;height: .6rem;width: 1.9rem;font-size: .24rem;box-shadow: none;background: #409EFF;}
#pass{padding: 0 4px !important;}



#guan{position: absolute;top: 0;right: .1rem;font-size: .2rem;z-index: 9999999999999;text-shadow:none;width: 1rem;color: #fff;text-align: right;height: .5rem;line-height: .5rem;padding: .2rem;font-weight: 0;cursor: pointer;}

@media only screen and (min-width: 100px) and (max-width: 750px) {
	.wrap, .hide{width: 80%;height:auto;top: 20px;}
	.wrap label{margin-top: 20px;}
	.wrap h2,.hide h2{font-size: 24px;text-align: center;color: #fff;margin-bottom: .5rem;font-weight: 600;letter-spacing:2px}
.wrap h1,.hide h1{font-size: 20px;text-shadow:none;width: 100px;color: #fff;text-align: left;height: 40px;line-height: 40px;}
p{font-size: 16px}
.wrap label input,.hide label input{width: calc(100% - 100px);display: block;margin-top: 0;text-shadow: none;padding: 0 4px !important;height:40px;color: #000;background: #fff;}
#btn{box-shadow: none;height: 40px;width: 190px;font-size: 24px;}
#savebtn{box-shadow: none;height: 40px;width: 190px;font-size: 24px;box-shadow: none;background: #409EFF;}
#wite{font-size: 16px;position: absolute;right: 0;top: 0;width: 110px;background: #409EFF;color: #fff;border-radius: 0 6px 6px 0;}
}