@charset "utf-8";
/* CSS Document */


/*=public=*/
body { background:#eeeeee;height:100%; }

.wrap { padding-bottom:60px; }

header { background:#ffffff;border-bottom:1px solid #b9b9b9; }
header div { margin:0 auto;width:1200px;display:flex;justify-content:space-between;padding:18px; }
header h1 { font-size:24px;color:#29b7d3;letter-spacing:2px;font-weight:normal; }
header ul { display:flex;justify-content:space-between; }
header li { width:110px;padding-left:40px;height:30px;line-height:30px; }
header li:nth-of-type(1) { background:url('../img/home.png') no-repeat 14px 4px;background-size:20px 20px; }
header li:nth-of-type(2) { background:url('../img/logout.png') no-repeat 14px 4px;background-size:20px 20px; }
header a { display:block;font-size:14px;color:#2d2b32; }
header a:hover { color:#29b7d3; }

.container { margin:0 auto;width:1200px;display:flex;justify-content:space-between;padding-top:24px; }
.side { width:240px; }
.side ul { margin-bottom:10px;border-radius:4px;background:#2d2b32; }
.side li { height:50px;line-height:50px;border-top:1px solid #555555; list-style:none; }
.side li:nth-of-type(1) { border:none; }
.side a { display:block;color:#767676;padding-left:32px;font-size:14px; }
.side a:hover, .side a.on { color:#ffffff; }
/*.side li i { position:absolute;width:8px;height:8px;border-radius:4px;background:#767676;left:12px;top:21px; }*/
.content { width:940px; }
.title, .info { padding:14px;background:#f6f6f6;border:1px solid #e9e9e9;border-bottom:none;position:relative;border-radius:2px; }
.title h2 { font-size:14px;color:#2d2b32;font-weight:normal; }
.title p { position:absolute;right:14px;top:15px;color:#29b7d3; }
.info span { font-size: 17px;}
.info a { font-size: 17px; margin-left: 10px; float: right;}
/*=public --end=*/


/*=login.html=*/
.login { background:#eeeeee;height:100%; }
.login h1 { text-align:center;background:#ffffff;font-size:30px;color:#27b9d0;padding:32px 0;font-weight:normal;letter-spacing:2px;margin-bottom:180px; }
.login .box { width:390px;margin:0 auto;box-shadow:#cccccc 2px 2px 30px 2px; }
.login h2 { font-size:14px;padding:12px;color:#4a4a4a;font-weight:normal; }
.login .ipt { background:#ffffff;padding:0 12px; }
.login .ipt p { padding:12px 0;text-align:left; }
.login .ipt p:nth-of-type(1) { border-bottom:1px solid #f5f5f5; }
.login .ipt p:nth-of-type(2) { border-bottom:1px solid #f5f5f5; }
.login .ipt input { width:100%;height:30px;border:1px solid #cccccc;text-indent:10px;border-radius:4px; }
.login .ipt input.code { width:50%; }
.login .func { border-top:1px solid #dddddd;background:#f9f9f9;padding:12px; }
.login .func p:nth-of-type(1) { float:left; }
.login .func p:nth-of-type(2) { float:right; }
.login .func span { color:#a29b9b; }
.login .submit { width:54px;height:26px;text-align:center;line-height:26px;font-size:12px;border-radius:4px;border:1px solid #20799a;background:#248aaf;color:#ffffff; }
/*=login.html --end=*/


/*=index.html=*/
.main_info { display:flex;justify-content:space-between;margin-bottom:30px; }
.main_info a { display:block;width:300px;height:160px;text-align:center;border-radius:4px;position:relative;background:#ffffff no-repeat 128px 30px;background-size:48px 48px;box-shadow:#eeeeee 2px 2px 10px 2px; }
.main_info a:hover { box-shadow:#cccccc 3px 3px 20px 3px;transition:0.4s; }
.main_info a:nth-of-type(1) { background-image:url('../img/withdraw.png'); }
.main_info a:nth-of-type(2) { background-image:url('../img/return.png'); }
.main_info a:nth-of-type(3) { background-image:url('../img/currency.png'); }
.main_info .val { font-size:24px;font-weight:bold;color:#2d2b32;padding-top:86px;margin-bottom:8px; }
.main_info .subject { font-size:14px;color:#767676; }
.main_info em { position:absolute;right:10px;top:10px;display:block;width:10px;height:10px;border-radius:5px;background:#ff3300; }
.sub_info { display:flex;justify-content:space-between; }
.sub_1 { width:600px;display:flex;flex-wrap:wrap; }
.sub_1 a { display:block;width:184px;height:100px;margin-right:12px;margin-bottom:30px;text-align:center;border-radius:4px;position:relative;background:#ffffff no-repeat 78px 16px;background-size:30px 30px;box-shadow:#eeeeee 2px 2px 10px 2px; }
.sub_1 a:hover { box-shadow:#cccccc 3px 3px 20px 3px;transition:0.4s; }
.sub_1 a:nth-of-type(1) { background-image:url('../img/msg.png'); }
.sub_1 a:nth-of-type(2) { background-image:url('../img/group.png'); }
.sub_1 a:nth-of-type(3) { background-image:url('../img/log.png'); }
.sub_1 a:nth-of-type(4) { background-image:url('../img/setting.png'); }
.sub_1 .val { height:68px;line-height:124px;font-size:14px;color:#767676;margin-bottom:2px; }
.sub_1 .subject { font-size:14px;color:#767676; }
.sub_1 em { position:absolute;right:8px;top:8px;display:block;width:8px;height:8px;border-radius:5px;background:#ff3300; }
.sub_2 { background:#ffffff;border-radius:4px;width:340px;height:260px; }
.sub_2 ul { height:100%; }
.sub_2 li { border-top:1px solid #dddddd;height:25%;padding:12px; }
.sub_2 li:nth-of-type(1) { border:none; }
.sub_2 .chart_info { display:flex;justify-content:space-between;margin-bottom:10px; }
.sub_2 .chart_info p:nth-of-type(1) { font-size:14px;font-weight:bold;color:#2d2b32; }
.sub_2 .chart_info p:nth-of-type(2) { color:#999999;font-size:12px; }
.sub_2 .chart { height:10px;background:#f6f6f6;border-radius:3px;border-style:solid;border-width:1px;border-color:#e3e3e3 #ececec #f4f4f4 #f4f4f4;position:relative; }
.sub_2 .progress_1, .sub_2 .progress_2, .sub_2 .progress_3, .sub_2 .progress_4 { position:absolute;left:0;top:0;border-radius:3px;height:100%; }
.sub_2 .progress_1 {
    background: -webkit-linear-gradient(#1399dd, #046ea2);
    background: -o-linear-gradient(#1399dd, #046ea2);
    background: -moz-linear-gradient(#1399dd, #046ea2);
    background: linear-gradient(#1399dd, #046ea2);
}
.sub_2 .progress_2 {
    background: -webkit-linear-gradient(#61c261, #4a914a);
    background: -o-linear-gradient(#61c261, #4a914a);
    background: -moz-linear-gradient(#61c261, #4a914a);
    background: linear-gradient(#61c261, #4a914a);
}
.sub_2 .progress_3 {
    background: -webkit-linear-gradient(#fab24c, #d37f08);
    background: -o-linear-gradient(#fab24c, #d37f08);
    background: -moz-linear-gradient(#fab24c, #d37f08);
    background: linear-gradient(#fab24c, #d37f08);
}
.sub_2 .progress_4 {
    background: -webkit-linear-gradient(#eb5d59, #a8342e);
    background: -o-linear-gradient(#eb5d59, #a8342e);
    background: -moz-linear-gradient(#eb5d59, #a8342e);
    background: linear-gradient(#eb5d59, #a8342e);
}
.graph { height:640px;padding:40px 0; }

.main_table { width:100%;text-align:center; }
.main_table tr { height:50px; }
.main_table th { background:#f5f5f5;color:#2d2b32;border:1px solid #d5d5d5; }
.main_table td { background:#ffffff;border:1px solid #d5d5d5;color:#888888;text-align:left;padding-left:20px; }
/*=index.html --end=*/


/*=list[所有列表页面的样式]=*/
.search { padding:14px 6px;background:#ffffff;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9; }
.search form { float:left; }
.search select { border:1px solid #dddddd;color:#a9a9a9;height:30px; }
.search input { border:1px solid #dddddd;color:#a9a9a9;height:30px;text-indent:4px;width:160px; }
.search button { width:72px;height:28px;padding-left:20px;background:#8b8b8b url('../img/search.png') no-repeat 12px center;background-size:12px 12px;color:#ffffff;border:none;cursor:pointer;vertical-align: middle; }
.search a { float:right;width:80px;height:30px;text-align:center;line-height:30px;font-size:14px;background:#2ab7d3;color:#ffffff;border-radius:4px; margin-left: 14px; }
.list table { width:100%;text-align:center; }
.list tr { height:36px; }
.list tr:hover td { background:#f5f5f5; }
.list tr:nth-of-type(odd) { background:#ffffff; }
.list tr:nth-of-type(even) { background:#f9f9f9; }
.list th { background:#f5f5f5;color:#2d2b32;border:1px solid #d5d5d5; }
.list td { border:1px solid #d5d5d5;color:#888888; }
.list td.danger { color:#ff0000; }
.list td.success { color:#4fc83c; }
.list td a { color:#1a77e1;margin:0 4px; }
.list td img { width:12px;height:12px; }
.page { background:#ffffff;text-align:right;padding:14px;border:1px solid #e9e9e9;border-top:none;border-radius:2px; }
.page .firstPage, .page .prevPage, .page .pageItem, .page .nextPage, .page .lastPage, .page .goPageLink{ display:inline-block;color:#333333;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;width:42px;height:24px;line-height:24px;text-align:center; }
.page .pageItem{ width:30px; }
.page .curPage, .page a:hover{ background:#2ab7d3;color:#ffffff;text-decoration:none; }
.page .goPageText{ margin:0 5px; }
/*=list --end=*/


/*=form[所有表单页面的样式]=*/
.ipt { background:#ffffff;padding:20px 0; }
.ipt li { margin-bottom:12px; }
.ipt strong { display:block;width:30%;float:left;text-align:right;margin-right:12px;color:#ababab;font-size:14px;height:30px;line-height:30px; }
.ipt span { display:block;float:left;text-align:left;color:#ababab;font-size:14px;max-width:60%;min-height:30px;line-height:30px; }
.ipt span.danger { color:#ff0000; }
.ipt em { color:#ff0000; }
.ipt .txt { width:340px;height:30px;border:1px solid #cbcbcb;border-radius:3px;text-indent:8px; }
.ipt textarea { width:340px;height:100px;border:1px solid #cbcbcb;border-radius:3px;padding:8px;resize:none; }
.ipt select { width:340px;height:30px;border:1px solid #cbcbcb;border-radius:3px; }
.ipt label { display:inline-block;margin-right:12px; }
.ipt p { text-align:center; }
.ipt .btn { width:80px;height:30px;text-align:center;line-height:30px;font-size:14px;background:#2ab7d3;color:#ffffff;border-radius:4px;cursor:pointer; }
/*=form --end=*/


/*=others=*/
.popup { width:100%; }
.popup h3 { color:#2d2b32;font-size:16px; }
.uploadify { display:inline-block; }
.edui-box { line-height:22px; }

.msg_wrap { background:#ffffff;padding:20px 0; }
.msg_view { padding:0 36px;text-align:left; }
.msg_view h3 { color:#2d2b32;font-size:14px;margin-bottom:10px; }
.msg_view>p { text-align:left;color:#c4c4c4; }
.msg_view div { text-align:left;padding:20px 0; }
.msg_wrap > p { text-align:center; }
.msg_wrap .btn { width:80px;height:30px;text-align:center;line-height:30px;font-size:14px;background:#2ab7d3;color:#ffffff;border-radius:4px;cursor:pointer; }
/*=others --end=*/