* { margin:0; padding:0; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:none; }
ul { margin:0; padding:0; }
li { list-style-type:none; }

.modal1 { text-align:center; }
.modal1 img { width:150px; }
.modal1 p { font-size:15px; margin: 0 0 15px; }

.PhonePanel input { height:45px !important; font:15px/20px "微软雅黑" !important; margin:0 0 10px !important; }
.PhonePanel input::-webkit-input-placeholder { font:15px/45px "微软雅黑"; color:#ccc; }
.PhonePanel .yzm { position:relative; padding-right:130px; }
.PhonePanel .get_yzm { display:block; height:45px; font:15px/45px "微软雅黑"; color:#777; text-align:center; position:absolute; right:0; top:0; width:120px; background:#fff; border:1px solid #e5e5e5; border-radius:3px; box-sizing:border-box; }
.PhonePanel .get_yzm.disable { background:#f5f5f5; color:#bbb; }
.PhonePanel .btn { margin:15px 0 0; font:14px/40px "微软雅黑"; }

.col_groups { padding:10px; overflow: hidden; }
.col_groups .group { float:left; width:25%; box-sizing:border-box; border:0px solid #f00; }
.col_groups .group > div { margin:10px; padding:20px; height:500px; background:#e5e5e5; overflow:auto; }
.col_groups .group > div:hover { background:#ddd; }
.col_groups .group > div h2 { font:18px/1.5em "微软雅黑"; color:#555; margin: 5px 0 20px; }
.col_groups .group > div .btn { margin: 15px 0; }

.level2 .btn { background:#E9CC7F !important; }
.level3 .btn { background:#5BC0DE !important; }
.level4 .btn { background:#ff7777 !important; }


@media (max-width:1920px) {
  .col_groups .group { width:16.6%; }
}

@media (max-width:1600px) {
  .col_groups .group { width:20%; }
}

@media (max-width:1440px) {
  .col_groups .group { width:25%; }
}

@media (max-width:1024px) {
  .col_groups .group { width:33.3%; }
}

@media (max-width:768px) {
  .col_groups .group { width:50%; }
}

@media (max-width:500px) {
  .col_groups .group { width:100%; }
  .col_groups .group:hover div { background:none; }
  .col_groups .group div { margin:10px; padding:0; height:auto; background:none; }
}