body{background-color:#f8f8f8;}
.head{ background-color:#01a8fd; height:240px; }
.logo{display:flex; height:150px; align-items:center;justify-content:center;}
.mainbox{ position:absolute; top:150px; width:100%; z-index:9;}
.guestbook{width:85%; border-radius:5px; background-color:#fff; padding:10px; min-height:100px; margin:0 auto;box-shadow: 0px 0px 6px #888888;}
.tittab{ display:flex; margin-bottom:10px;}
.tittab div{ font-size:15px; color:#999; padding:0 10px;}
.tittab .on{color:#000; font-weight:600;}
.mobile-verify{ padding:10px;}
.mobile-verify .loginp{ line-height:50px; height:50px; display:flex;}
.mobile-verify .loginp input{border:none; width:68%;}
.mobile-verify .loginp span{ color:#000;}
.mobile-verify  .bor{ border-bottom:1px solid #E9EAEC;}
#getCode{ color:#01a8fd;}
.mobile-verify .yzm input{ width:45%;}
.tpyzm{ align-items:center;}
.logsub{display:flex;align-items:center;justify-content:center; margin:25px 0px 10px;}
.logsub .submit{ width:80%; color:#fff; border:none; background-color:#01a8fd; border-radius:20px; line-height:34px; height:34px;}
#dxBox{ display:none;}
.otbox{ line-height:50px; display:flex; padding:0 30px; justify-content:space-between;}
.otbox a{  color:#01a8fd;}
.wxlogon{}
.wxlogon{display:flex;align-items:center;justify-content:center; margin:40px 0px 10px; text-align:center;}
.wxlogon a{ width:256px; color:#fff; border:none; background-color:#19BE6B; border-radius:20px; line-height:34px; height:34px;}