@charset "utf-8";
/* CSS Document */
*{ margin:0;padding:0;}
body {font-family:"Microsoft YaHei";font-size:16px; width:100%; height: 100%; background: #f0f4fb;}
h1, h2, h3, h4, h5, h6 { font-size:100%;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
input, select, textarea, button { -webkit-tap-highlight-color:rgba(0,0,0,0);border:0;border-radius:0; outline: none;}
input[type="text"],select,textarea{text-indent:10px;}
input, img { vertical-align:middle;outline:none;}
ul, ol, li { list-style:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
.fl{ float:left; display:inline}
.fr{ float:right; display:inline}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
img[src=""]{
opacity: 0;
}



.index_top_wrap{ widrh:100%; line-height: 60px; background: #4ce7d3;}
.index_top_time{ color:#fff; font-size: 20px; margin-left: 30px;}
.index_top_logo_main{ line-height:40px; margin-top: 20px;}
.index_top_logo_bg{width:40px; height: 40px; background:url(../images/index_top_logo_bg.png) no-repeat;}
.index_top_logo_text{ display:block; padding:0 30px; background: #f0f4fb; font-size: 18px;}
.index_main_wrap{ position:absolute; top:60px; left: 0; right: 0; bottom:30px;z-index: 1;}
.index_main{ padding:20px 20px 50px;}
.index_main li{ float:left; width:50%; padding: 10px; box-sizing: border-box;}
.index_main li a{ display: block;padding: 30px; border: solid 1px #ccc; box-sizing: border-box; border-radius: 4px; background: #fafafa; color:#333;}
.index_main li a:hover{  box-shadow: 0px 8px 18px 0px rgba(73, 86, 119, 0.5);}
.index_main li a dl{display:  inline-block;}
.index_main li a dt img{ height:80px;}
.index_main li a dd{ margin-left:30px;}
.index_main li a dd h4{ font-size:28px; margin-bottom: 10px;}
.index_main li.index_main_msg h3{ font-size:24px; font-weight: bold; margin-bottom: 20px;}
.index_main li.index_main_msg h3 em{ color:red;}
.index_main li.index_main_msg p{  line-height:26px;}
.index_bottom_copyright{ position:fixed; bottom: 0; width:100%; border: solid 1px #ccc; box-sizing: border-box; padding:0 30px;}
.index_bottom_copyright li{ float:left; margin-left: 10px; line-height: 30px; font-size: 14px;color:#999;}

.top_wrap{ widrh:100%; line-height: 60px; background: #4ce7d3}
.top_btn{ position:absolute; left: 0; top: 0;}
.top_btn a{ display:inline-block; color:#fff; border-right: solid 1px #fff; padding:0 20px;}
.top_btn a i.iconfont{ font-size:18px; margin-right: 10px;}
.top_btn a:nth-child(2){ border-right:none;}
.top_title{ color:#fff; text-align: center; font-size: 20px;}
.main_wrap{ position:absolute; top:60px; left: 0; right: 0; bottom:30px;z-index: 1;}
.main_wrap2{ overflow: auto;}
.main_left,.main_right{ width:50%; height: 100%; text-align: center;}
.main_left h4{ font-size:18px; font-weight: bold; margin: 20px 0;}
.main_left h4 em{ color:red; font-weight: bold;}
.main_right h4{ margin:20px 0;}
.main_right input{ line-height:40px; border: solid 1px #666; border-radius: 4px; width:300px;margin-bottom: 20px; font-size: 18px;}
.footer_wrap{position:fixed; bottom: 0; z-index: 999; background: #f0f4fb; width:100%; border: solid 1px #ccc; box-sizing: border-box; padding:0 30px;}
.footer_wrap li{ float:left; color:#999; line-height: 30px;}
.footer_wrap li.footer_current{ color:#333;}

.main_box1{ width:100%; height:80px; position: relative; background: #fff;}
.main_box1 .user_information{ position:absolute; top: 20px; left:30px;}
.main_box1 .user_information li{ width:100px; overflow: hidden;}
.main_box1 .btn{ position:absolute; top: 20px; right:30px;}
.main_box1 .btn input{ width:100px; line-height: 40px; background: #4ce7d3; text-align: center; font-size: 18px; color:#fff; border-radius: 4px; cursor: pointer;}
.main_box1 .input{ position:absolute; top: 20px; left:160px; right:160px;}
.main_box1 .input input{ width:100%; line-height: 40px; border: solid 1px #666; font-size: 18px; border-radius: 6px; box-sizing: border-box;}
.main_box2 ul{ padding:20px;}
.main_box2 li{ float:left; background: #fff; width:170px; line-height: 50px; margin:20px 30px; text-align: center; border:solid 1px #fff; box-sizing: border-box;}
.main_box2 li a{ color:#000; display: block; width:100%; line-height: 50px;}
.main_box2 li:hover{border:solid 1px #4ce7d3; box-sizing: border-box; border-radius: 4px; background: #e5e5e5;}
.main_box3{ width:100%; text-align: center; line-height: 60px;color:red;}
.main_box4 ul{ padding:20px;}
.main_box4 li{ float:left; background: #fff; margin:20px 30px; text-align: center; border:solid 1px #fff; box-sizing: border-box;}
.main_box4 li a{ color:#000;}
.main_box4 li:hover{border:solid 1px #4ce7d3; box-sizing: border-box; border-radius: 4px; background: #e5e5e5;}
.chuzhen_list{padding:20px;}
.chuzhen_list dt img{ height:110px;}
.chuzhen_list dd{ text-align:left; margin-left: 10px;}
.chuzhen_list dd h4{ font-size:18px; font-weight: bold; margin-bottom: 10px;}
.chuzhen_list dd p{ line-height:26px;}
.chuzhen_list dd  p.cost{ color:red;}

.main_zhifu_msg{ text-align:left; position: relative;}
.msg_icon{ position:absolute; top: 20px; left:20px;}
.main_zhifu_msg .zhifu_msg{ background: #fff; margin: 20px 20px 0; padding: 40px 60px 20px;}
.zhifu_msg li{ float:left; width:50%; text-align: left; line-height: 40px;}
.zhifu_msg li:nth-child(2n){ text-align:right;}
.main_zhifu_msg  .total_sum_box{ background: #fff; margin: 0 20px 0; padding:20px;}
.total_sum_box div{ line-height:40px;}
.total_sum_box h3{ float:left;text-align: left;}
.total_sum_box p{ float:right;text-align: right;}
.total_sum_box .sum2{ font-size:18px;}
.main_zhifu_note{ text-align:left; position: relative;}
.main_zhifu_note h4{ font-size:18px; font-weight: bold; margin-bottom: 20px;}
.main_zhifu_note em{ color:red; font-size:18px;}
.zhifu_btn{ position:absolute; bottom:60px; right:50%;}
.zhifu_btn a{ display:block; padding:0 50px; line-height: 60px; background: #fff; margin: 20px 0; color:#000; border:solid 1px #ccc; border-radius: 6px; box-sizing: border-box; font-size: 20px;}
.zhifu_btn a i{ margin-right:10px; font-size: 30px;}
.main_hzxx_box{ background: #fff; margin: 20px; padding: 20px; text-align: left;}
.hzxx_title em{ color:red;}
.hzxx_list{ border: solid 1px #ccc; padding:0 30px; box-sizing: border-box; border-radius: 6px; margin: 15px 0;}
.hzxx_list li{ float:left; font-size: 24px; line-height: 60px;}
.hzxx_list li.hzxx_user{ width:150px;}
.hzxx_list li.binganhao{ width:200px;}
.hzxx_list li.money{ margin-left:50px;}
.selection_icon .icon_btn2{ display:none;}
.jiaofei_btn a{display:block; line-height:40px;width:100px; text-align: center; color:#fff; background: #4ce7d3; margin-top: 20px;font-size: 18px; border-radius: 4px;}
.hzxx_list li.btn{margin: 10px 50px;}
.hzxx_list li.btn a{display:block; line-height:40px;width:100px; text-align: center; color:#fff; background: #4ce7d3; font-size: 18px; border-radius: 4px;}
.contTable{ width:100%;table-layout:fixed; }
.contTable th{ text-align:left; line-height: 40px;}
.contTable td{padding:20px 0;}