@charset "utf-8";
html {
  color: #333;
  background: #F5F6F7;
  overflow-y: auto;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html * {
  outline: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  font-size: 14px;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

input,
select,
textarea {
  font-size: 100%;
}

/* 去掉各 Table  cell 的边距并让其边重合 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 去除默认边框 */
fieldset,
img {
  border: 0;
}

/* 去掉 firefox 下此元素的边框 */
abbr,
acronym {
  border: 0;
  font-variant: normal;
}

/* 一致的 del 样式 */
del {
  text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 500;
}

/* 去掉列表前的标识, li 会继承 */
ol,
ul {
  list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,
th {
  text-align: left;
}

/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 500;
}

q:before,
q:after {
  content: '';
}

/* 统一上标和下标 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
  text-decoration: underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins,
a, a:hover, a:focus, a:visited {
  color: inherit;
  text-decoration: none;
}


/*公共样式*/
.clear {
  clear: both;
}

a {
  cursor: pointer;
}

.f-l {
  float: left;
}

.f-r {
  float: right;
}

.cp {
  cursor: pointer;
}

.color-blue {
  color: #0DC2FD;
}

.color-blue.btn:hover {
  color: #02b3ed;
}

.color-gray {
  color: #969999;
}

/*头部*/
.header {
  height: 90px;
  line-height: 90px;
  background: #ffffff;
  padding: 0 45px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* overflow: hidden; */
  font-size: 18px;
  border-bottom: 1px solid #E5E5E5;
  z-index: 5;
}

.header > div > * {
  vertical-align: middle;
}

.header .dividing-line {
  display: inline-block;
  height: 28px;
  width: 1px;
  background: #cccccc;
  margin: 31px 20px;
}

/*底部*/
.footer {
  height: 85px;
  line-height: 85px;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #EBEDED;
  color: #7F8B8F;
  text-align: center;
  z-index: 5;
}

/*内容*/
.article {
  width: 1040px;
  margin: 125px auto;
}

/*卡片*/
.card {
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
}

/*蓝色按钮*/
.btn-blu {
  padding: 10px 30px;
  background: #00AFE8;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.2s;
  -webkit-transition: background 0.2s;
}

.btn-blu:hover {
  background: #049bcc;
}

/*灰色色按钮*/
.btn-gray {
  padding: 10px 30px;
  background: #F5F6F7;
  font-size: 16px;
  line-height: 18px;
  color: #666666;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.2s;
  -webkit-transition: background 0.2s;
}

.btn-gray:hover {
  background:#e8ebed;
}

.font16{font-size:16px;}
.font-bold{font-weight:bold}
.mar-top40px{margin-top:40px}
.table_operate{cursor: pointer;}
.table_operate:hover{color:#00AFE8;}
.content_title{color:#333333;font-weight: bold;font-size:16px;line-height:1.7em}
.form_box_content{display:block;width:100%;margin-top:20px;}
.form_box_content .form-box-text-item{width:calc(50% - 80px);display:inline-block;background:#F7F9FA;padding:15px 30px;}
.form_box_content .form-box-text-item:nth-child(2n+1){margin-right:20px;}
.form-box-label{width:100%;display:block;line-height:1.7em;margin-bottom:15px;}
.form-box-content{color:#969899;line-height:1.7em;}
.form-box-content input{color:#969899;border:none;}
.text-center{text-align:center;}
.text-red{color:#FC6152;}
.mar-left40{margin-left:40px;}
.form-box-number{font-size:30px;}
.form-box-content.form-box-number input{border:1px solid #a5a5a5;border-radius:3px;padding:5px 15px;max-width:200px;margin:15px 10px 0 0}
.form-box-content.form-box-number span{font-size:18px;}
.return_sep{display:block;color:#666666;margin:10px auto 0 ;width:162px;}
.main.card .form1{display:none}
.main.card .form1.act{display:block}
h4.table-title-rlink{margin-top:35px;    padding-right: 35px;}
.color-blue{color:#00AFE8 !important;}
.refundaudit{position: relative;padding-bottom:80px !important;width:100%;}
.refundaudit-box{max-height:calc(100vh - 400px);overflow-y: auto;}
.bottom-operat{text-align:center;padding:20px 0;position:absolute;bottom:0;width:100%;}
.bottom-operat button{padding:8px 30px;min-width:150px;margin:20px 10px 0;font-size:16px;color:#fff;border-radius:3px;border:none;cursor: pointer;}
.bottom-operat button.btn-red{background:#D7572C;}
.bottom-operat button.btn-red:hover{background:#c84519;}
.bottom-operat button.btn-blue{background:#00AFE8;}
.bottom-operat button.btn-blue:hover{background:#0092c1}
/*注册人姓名*/
.person-name{padding-right:20px;background:url(../images/shape.png) right center no-repeat;    background-size: auto 8px;}
.person-list{position: absolute;
  top: 70px;
  background: #fff;
  padding: 15px 20px;
  transform: translateX(-15px);
  font-size: 16px;
  line-height: 2em;
  border: 1px solid #E5E5E5;}
.person-list li a:hover{color:#00AFE8;}
.person-list li a.active{color:#00AFE8;}
.color_grey{color:#bfbfbf;}
/*卡包*/
.card-box-item{width:calc(50% - 60px);display:inline-block;margin:13px 0 ;border-radius:3px;border:2px solid #E7E7E7;padding:10px 20px;line-height: 2em;min-height:88px;
  vertical-align: top;}
.card-box-item:nth-child(2n+1){margin-right:26px;}
.card-box-item .color-gray,.card-box-item .color-blue{font-size:14px;}
.addcard{    text-align: center;background:url(../images/addcard.png) no-repeat;    background-position: calc(50% - 50px) 31px;
  line-height: 88px;
  font-weight: 600;
  padding-left: 25px;}
/*选择银行卡*/
.overlayer{    width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;display:none;}
.choose-card {    background: #fff;
  width: 760px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  padding: 20px 20px 90px;
  max-height: calc(100% - 200px);
  max-width: 100%;border-radius:5px;}
.choose-card .card-box {  max-width: 660px;margin: 0 auto; max-height: 420px;overflow-y: auto;}
.choose-card .card-box .card-box-item{min-height:auto;}
.choose-card .card-box .card-box-item:hover ,.choose-card .card-box .card-box-item.choose{border:2px solid #00AFE8;background:rgba(0, 175, 232, 0.1)}
.choosecard_btn{text-align:center;padding:20px 0;position:absolute;bottom:20px;    width: calc(100% - 40px);}
.choosecard_btn .c_card_btn{margin:0 10px;min-width:140px;display: inline-block;}
.no-card{background: #fff;
  width: 320px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  padding: 50px;
  max-height: calc(100% - 200px);
  max-width: 100%;border-radius:5px;text-align:center;}
.no-card img{width:126px;}
.overlayer .close-layer{cursor: pointer;}
.cardselect select {
  display: inline-block;
  width: 100%;
  border: 1px solid #E6E6E6;
  height: 38px;
  line-height: 38px;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 5px;
  transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
}

.writecode{background: #fff;
  width: 480px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  top: 50%;
  padding: 50px;
  max-height: calc(100% - 200px);
  max-width: 100%;border-radius:5px;text-align:center;}
.pad-top35{padding-top:35px !important;}
.writecode_submit{width:100%;text-align:center;margin-top:35px;}
/*财务列表*/
.position_re{position:relative;padding-bottom: 80px;}
.pagebox{text-align:center;width:100%;position:absolute;bottom: 0;padding: 20px 0;}
.pagebox a{ padding: 8px;background: #ebeded;border-radius: 3px;margin: 5px;}
.pagebox a.selepage,.pagebox a:hover{background: #00afe8;color: #fff;}
.order h4.table_title{width:100px;display:inline-block;vertical-align: middle;}
.table_search{width:calc(100% - 150px);display:inline-block;text-align: right;vertical-align: middle;margin-bottom: 20px;}
.seach_box{width:auto ;display:inline-block;}
.seach_box label{vertical-align: middle;}
.seach_box input{    font-size: 12px;border: 1px solid #d8d8d8; height: 24px;line-height: 24px;border-radius: 3px;padding:0 5px;vertical-align: middle;}
.seach_box select{    font-size: 12px;border: 1px solid #d8d8d8;height: 26px;line-height: 26px;border-radius: 3px;vertical-align: middle;margin-left:15px;}
.seach_box input[type=date]{width:110px;}
.table_search button{    background: #00AFE8;
  font-size: 14px;
  color: #ffffff;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  vertical-align: middle;}
.table_search button:hover{background:#049bcc;}
.thead_sele{    color: #7D7F80;border:none;font-size:16px; background: #f6f6f6;}