body,html{height:calc(100% - 123px)!important; margin:0; padding:0;  background: #ffffff !important}
.form_box{ width: 755px; height: 384px; background: #fff; box-shadow: 0 0 5px rgba(100,100,100,.2);border-radius: 20px;
    margin: 0 auto;  }
.heightcalc{ width: 100%; height:25%}
@media screen and (min-height:768px) and (max-height:768px) {
    .heightcalc{height: 17%;}
}
.hfix {
    background: #ffffff !important;
    -webkit-box-shadow: 0 0 0px rgba(134, 134, 134, .3);
    -moz-box-shadow: 0 0 0px rgba(134, 134, 134, .3);
    box-shadow: 0 0 10px rgba(134, 134, 134, .3);
    height: 75px;
}
.left_box{width: 341px; height:384px; float: left; color:#ffffff; background:url(//cdn.beiing.net/zsysoft_com/form/left.png)}
.left_box .title{font-size: 28px; font-weight: 600; padding: 45px 0 10px 50px;}
.left_box .titlesub{font-size: 22px; font-weight:500; padding: 12px 0 0 80px; letter-spacing:0px}
#btnSendCodecode{ position: absolute; right:0px;bottom:20px; font-size: 16px; cursor: pointer; border: 0;border-radius:5px; }
.djguo{background: #b0adad !important; font-size: 13px !important;}
table{ width:100%; border:0px solid #ddd;}
table,tr,td,th{border:0px solid #ddd; }
th{ text-align:right}
.imgf{float: left; margin-top:10px; margin-right: 10px; position: absolute; bottom:20px;left:20px;}
input{ height:30px; line-height:30px; width:280px; margin-left: 31px; BACKGROUND-COLOR: transparent; color:#3db8a4; font-size:16px;font-family:微软雅黑;position:relative }
.input-text, input.date, input.endDate, .input-focus{ text-indent: 0px; height:40px; border:0; border-bottom:1px solid #cccccc;}
.mfsybox{width:350px; height:370px;margin:0 auto; padding:7px 30px 7px 0;position:relative}
.mfsybox h1{ font-family:微软雅黑; font-size:24px; color:#3db8a4; text-align:center;background:#ffffff;
    width:220px;height:40px; margin:0 auto; padding:0; font-weight:500;margin-top:16px; }
img{border:0px;}
#code_img{position: absolute; top:5px; right:15px;}
ul,li{ list-style:none;}
em,i{ font-style:normal;}
.button_tj{background: rgba(61,184,164,1);
    color: rgb(32, 185, 253); cursor: pointer;margin-top:10px;
    width:280px; color:#fff; font-size:18px; border-radius:5px;
    margin-left:31px;letter-spacing:5px; border:0; height:40px; font-family:微软雅黑; font-weight:500}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#adadad;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#adadad;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:#adadad;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:#adadad;
}
td{ padding:8px 0}
.al{ width: 100%; margin-top:20px; background: #f5f5f5; padding-top: 16px;position: fixed;
    bottom: 0;}
.al h1{ font-family:微软雅黑; font-size:20px; color:#000000;
    text-align:center; background-repeat: no-repeat;
    width:400px; margin:0 auto; padding:0; font-weight:500; padding-bottom: 0px;}
.al hr{height:2px;border:none;border-top:2px solid #33b0fd; width: 40px; margin: 0 auto}
.logoimg01 {
    width: 125px;
    height: 57px;
    background: url(//cdn.beiing.net/zsysoft_com/logo_cc.png);
    margin-top: 10px;
    float: left;
}
.logoright01 .img{background: url(/statics/images/zsysoft/form/lis.jpg);
    float: left;
    width: 3px;
    height: 54px;}
.logorighttext{ color: #444444}

.td{ padding: 3px;}
.yzm{ width: 200px; float: left}
.mainform{width:390px;  float: right; border-radius:10px; margin:0 auto;}
.content{ width:350px !important}
.tdform td{position: relative}
#checkCodecode{ float: left; margin-left: 60px; width: 230px;}
.hqyzm{width:32%; font-size: 20px !important; text-indent:-5px;background: rgba(32,185,253,1); color:#ffffff;  height:30px;text-align:center}
.bottomform{ background: #ffffff;width: 100%; padding-top:15px; padding-bottom: 50px;}
table, tr, td, th {
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    font-weight: 100;
    border: 0px solid #ddd;
    height: 33px;
    line-height: 30px;}
.tdform{ margin-top: 10px;}