@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
    margin:0;
    padding:0;
    border: none;
}
html{
  /*font-size:62.5%;*/
}
*::after, *::before {
    box-sizing: border-box;
}
/*
body {
    font-family: 微软雅黑,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    line-height: 1;
    color: #333;
    word-break: break-all;
}
*/

/*这个请不要注释*/
body{
    font-size:13px;
    background:#fff;
    color:#333;
}

ul, li, p, a {
  list-style:none;
  text-decoration:none;
  margin:0;
  padding:0;
}

a {
  color:#5b5b5b;
  outline: medium none;
}
img {
  vertical-align:middle;
  border:none;
}
img {
    width:100%;
}
.mb-0 {margin-bottom:0 !important;}
.clearfix::before, .clearfix::after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.left{ float:left;}
.right{ float:right;}
.mp-10{ margin-top: 10px;}
.mb-10{ margin-bottom: 1rem !important;}
.color-yellow {color:#ff8200 !important;}
.color-red  {color: red !important;}
.bg-green {background:#48ca0a !important;}
.mb-10 { margin-bottom: 1rem !important;}
.padding-top-sm {padding-top:.5rem !important;}
.padding-bottom-sm {padding-bottom:.5rem !important;}
.padding-right-sm {padding-right:.5rem !important;}
.padding-left-sm {padding-left:.5rem !important;}
.padding-sm {padding:1rem !important;}
.padding-0-sm {padding:0 1rem !important;}
.img {width:100%;}
.pull-left {float:left !important;}
.pull-right {float:right !important;}
.text-center {text-align: center;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.color-gray {color:#999 !important;}
.margin-left-sm {margin-left:10px !important;}
.margin-top-sm {margin-top:.625px !important;}
.bg-white {background:#fff !important;}

.main-box {position:relative;max-width: 720px;margin:auto;}
.top-box {position: relative;  padding: 5px 15px;   color: #fff;background-image: linear-gradient(to right, #5b82ff, #6f91ff);}
.top-box .page-return {  position: absolute;  display: inline-block; top: 10px; left: .6rem;  width: 25px;  height: 25px;  background: url(../images/ico-left.png);  background-size: 100% 100%;}
.top-box h2 {  font-size: 18px;padding:.3rem 0;  font-weight: normal;  text-align: center;  width: 70%;  margin: auto;}

.info-box {padding:10px 15px;line-height: 22px;}

.zf-title {position:relative;font-size:15px;padding:15px 0 5px;color:#5b82ff;padding-left:8px;display: flex;align-items: center;}
.zf-title:after {position: absolute;left:0;width:3px;height: 12px;border-radius: 3px;background:#5b82ff;content: "";}

table { border-top:1px solid #ddd !important;margin:10px 0; border-left:1px solid #ddd!important;width: 100%;}
table tr th,table tr td {line-height:20px;border-top:0 !important;border-left:0 !important;border-bottom:1px solid #ddd !important;padding:3px;border-right: solid 1px #ddd !important;text-align: center;}
table tr th {font-weight:700;background:#f8f8f8 !important}

@media (max-width:450px){
	.zf-title {display: none;}	
}
@media (min-width:450px){
	.top-box {display: none;}	
}