*{margin:0;padding:0}
html{height:100%}
body{height:100%;background:#fff url(../images/bg/1.jpg) center no-repeat;background-size:90%}
.dowebok{position:absolute;left:50%;top:60%;width:430px;margin:-300px 0 0 -215px;border-radius:20px;background: rgba(255,255,255,0.9);
height: 395px;}
.logo{width: 200px;
    height: 60px;
    margin:20px auto 10px;
    background: url(../images/bg/logo.png) 0 0 no-repeat;
    background-size: 100%;}
.logo_small{width:332px;height:86px;margin:50px auto 30px;background:url(../images/bg/logo_small.png) 0 0 no-repeat}
.mytitle{width:100%;overflow:hidden;}
.mytitle .mytitleline{width:80px;height:1px;margin-top:19px;background:#333;display:block;float:left}
.mytitle .mytitleline:first-child{margin-left: 18px;}
.mytitle .mytitlename{width:230px!important;text-align:center;float:left;color:#333;line-height:40px;font-size:18px}
.form-item{position:relative;width:360px;margin:0 auto;    padding-top: 28px;}
.contentbox{width:100%;height:auto;padding:15px 30px;position: relative;box-sizing:border-box;}
.form-item input{background:#f5f5f5;width:348px;height:48px;padding-left:10px;border:1px solid #ddd;border-radius:5px;font-size:14px;color:#000;outline:0}
.form-item button{width:360px;height:40px;border:0;border-radius:4px;font-size:14px;color:#fff;outline:0;cursor:pointer;background-color:#c21119}
.tip{display:none;position:absolute;left:20px;top:52px;font-size:14px;color:#f50}
.reg-bar{width:360px;margin:20px auto 0;font-size:14px;overflow:hidden}
.reg-bar a{color:#fff;text-decoration:none}
.reg-bar a:hover{text-decoration:underline}
.reg-bar .reg{float:left}
.reg-bar .forget{float:right}
.dowebok ::-webkit-input-placeholder{font-size:14px;line-height:1.4;color:#000}
.dowebok :-moz-placeholder{font-size:14px;line-height:1.4;color:#fff}
.dowebok ::-moz-placeholder{font-size:14px;line-height:1.4;color:#fff}
.dowebok :-ms-input-placeholder{font-size:14px;line-height:1.4;color:#fff}
@media screen and (max-width:500px){*{box-sizing:border-box}
.dowebok{position:static;width:auto;height:auto;margin:0 30px;border:0;border-radius:0}
.logo{margin:50px auto}
.form-item{width:auto}
.form-item button,.form-item input,.reg-bar{width:100%}}
.style0919{width: 100%; padding-bottom:30px; padding-bottom: 15px; clear: both; line-height: 40px;padding-left: 8px;box-sizing: border-box; color: #333;}
.icon-1{position: absolute; right:30px; top:15px;cursor: pointer;}
.icon-1 i{font-size: 50px !important; color: #333 !important;}
.myblock01{display: none;}
.myblock02{display: block;}
.codeimgbox{width: 100%; text-align: center; }
.codeimgbox img{width: 200px; height: 200px;}
.logincopyright{width: 100%; position: fixed; bottom: 30px; text-align: center; color: #666;}
.style0103{text-align: center !important;display: flex;justify-content:center; flex-direction: row;font-size: 20px;align-items:center}
.style0104{font-size: 16px !important;   color: #666 !important;    padding: 0 !important;    margin: 0 !important;}
.style0103 .icon{width: 40px; height: 40px;margin-right: 10px;}