@charset "utf-8";
/* CSS Document */
*,
*::before,
*::after {
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
html { font-size: 62.5%;}
html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, form, table, input, select, button, textarea, iframe, tr, td, samp { padding: 0; margin: 0; }
body { font-family: "microsoft yahei", Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; color: #333; background-color:#252525;}
body { background-color:#F6F6F6; margin:0; /*background-image: url(../../img/bg.png);*/}
button, input, optgroup, option, select, textarea { outline:0;}
textarea { font-size: 12px; }
img { border: none; }
a { color: #333; text-decoration: none; }
a:hover { color:;
}
a:focus { outline: none; }
a {
blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline: none; /* FF Opera */ }
a:focus { -moz-outline-style: none; /* FF */ }
i { font-style: normal; }
ul, dl, ol, li { list-style: none outside none; }
/*input{margin:0; padding:0; border:#dedede 1px solid;}*/
.clear { clear: both; font-size: 0px; height: 1px; line-height: 1px; margin: 0; padding: 0px; }
.fl { float: left }
.fr { float: right }
.ellipsis { overflow: hidden; text-overflow: ellipsis; word-break: keep-all; white-space: nowrap; }
.red { color: #f00; }
.color { color: #00a3d3; }
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.opacity { _filter: alpha(opacity=80); -moz-opacity: 80; opacity: 80; opacity: 0.8 !important; }
.border-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.mr0 { margin-right:0 !important;}
.nowrap {white-space: nowrap !important;}
.relative { position:relative;}
.size16 { font-size:1.6rem !important;}
.size15 { font-size:1.5rem !important;}
/** html div {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="public.png");
background:none;
}*/
input::-webkit-input-placeholder { 
	color: #999; 
	-webkit-transition: color.5s; 
} 
input:focus::-webkit-input-placeholder, input:hover::-webkit-input-placeholder { 
	color: #999; 
	-webkit-transition: color.5s; 
}
input:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/ 
	color:#999;
}
input::-moz-placeholder {  /* Mozilla Firefox 19+*/ 
	color:#999;
}
input:-ms-input-placeholder { /* Internet Explorer 10+*/ 
	color:#999;
}


@font-face {
  font-family: 'iconfont';
  src: url('../../../../vendor/iconfont/iconfont.woff2?t=1690124195899') format('woff2'),
       url('../../../../vendor/iconfont/iconfont.woff?t=1690124195899') format('woff'),
       url('../../../../vendor/iconfont/iconfont.ttf?t=1690124195899') format('truetype');
}
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.box { background-color: #fff; margin: 0 auto; max-width: 1920px; min-width: 1000px; }
.flex { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; }
.flex-wrap { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; flex-wrap:wrap;}
.main { width: 1200px; margin: 0 auto; }
/*è‡ªåŠ¨é«˜å¯¹é½*/
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
*html .clearfix { height: 1%; zoom: 1; }
*+html .clearfix { height: 1%; zoom: 1; }

.box100 { background-color:; height:100%; width:100%; padding:2%;box-sizing: border-box;}
.table-data .title-top { color:#333; background-color:#FFF; padding:10px; font-size:1.5rem;}
.table-data .title-top a#home {float:right; color:#124F8F;}
.table-data .notes { color:#666; background-color:#FFF; padding:0.75rem; border-left:#F30 solid 0.2rem; margin-top:0.5rem; display:none; font-size:1.4rem;}
.table-data .notes a { color:#2440b3;}
.table-data .notes a:hover { color: #0080DD;}
.table-data .table-search { color:#666; background-color:#FFF; padding:1rem 0 0 1rem; margin-top:0.5rem;}
.table-data .table-search .line-search { display:inline-block; height:3.6rem; line-height:3.6rem; margin-right:0.75rem; margin-bottom:0.75rem;border:#DDD solid 1px; width:20rem; border-radius:3px; overflow:hidden;vertical-align: bottom;/*解决加了oveerflow导致其它元素错位问题*/}
.table-data .table-search .line-search .input-search { height:3.4rem;padding:0 0.75rem; width:100%; border-width:0; background-color:; display:block;}
.table-data .table-search .line-search .select-search { height:3.4rem;padding:0 0.75rem; width:100%; border-width:0; background-color:#FFF; display:block;}
@media only screen and (max-width: 450px) {
	.table-data .table-search .line-search { width:47%;}
}
@media only screen and (max-width: 360px) {
	.table-data .table-search .line-search { width:100%;}
}

.table-data .table { width:100%; background-color:#FFF; margin-top:0.5rem; padding:0; overflow:auto; position:relative; border:solid 1rem #FFF;box-sizing: border-box;}

.table-data .table table {width:100%;table-layout:fixed;}
.table-data .table-search .btn-search { padding: 0 1em; color: #FFF; cursor: pointer; height: 3.6rem; line-height: 3.6rem; background-color: #0080DD; border-radius: 3px; font-size: 1.3rem; display: inline-block; text-decoration: none; margin-right:0.75rem;margin-bottom:0.75rem;} 
.table-data .table-search .btn-search .iconfont { margin-right:0.35rem; font-size:1.5rem;}
.table-data .table-search .btn-reset { background-color:#EEE; color:#333;}
.table-data .table-search .btn-search:hover { opacity:0.8;}

.table-data .table .table-content {width:100%; border-bottom:#F3F3F3 solid 0px;table-layout:fixed;}

/***view-box最外层***/
@font-face{
	font-family:"CEYYTW02";
	src:url('../../../../vendor/font/zhankucanger/TsangerYuYangT_W02_W02.ttf')
}
.box-plan {font-family: "CEYYTW02";}
.table-data .table-box {width:100%;}
.table-article-member .title { margin:0.5em 0.5em;}
.table-article-member .title h2 { font-size:1.8rem; line-height:2em;}
.table-article-member .title p { font-size:1.4rem; line-height:2em;}
.table-data .table-head { }

/***表主体父元素***/
.sheet-parent { position:relative;}
.sheet-parent .sale { position:absolute; width:180px; height:180px; left:3em;}
.sheet-parent .sale .sale-con { position:relative; width:100%; height:100%;transform: rotate(-30deg);}
.sheet-parent .sale .sale-con .bg { position:absolute;width:100%; height:100%; font-size:150px !important; color:#F30; opacity:0.98;}
.sheet-parent .sale .sale-con .c { position:absolute;width:100%; height:100%; font-size:3.5rem !important; color:#FFF; line-height:160px;font-family: "microsoft yahei", Arial, Helvetica, sans-serif;}
.sheet-parent .sale .sale-con .c span {font-size:7rem !important; font-weight:bold; color:#FFF; margin-right:-0.15em;}
/***表头/表主体table列宽***/
/*.table-box .col-start{width:3rem; text-align:center;}
.table-box .col-1{width:100px;}
.table-box .col-2{width:100px;}
.table-box .col-3{width:100px;}
.table-box .col-4{width:20%;}
.table-box .col-5{}
.table-box .col-end{min-width:110px;}*/

.table-box tr th { background-color:#ebedf5;border-right:#FFF solid 1px;}
.table-box tr td { border-right:#FFF solid 1px;background-color:#FFF;border-bottom: 1px solid #F9F9F9;}
.table-box tr:nth-child(even) td {background-color:#F9F9F9;}
.table-box tr:hover td {background-color: #FFC !important;}
.table-box .tr-selected-bg td { background-color: #FFC !important; }
.table-box tr th > div,.table-box tr td > div { font-size:1.3rem; padding:0.5rem; line-height:2em;word-break:keep-all;/* 不换行 */

        white-space:nowrap;/* 不换行 */

        overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */

        text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/}
.table-box tr td .btn-exe { padding: 0 0.75em; color: #FFF; cursor: pointer; height: 2.2em; line-height: 2.2em; background-color: #0080DD; border-radius: 3px; font-size: 1.2rem; box-shadow: 2px 2px 3px #b1bdc9; display: inline-block; text-decoration: none;white-space: nowrap; }
.table-box tr td .btn-exe:hover { opacity:0.8;}
.table-box tr td .btn-ml { margin-left:1rem;}
.table-box tr td .btn-edit { margin-left:0rem;}
.table-box tr td .btn-del { background-color:#F30;}
.table-box tr td .btn-status { cursor:pointer; color:;}
.table-box tr td .btn-red { background-color:#F30 !important;}

.table-box tr td span.text { line-height:2em; display:inline-block;}

.table-box tr td .status-dot { font-size:0.8rem; color:#CCC;margin-right:0.4rem;zoom:0.8;}
.table-box tr td .status-dot-success { color:#00BF5C;}
.table-box tr td .status-dot-warning { color:#FF9100;}
.table-box tr td .status-dot-waitpay { color: #F40B2E; }
.table-box tr td .status-dot-blank { opacity:0.1;}
.table-box tr td .status-dot-none { display:none;}

.table-box tr .cell-sticky-left {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
  left: 0; /*background-color:#FFF;*/
}

.table-box tr .cell-sticky-left {
}
.table-box tr .cell-sticky-left-last::after {
  position: absolute;
  top: -100%;
  bottom: -1px;
  width: 30px;
  content: "";
  pointer-events: none;
  transition-property: box-shadow;
  transition-duration: 0.2s;
}
.table-box tr .cell-sticky-left-last::after {
  right: 0;
  clip-path: polygon(50% 50%, 150% 50%, 150% 100%, 50% 100%);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06), 0 7px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 16px 4px rgba(0, 0, 0, 0.04);
}
.table-box tr .cell-sticky-no::after {
	box-shadow:none !important;
}

.table-box .table-control .btn-control { padding: 0 1em; color: #FFF; cursor: pointer; height: 3.2rem; line-height: 3.2rem; background-color: #0080DD; border-radius: 3px; font-size: 1.4rem; display: inline-block; text-decoration: none; margin-right:0.75rem;margin-bottom:0.75rem;}
.table-box .table-control {}
.table-box .table-control .total { line-height:3.2rem; flex:1; font-size:1.3rem; color:#666;}
.table-box .table-control .total .number { padding:0 0.25em; font-weight:bold; font-size:1.4rem; color:#333;}
.table-box .table-control .buttons {text-align:right; min-width:142px;}
.table-box .table-control .btn-control:hover { opacity:0.8;}
.table-box .table-control .btn-del-batch { background-color:#F30;}
.table-box .table-control .btn-grey { background-color: #EEE;color:#333; }
.table-box .table-control .btn-red { background-color: #F30;color:#FFF; }

.table-box tr td .text_link { /*color:#124F8F;*/}
.table-box tr td .text_link:hover { color:#0080DD;}

.table-box tr td .btn-oby { font-size:1.8rem; cursor:pointer; padding:0.25em; margin:0 0.25em; color:#999;border-radius:3px;}
.table-box tr td .btn-oby:hover { color:#0080DD;}

.table-box .col-start > div { position:relative; min-height:3rem;}
input.check-all,input.check-id { display:none;}
.check-all +label,.check-id +label { display: block; width: 1.8rem; height: 1.8rem; cursor: pointer; position: absolute; top: 0.6rem; left: 0.6rem; background-color: #FFFFFF; border-radius: 3px;  border:#CCC solid 1px;}
.table-box tr td .avatar { width:auto; height:3em; display:block;}

/*表单*/
.form-box { color:#666; background-color:#FFF; padding:1rem 0rem; margin-top:0.5rem;}
.form-box .form-line-item { min-height:3.6rem; line-height:3.6rem; padding-right:1rem; margin-bottom:1rem; width:20rem; overflow:hidden;vertical-align: bottom;/*解决加了oveerflow导致其它元素错位问题*/ width:50%;}
.form-box .form-line-100 { width:100% !important;}
@media only screen and (max-width: 720px) {
	.form-box .form-line-item { width:100%;}
}
.form-box .form-line-item label.form-line-left { width:12rem; text-align:right; padding:0 1.5rem 0 1rem; font-size:1.4rem; color:#666; position:relative;}
.form-box .form-line-item .input-block { flex:1; font-size:1.4rem; color:#111;}
.form-box .form-line-item .input-item { height:3.6rem;padding:0 0.75rem; width:100%; border:#DDD solid 1px; background-color:; display:block; border-radius:3px; font-size:1.4rem;}
.form-box .form-line-item .input-text { height:40rem;padding:0.75rem; width:100%; border:#DDD solid 1px; background-color:; display:block; border-radius:3px; font-size:1.5rem;color:#000; line-height:1.5em;}
.form-box .form-line-item .input-ext { padding-left:0.5em;}
.form-box .form-line-item .input-notes { line-height:2em; font-size:1.1rem; color:#999;}
.form-box .form-line-item label.required::after {
    content: '*';
    color: red;
    position: absolute;
    margin-left: 4px;
    font-weight: bold;
    line-height: 1.4rem;
    top: 1.4rem;
    right: 0.7rem;
}
.form-box .form-line-item .select-item { height:3.6rem;padding:0 0.75rem; width:100%; border:#DDD solid 1px; background-color:#FFF; display:block; border-radius:3px;}
.form-box .form-line-button { width:100%; padding:1em;justify-content: flex-end;}
.form-box .form-line-button a { height:4rem; line-height:4rem; text-align:center; width:25%; background-color:#FFF; display:block; border-radius:3px; margin-right:1em; max-width:10em; font-size:1.4rem;background-color:#EEE; cursor:pointer; margin-bottom:0.5em;}
.form-box .form-line-button a.submit { background-color:#0080DD; color:#FFF; width:50%;}
.form-box .form-line-button a span { font-size: 1.0rem; color: #CCC; }
.form-box .form-line-item .copy_link { position:absolute; right:0.25em; top:0.05em; font-size:2.4rem; color:#999; cursor:pointer;}
.form-box .form-line-item .copy_link:hover {color:#0080DD;}
/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
.check-all:checked +label,.check-id:checked +label{
	background-color:#0080DD;border:#0080DD solid 1px;
}
.check-all:checked +label::before,.check-id:checked +label::before {
    display: block;
    content: "\e6b4";
    text-align: center;
    font-size: 12px;
	line-height:1.8rem;
    color: white;
	font-weight:normal;
}
/*分页*/
.paging {
	clear: both;
	margin: 1em 0;
	font-size: 1.2rem;
}
.paging a,.paging .pagenum,.paging .goto {
	margin: 1px;
	float: left;
	text-align: center;
	min-width: 1.2rem;
	height: 3rem;
	line-height: 2.8rem;
	padding: 0px 0.85em;
	border-radius: 2px;
	display: block;
	border: 1px solid #CCC; cursor:pointer;
}
.paging .text {
	border-width:0; padding:0 0.25em;;
}
.paging .pagenum {
	width:3em;outline:none; padding:0;
}
.paging a:hover {
	border: 1px solid #0080DD;
}
.paging .text:hover {border-width:0;}
.paging .curr, .paging .curr:hover,.paging .goto {
	border: 1px solid #0080DD;
	color: #FFF;
	background-color: #0080DD;
	cursor:default;
}
.paging .select-search {
	margin: 1px; background-color:#FFF;
	float: left;
	text-align: center;
	min-width: 1.2rem;
	height: 3rem;
	line-height: 2.8rem;
	padding: 0px 0.85em;
	border-radius: 2px;
	display: block;
	border: 1px solid #999;
}

/*定时关闭弹窗 */
.popup_timing { position: absolute; z-index: 999; width: 99%; text-align: center; font-size: 1.4rem; }
.popup_timing span { background-color: #000; z-index: 999; color: #FFF; width: auto; line-height: 2em; display: inline-block; border-radius: 0.5em; max-width: 80%; padding: 0.5em 1em; opacity: 0.9; font-weight: bold; }

/*checkbox块*/
.input-block-checkbox { position:relative; display:inline-block; min-width:1.8rem; margin-right:1em;}
.input-block-checkbox .input-checkbox { display:none;}
.input-block-checkbox label span { padding-left:2.4rem; font-size:1.4rem;}
.input-block-checkbox label i { display: block; width: 1.8rem; height: 1.8rem; cursor: pointer; position: absolute; top: 1rem; left: 0; background-color: #FFFFFF; border-radius: 3px;  border:#CCC solid 1px;}
.input-block-checkbox .input-checkbox:checked +label i {
	background-color:#0080DD;border:#0080DD solid 1px;
}
.input-block-checkbox .input-checkbox:checked +label i::before {
    display: block;
    content: "\e6b4";
    text-align: center;
    font-size: 12px;
	line-height:1.8rem;
    color: white;
	font-weight:normal;
}
/*checkbox 2*/
.input-block-checkbox-s { position:relative; display:inline-block; min-width:1.8rem; margin-right:1em;}
.input-block-checkbox-s .input-checkbox { display:none;}
.input-block-checkbox-s label span { padding-left:2.4rem; font-size:1.4rem;}
.input-block-checkbox-s label i { display: block; width: 1.8rem; height: 1.8rem; cursor: pointer; position: absolute; top: 1rem; left: 0; background-color: #FFFFFF; border-radius: 3px;  border:#CCC solid 1px;}
.input-block-checkbox-s .input-checkbox:checked +i {
	background-color:#0080DD;border:#0080DD solid 1px;
}
.input-block-checkbox-s .input-checkbox:checked +i::before {
    display: block;
    content: "\e6b4";
    text-align: center;
    font-size: 12px;
	line-height:1.8rem;
    color: white;
	font-weight:normal;
}
/*radio*/
.input-block-radio { position:relative; display:inline-block; min-width:2rem; margin-right:1em;}
.input-block-radio .input-radio { display:none;}
.input-block-radio label span { padding-left:2.4rem; font-size:1.4rem;}
.input-block-radio label i { display: block; width: 2rem; height: 2rem; cursor: pointer; position: absolute; top: 1rem; left: 0; background-color: #FFFFFF; border-radius: 50%;  /*border:#CCC solid 1px;*/}
.input-block-radio .input-radio +label i::before {
    display: block;
    content: "\e72f";
    text-align: center;
    font-size: 2rem;
	line-height:2rem;
    color: #CCC;
	font-weight:normal;
}
.input-block-radio .input-radio:checked +label i::before {
    display: block;
    content: "\e708";
    text-align: center;
    font-size: 2rem;
	line-height:2rem;
    color: #0080DD;
	font-weight:normal;
}
/*radio 2*/
.input-block-radio-s { position:relative; display:inline-block; min-width:2rem; margin-right:1em;}
.input-block-radio-s .input-radio { display:none;}
.input-block-radio-s label span { padding-left:2.4rem; font-size:1.4rem;}
.input-block-radio-s label i { display: block; width: 2rem; height: 2rem; cursor: pointer; position: absolute; top: 1rem; left: 0; background-color: #FFFFFF; border-radius: 50%;  /*border:#CCC solid 1px;*/}
.input-block-radio-s .input-radio +i::before {
    display: block;
    content: "\e72f";
    text-align: center;
    font-size: 2rem;
	line-height:2rem;
    color: #CCC;
	font-weight:normal;
}
.input-block-radio-s .input-radio:checked +i::before {
    display: block;
    content: "\e708";
    text-align: center;
    font-size: 2rem;
	line-height:2rem;
    color: #0080DD;
	font-weight:normal;
}

/*switch*/
.input-label-switch { /* 定义position为relative，子元素的absolute在这里作参照 */
position: relative; display: inline-block; width: 44px; height: 26px; margin-top:7px;}
.input-label-switch input { /* 隐藏input的显示 */
display: none; }
.slider { position: absolute; cursor: pointer; /* 撑满外层的div标签 */
top: 0; left: 0; right: 0; bottom: 0; background-color: #CCC; /* 设置显示时候的动画 */
-webkit-transition: .4s; transition: .4s; }
/* 设置子div前面的元素 */

.slider:before { position: absolute; /* before的内容为空白 */
content: ""; height: 20px; width: 20px; left: 3px; bottom: 3px; background-color: white; /* 设置按钮点击的时候的动画效果 */
-webkit-transition: .4s; transition: .4s; }
/* 两个属性同时存在的时候的css样式 */

.input-label-switch input:checked+.slider { background-color: #0080DD; }
.input-label-switch input:focus+.slider { box-shadow: 0 0 1px #0080DD; }
/* 设置before元素的平移动画 */

.input-label-switch input:checked+.slider:before { /*-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);*/ left:21px; }
/* 设置下面一组按钮的圆角 */

.slider.round { border-radius: 26px; }
.slider.round:before { border-radius: 50%; }

.table-info { font-size:1.4rem;}
.table-info .info-list {flex-wrap: wrap;}
.table-info .info-list > .info-li { background-color:#FFF; margin:0.25em; padding:2em 2.5em; flex:1; line-height:3em; min-width:300px; border-radius:3px;}
.table-info .info-list > .info-li:hover { background-color:#FDFDFD;}
.table-info .info-list > .info-li .t { font-size:1.6rem; color:#000; line-height:3em;}
.table-info .info-list > .info-li .t span {font-size:1.8rem; margin-left:0.25em;}
.table-info .info-list > .info-li .c { color:#666; font-size:1.4rem;}
.table-info .info-list > .info-li .c .order-o,.table-info .info-list > .info-li .c .order-t,
.table-info .info-list > .info-li .c .article-o,.table-info .info-list > .info-li .c .article-t { flex:1;font-size:1.5rem;}
.table-info .info-list > .info-li .c span.number { margin-left:0.25em; font-size:1.6rem;}
.table-info .info-list > .info-li .c span.char { font-size:1.8rem;}
.table-info .info-list > .info-li .c span.amount { font-size:3.2rem; color:#333;}
.table-info .info-list .number { font-family: Times New Roman, Times, serif;}

.table-info .explain { margin:0.25em;font-family: "CEYYTW02"; position:relative;}
.table-info .explain .c { background-color:#FFF; margin-top:0.5rem; padding:0.5em; overflow:auto; position:relative; border:solid 1rem #FFF;}
.table-info .explain .c h2 { font-size:1.8rem; line-height:2em;}
.table-info .explain .c p { font-size:1.4rem; line-height:2em;}

.table-info .explain .sale { position:absolute; width:180px; height:180px; right:3em; z-index:1; text-align:center;}
.table-info .explain .sale .sale-con { position:relative; width:100%; height:100%;transform: rotate(20deg);}
.table-info .explain .sale .sale-con .bg { position:absolute;width:100%; height:100%; font-size:160px !important; color:#F30; opacity:0.9;}
.table-info .explain .sale .sale-con .content { position:absolute;width:100%; height:100%; font-size:30px !important; color:#FFF; line-height:40px;font-family: "microsoft yahei", Arial, Helvetica, sans-serif; padding:45px 0;}
.table-info .explain .sale .sale-con .content span {font-size:40px !important; /*font-weight:bold;*/ color:#FFF; padding:0 1px;font-family:"华文行楷","CEYYTW02";}

.password-edit {margin: 0.5em; background-color:#FFF;}
.password-edit .t { background-color:#FCFCFC; padding:1em 2em; font-size:1.6rem;}
.password-edit .c {padding:1em 2em;}
.password-edit .c div { margin:1em 0; max-width:300px; position:relative;}
.password-edit .c div input { border:#CCC solid 1px; height:3em; max-width:300px; line-height:3em; padding:0 1em; border-radius:0.25em; width:100%; font-size:1.4rem; color:#333;}
.password-edit .c div input:focus { border: 1px solid #FFCC00; }
.password-edit .c div a { display:block; border:#0080DD solid 1px; background-color:#0080DD; height:3em; line-height:2.8em; padding:0 1em; border-radius:0.25em; width:100%; font-size:1.4rem; text-align:center; color:#FFF; cursor:pointer;}
.password-edit .c div span.iconfont { font-size: 24px; line-height: 42px; position: absolute; right: 0; top: 0; padding: 0 0.35em; width: 1.75em; height: 40px; cursor:pointer;}

/*api*/
.api-edit {margin: 0.5em; background-color:#FFF;}
.api-edit .t { background-color:#FCFCFC; padding:1em 2em; font-size:1.6rem;}
.api-edit .c {padding:1em 2em;}
.api-edit .c div { margin:1em 0; position:relative;}
.api-edit .c div input { border:#CCC solid 1px; height:3em; line-height:3em; padding:0 1em; border-radius:0.25em; width:100%; font-size:1.4rem; color:#333;}
.api-edit .c div input:focus { border: 1px solid #FFCC00; }
.api-edit .c div a { display:block; border:#0080DD solid 1px;max-width:150px; background-color:#0080DD; height:3em; line-height:2.8em; padding:0 1em; border-radius:0.25em; width:100%; font-size:1.4rem; text-align:center; color:#FFF; cursor:pointer;}

/*弹窗*/
.mask {
	position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999; display:table;  height:100%;width:100%; background:rgb(0,0,0,0.5);
}
.mask_link .row{
	display: table-cell;
	vertical-align: middle;
}
/* centered columns styles */
.mask_link .row-center {
	text-align:center;
}
.mask_link .col-center {
	/*display:inline-block;*/
	max-width:500px; margin-left:auto; margin-right:auto;
	text-align:left;
	background-color:#FFF; padding:15px; border-radius:5px; position:relative;
}
.mask_link .col-center .title { font-size:1.6rem; margin-bottom:1.5rem;}
.mask_link .col-center  div.closeIcon {
	height:20px;
	width:20px;
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	text-align:center;
	font-size:27px!important;
	line-height:14px!important;
	z-index:1; color:#666;
}
.mask_link .col-center  div.closeIcon:hover { color:#333;}
.mask_link .col-center .btns { text-align:right; margin-top:1rem;}
.mask_link .col-center .btn-exe { padding: 0 1.5em; color: #FFF; cursor: pointer; height: 2.4em; line-height: 2.4em; background-color: #0080DD; border-radius: 3px; font-size: 1.4rem; box-shadow: 2px 2px 3px #b1bdc9; display: inline-block; text-decoration: none;white-space: nowrap; }
.mask_link .col-center  .btn-exe:hover {
  opacity: 0.8;
}
.mask_link .col-center  .btn-cancel { background-color:#DDD; color:#333;}
.mask_link .col-center  .btn-ml { margin-left:0.5em;}