*{
    padding: 0;
    margin: 0;
    list-style: none;
}
html{
    font-size:15px; 
}
.bodbox{
     background-color: #333333;
}
.container{
   width: 400px;
   margin: 0 auto;
   margin-top:10%; 
   padding:0 50px;
}
.container .top{
    width: 100%;

}
.container .top h1{
    font-family:Roboto;
    font-size: 60px;
    font-weight: lighter;
    color:#226eca;
    line-height: 1.3em;
}
.container .top h2{
    font-family:"幼圆";
    font-size: 26px;
    font-weight: lighter;
    color:#ffffff;
    line-height: 1.3em;
}
.container .center{
margin-top:20px; 

}
.container .center .gezi {
    margin-top:20px; 
}
.container .center .gezi p{
    color: #ffffff;
    font-size: 16px;
    line-height: 2em;
    font-family:"幼圆";
}
.container .center .gezi input{
    width: 100%;
    height: 32px;
    border: 1px solid #6b6a6a;
    color: #ffffff;
    background: none;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;

}
.container .center .gezi input:focus{
    border: 1px solid #ffffff;
}
.container .center .gezi input[type="submit"]{
        margin-top: 20px;
        height: 40px;
        border:none; 
        background:#226eca;
        width: 160px;
}

@media screen and (max-width: 600px) {
    .container{
        width: 80%;
        margin: 0 auto;
        margin-top:20%; 
        padding:0 10%;
     }
     .container .top{
         width: 100%;
     }
     .container .top h1{
         font-family:Roboto;
         font-size: 60px;
         font-weight: lighter;
         color:#226eca;
         line-height: 1.3em;
     }
     .container .top h2{
         font-family:"幼圆";
         font-size: 26px;
         font-weight: lighter;
         color:#ffffff;
         line-height: 1.3em;
     }
     .container .center{
        margin-top:20px; 
     
     }
     .container .center .gezi {
         margin-top:20px; 
     }
     .container .center .gezi p{
         color: #ffffff;
         font-size: 16px;
         line-height: 2em;
         font-family:"幼圆";
     }
     .container .center .gezi input{
         width: 100%;
         height: 32px;
         border: 1px solid #6b6a6a;
         color: #ffffff;
         background: none;
         box-sizing:border-box;
         outline: none; 
         font-size: 16px;

     }
     .container .center .gezi input:focus{
         border: 1px solid #ffffff;
     }
     .container .center .gezi input[type="submit"]{
             margin-top: 20px;
             height: 40px;
             border:none; 
             background:#226eca;
             width: 100%;
			 
     }
}
.bigcontainer{
    width: 1240px;
    margin: 0 auto;
}
.topbar{
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #333333
}
.topbar h1{
    font-size: 1.5rem;
    color: #333333;
    line-height: 60px;
    text-align: left;
    font-weight: lighter;
} 
.bdcontent{
    font-family: "幼圆";
    margin-top:20px; 
}
.bdcontent .content_box{
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 48%;
    overflow: hidden;
    box-sizing: border-box;
    margin-top:30px; 
}
.bdcontent .content_box .header_box{
    background-color: #f5f5f5;
    border-bottom:1px solid #ddd; 
   
}
.bdcontent .content_box .header_box h3{
     margin-left:20px; 
    font-size: 1.2rem;
    color: #333333;
    line-height: 40px;
    text-align: left;
    font-weight: lighter;
}
.bdcontent .content_box .center_box{
    padding: 20px;

}
.bdcontent .content_box .center_box p{
    color: #333333;
    font-size: 16px;
    line-height: 2em;
    font-family:"幼圆";
}
.bdcontent .content_box .center_box .text_box input{
   width: 100%;
    height: 32px;
    border: 1px solid #ddd;
    color: #333333;
    background: none;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;
    text-indent: .5em;
}
.bdcontent .content_box .btn_box , .text_box{
    margin-top:20px; 
}
.bdcontent .content_box .btn_box input{
   width: 150px;
    height: 32px;
  
    border: 1px solid #ddd;
      border-radius:5px; 
    color: #337ab7;
    background: #ffffff;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;
    line-height: 32px;
}
.bdcontent .content_box .center_box .text_box input:focus{
     border: 1px solid #333333;
     }
.floatleft{
    float: left;
    margin-right: 2%;
       margin:20px 0 ; 
}
.floatright{
    float: right;
    margin-left: 2%;
       margin:20px 0 ; 
}
.tableind,.tableduo{
    width: 100%;
    text-align: center;
    border-collapse:collapse; 
}
.tableind tr{
    height: 40px;
    font-family: "幼圆";
    box-sizing: border-box;
}
.tableind tr th{
    width: 50%;
    font-family: "微软雅黑";
    font-size:1.2rem;
    font-weight: bold; 
    line-height: 40px;

}
.tableind tr td{
     width: 20%;
    border-top: 1px solid #ddd; 
    box-sizing: border-box;
    font-size:1rem; 
    line-height: 40px;
}
.tablduo tr{
    height: 40px;
    font-family: "幼圆";
    box-sizing: border-box;
}
.tablduo tr th{
    width: 50%;
    font-family: "微软雅黑";
    font-size:1.2rem;
    font-weight: bold; 
    line-height: 40px;

}
.tablduo tr td{
     width: 20%;
    border-top: 1px solid #ddd; 
    box-sizing: border-box;
    font-size:1rem; 
    line-height: 40px;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 4px 10px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
@media screen and (max-width: 800px) {
    .bigcontainer{
    width:100%;
}
.topbar{
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #333333
}
.topbar h1{
    font-size: 1.5rem;
    color: #333333;
    line-height: 60px;
    text-align: left;
    font-weight: lighter;
    margin-left: 5%;
} 
.bdcontent{
    font-family: "幼圆";
    margin-top:20px; 
    padding:0 5% ; 
}
.bdcontent .content_box{
    border: 1px solid #ddd;
    border-radius: 5px;
    width:100%;
 
    overflow: hidden;
    box-sizing: border-box;
    margin-top:30px; 
}
.bdcontent .content_box .header_box{
    background-color: #f5f5f5;
    border-bottom:1px solid #ddd; 
   
}
.bdcontent .content_box .header_box h3{
     margin-left:20px; 
    font-size: 1rem;
    color: #333333;
    line-height: 40px;
    text-align: left;
    font-weight: lighter;
}
.bdcontent .content_box .center_box{
    padding: 20px;

}
.bdcontent .content_box .center_box p{
    color: #333333;
    font-size: .9rem;
    line-height: 2em;
    font-family:"幼圆";
}
.bdcontent .content_box .center_box .text_box input{
   width: 100%;
    height: 32px;
    border: 1px solid #ddd;
    color: #333333;
    background: none;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;
    text-indent: .5em;
}
.bdcontent .content_box .btn_box , .text_box{
    margin-top:20px; 
}
.bdcontent .content_box .btn_box input{
   width: 100%;
    height: 32px;
    border: 1px solid #ddd;
     border-radius:5px; 
    color: #337ab7;
    background: #ffffff;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;
    line-height: 32px;
}
.bdcontent .content_box .center_box .text_box input:focus{
     border: 1px solid #333333;
     }
.floatleft{
    float: none;
    margin-right: 0;
 
}
.floatright{
    float: none;
    margin-left: 0;
 
}
.tablduo{
    overflow: scroll;
}
.tableind tr th{
    width: 50%;
    font-family: "微软雅黑";
    font-size:1.1rem;
    font-weight: bold; 
    line-height: 40px;

}
.tableind tr td{
     width: 50%;
    border-top: 1px solid #ddd; 
    box-sizing: border-box;
    font-size:.5rem; 
    line-height: 40px;
}
}
@media screen and (min-width:801px) and (max-width: 1240px) {
   .bigcontainer{
    width:100%;
}
.topbar{
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #333333
}
.topbar h1{
    font-size: 1.5rem;
    color: #333333;
    line-height: 60px;
    text-align: left;
    font-weight: lighter;
    margin-left: 5%;
} 
.bdcontent{
    font-family: "幼圆";
    margin-top:20px; 
    padding:0 5% ; 
}
.bdcontent .content_box{
    border: 1px solid #ddd;
    border-radius: 5px;
    width:48%;
    overflow: hidden;
    box-sizing: border-box;
    margin-top:30px; 
}
.bdcontent .content_box .header_box{
    background-color: #f5f5f5;
    border-bottom:1px solid #ddd; 
   
}
.bdcontent .content_box .header_box h3{
     margin-left:20px; 
    font-size: 1.2rem;
    color: #333333;
    line-height: 40px;
    text-align: left;
    font-weight: lighter;
}
.bdcontent .content_box .center_box{
    padding: 20px;

}
.bdcontent .content_box .center_box p{
    color: #333333;
    font-size: 16px;
    line-height: 2em;
    font-family:"幼圆";
}
.bdcontent .content_box .center_box .text_box input{
   width: 100%;
    height: 32px;
    border: 1px solid #ddd;
    color: #333333;
    background: none;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;
    text-indent: .5em;
}
.bdcontent .content_box .btn_box , .text_box{
    margin-top:20px; 
}
.bdcontent .content_box .btn_box input{
   width: 100%;
    height: 32px;
    border: 1px solid #337ab7;
     border-radius:5px; 
    color: #337ab7;
    background: #ffffff;
    box-sizing:border-box;
    outline: none; 
    font-size: 16px;
    line-height: 32px;
}
.bdcontent .content_box .center_box .text_box input:focus{
     border: 1px solid #333333;
     }
.floatleft{
    float: left;
    margin-right: 2%;

}
.floatright{
    float: right;
    margin-left:2%;

}
}