#content{  min-height: 100vh;  width: 100%;  background: #f0f2f1;  position: relative;  background:#000 url("http://www.haimanjiaoyu.com/act/cooperate/banner.jpg") no-repeat;  background-size:auto 100%;  background-position: bottom center;  text-align: center;  }
#content .form_box{  display: inline-block;  padding-top: 100px;  height: 500px;  margin: 0 auto;  text-align: left;}
#content .title h1{  display: inline-block;  font-size: 30px;  font-weight: 400;  width: 100px;  color: #fff;  position: relative;  }
#content .title h1:after{  content: "";  display: block;  width: 50px;  border: 1px solid #f83a34;  position: absolute;  bottom: 0;  left: 10px;  }
#content .title p{  display: inline-block;  margin-left: 20px;  vertical-align: bottom;  color: #6ca6f0;  font-size: 14px;  }
#content .title a{  color: #fff;  margin-left: 10px;  }
#content .title a:hover{  color: #f83a34;  }
#content .list li .dt{  color: #fff;  display: inline-block;  width: 100px;  }
#content .list li{  margin: 15px 0;  font-size: 16px;  line-height: 30px; position:relative; }
#content .list i{  color: #f83a34;font-size: 14px; position:absolute;top:0;left:-15px; }
#content .list input{  border: none; line-height: 30px;  border-radius: 5px;  text-indent: 5px;  outline: none;  width: 200px;  }
#content .list li .remind{display:inline-block;width:250px;text-overflow:ellipsis;white-space: nowrap;overflow:hidden;position:absolute;bottom:0;left:105%;font-size:14px;color:#f83a34;}
#content .save_btn{  display: block;  width: 120px;  margin: 0 auto;  font-size: 16px;  line-height: 30px;  text-align: center;  color: #f83a34;  border: 2px solid #f83a34;  background: rgba(0,0,0,.5);  margin-top: 40px;  }
#content .save_btn:hover{  background: rgba(0,0,0,.3); }
#results_box{width:500px;margin:0 auto;position:relative;top:100px;display:none;}
#results_box .iconfont{display:block;font-size:100px;line-height:100px;float:left;color:green;}
#results_box p{font-size:18px;line-height:25px;width:400px;float:left;color:#fff;padding:25px 0;}
#results_box a {display: inline-block;width: 100px;padding: 0 10px;margin: 0 auto;font-size: 16px;line-height: 30px;border: 2px solid #6ca6f0;color: #6ca6f0;position:relative;top:50px;}
#results_box a .iconfont {font-size: 25px;line-height: 30px;color: #6ca6f0;}
#login{width:60px;position:fixed;z-index:999;top:30%;left:50%;margin-left:-50px;display:none;}
#btn_qq{display: block;width: 26px;font-size: 14px;background: #fff;text-align: center;position: fixed;bottom: 100px;right: 15px;z-index: 999;border: 2px solid #f83a34;padding: 5px;line-height: 20px;}
#btn_qq .iconfont{font-size: 27px;line-height: 30px;color: #f83a34;}

@media screen  and (max-width: 800px){
    .min{width: 100%;max-width: none;min-width:inherit;}
    #page_size_box {display: none}
    #header{height: 50px;}
    #header .logo{margin-left: 20px;width: 30%;padding: 5px 0;}
    #header .btn{font-size: 14px;width: 50px;line-height: 50px;}
    #header .nav_list li{float: none;}
    #header #mobile_nav_btn{display: block;}
    #header .nav_list{display: block;  padding-top: 50px;}
    #header .nav_list a{font-size: 14px;line-height: 40px;}
    #header .nav_txtbox{display: block;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
    #header .nav_txtbox p{display: block;width: 50%;padding: 10px;font-size: 14px;line-height: 25px;color: #fff;}
    #header .nav_txtbox img{width: 120px;height: 120px;margin: 10px;}
    #footer{margin-top: 0;}
    #footer .fr{display: none}
    #footer p{font-size: 10px;line-height: 20px;padding: 0 10px;}
    #footer .copy p:nth-child(1){display: none;}
    #content{background-size:auto 100%;}
    #content .list li .remind{display:none;}
    #results_box{width:100%;}
    #results_box .iconfont{float:none;}
    #results_box p{width:90%;float:none;margin:0 auto;}
    #btn_qq {bottom:25px;}
}