.rc_container { background: #666666; border-radius: 4px; overflow: hidden; margin: 20px 0 50px; } .rc_container .rc_fl, .rc_container .rc_fr { width: 230px; float: left; } .rc_container .rc_fl li { height: 45px; line-height: 45px; border-bottom: 1px solid #666; background: #797979; } .rc_container .rc_fl li:last-child { border: none; } .rc_container .rc_fl a { display: block; padding-left: 45px; color: #e5e5e5; } .rc_container .rc_fl li.current { background: #4d4d4d; } .rc_container .rc_fl li.current a { color: #55ff00; border-left: 2px solid #55ff00; } .rc_container .rc_fl a:hover { color: #55ff00; } .rc_container .rc_fr { width: 1070px; background: #868686; min-height: 600px; } .rc_container .rc_fr .rc_biaoti { line-height: 58px; margin: 0 40px; font-size: 18px; color: #e5e5e5; border-bottom: 1px solid #666666; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_container .rc_fr .rc_table { margin: 20px 40px 0; } .rc_container .rc_fr .rc_table .account_info { background: #515151; padding: 20px; border-radius: 2px; overflow: hidden; margin: 40px 0; } .rc_container .rc_fr .rc_table .account_info .tx { float: left; width: 120px; height: 120px; } .rc_container .rc_fr .rc_table .account_info .cont { float: left; width: 700px; margin-left: 25px; line-height: 30px; } .rc_container .rc_fr .rc_table .account_info .cont label { display: inline-block; *display: inline; *zoom: 1; /*vertical-align: middle;*/ width: 70px; margin-right: 20px; } .rc_container .rc_fr .rc_table table { width: 100%; } .rc_container .rc_fr .rc_table table thead { background: #4d4d4d; line-height: 34px; color: #e5e5e5; } .rc_container .rc_fr .rc_table table.ma_table thead { color: #fff; background: #737373; } .rc_container .rc_fr .rc_table table.ma_table thead span { color: #e6e6e6; font-size: 12px; margin-left: 30px; } .rc_container .rc_fr .rc_table table.ma_table tbody tr { border: none; line-height: 1; height: auto; } .rc_container .rc_fr .rc_table table.ma_table tbody td { padding-top: 20px; } .rc_container .rc_fr .rc_table table td { padding-left: 20px; } .rc_container .rc_fr .rc_table table td.edit { color: #ccc; } .rc_container .rc_fr .rc_table table tbody tr { height: 54px; line-height: 54px; border-bottom: 1px solid #999999; color: #fff; } .rc_container .rc_fr .rc_table table tbody tr a { width: 448px; color: #fff; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .rc_container .rc_fr .rc_table table tbody tr .edit a { display: inline; } .rc_table table tbody tr a .top { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-bottom: 3px; width: 42px; height: 20px; text-align: center; line-height: 20px; background: #cc2929; border-top: 1px solid #f2c8c8; border-bottom: 1px solid #7a1919; margin-right: 8px; color: #fff; font-size: 12px; } .rc_container .rc_fr .rc_table table tbody tr a:hover { color: #55ff00; } .rc_container .rc_fr .rc_table table tbody tr .del { color: #4d4d4d; } .rc_container .rc_fr .rc_table table td.success { color: #55ff00; } .rc_container .rc_fr .rc_table table td.unpaid { text-decoration: underline; } .rc_container .rc_fr .rc_table table td.faild { color: #4d4d4d; } .rc_container .rc_fr .notice { margin: 0 40px 40px; min-height: 354px; color: #fff; } .rc_container .rc_fr .notice h3 { color: #fff; font-size: 18px; padding: 35px 0 30px; text-align: center; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_container .rc_fr .notice p { text-indent: 2em; line-height: 24px; font-size: 14px; text-align: justify; word-break: break-all; } .rc_container .rc_fr .notice .release_date { text-align: right; font-size: 12px; color: #fff; margin-top: 40px; } .pageLists { margin: 40px 0; text-align: center; height: 38px; font-size: 16px; font-family: "lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif } .pageLists a { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #4c4c4c; background-color: #bfbfbf; text-decoration: none; border-radius: 2px; } .pageLists b { margin: 0 10px 5px 0; } .pageLists a:hover { color: #4de600; background-color: #666666 } .pageLists a.current { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; margin: 0 10px 5px 0; color: #55ff00; background-color: #545454; } .pageLists span.disabled { display: none } .rc_area { margin: 40px; padding-left: 186px; } .rc_fr .rc_area .recharge_lists { overflow: hidden; margin-bottom: 35px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists>div { float: left; width: 300px; height: 373px; border-radius: 4px; margin-right: 20px; text-align: center; background: #e6e6e6; } .rc_area .recharge_lists>div:hover { background: #fff; } .rc_area .recharge_lists .rmb { color: #ff4200; font-size: 30px; padding-top: 35px; line-height: 1; margin-bottom: 15px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists .rmb strong { font-size: 48px; font-weight: normal; margin-right: 2px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists .xnb { font-size: 36px; color: #09bb07; line-height: 1; margin-bottom: 15px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists .xnb strong { font-size: 40px; font-weight: normal; margin-right: 2px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists .yxq { color: #00aaee; font-size: 32px; line-height: 1; margin-bottom: 20px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists .zfb_btn a, .rc_area .recharge_lists .wechat_btn a { display: block; width: 220px; height: 52px; line-height: 52px; background: #ccc; text-align: left; color: #fff; font-size: 18px; margin: 0 auto 10px; border-radius: 2px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_area .recharge_lists .zfb_btn.active a, .rc_area .recharge_lists .wechat_btn.active a { cursor: pointer; } .rc_area .recharge_lists .zfb_btn a:hover, .rc_area .recharge_lists .wechat_btn a:hover { opacity: 1; filter: alpha(opacity=100); cursor: default; } .rc_area .recharge_lists .zfb_btn a:hover img, .rc_area .recharge_lists .wechat_btn a:hover img { opacity: 1; filter: alpha(opacity=100); } .rc_area .recharge_lists .active a:hover { opacity: 0.8; filter: alpha(opacity=80); } .rc_area .recharge_lists .zfb_btn a img { vertical-align: middle; margin: 0 45px 3px 40px; } .rc_area .recharge_lists .wechat_btn a img { vertical-align: middle; margin: 0 35px 3px 40px; } .rc_area .recharge_lists .zfb_btn.active a{ background: #00aaee; cursor: pointer; } .rc_area .recharge_lists .wechat_btn.active a { background: #09bb07; cursor: pointer; } .rc_area>p { color: #fff; font-size: 14px; line-height: 24px; } .rc_area>p a { color: #fff; text-decoration: underline; } .rc_area>p a:hover { color: #4de600; } .rc_area>p input { margin-right: 12px; vertical-align: middle; } /*微信支付页面*/ .wx_recharge { background: #fff; border-radius: 4px; height: 438px; } .wx_recharge .order_tips { width: 248px; padding: 55px 38px 0; } .wx_recharge .order_tips h3{ font-size: 18px; font-family: 'Microsoft YaHei', "微软雅黑"; color: #09bb07; } .wx_recharge .order_tips p { font-size: 14px; color: #333333; padding: 10px 0; } .wx_recharge .order_tips p.tips { font-size: 12px; line-height: 18px; margin-bottom: 95px; } .wx_recharge .order_tips a { font-size: 16px; color: #808080; text-decoration: underline; } .wx_recharge .order_tips a:hover { color: #55ff00; } .wx_recharge .code { padding-top: 40px; } .wx_recharge .code .codeimg{ display: block; margin: 0 auto; width: 296px; height: 296px; } .wx_recharge .code p.tips { width: 296px; height: 52px; line-height: 52px; background: #09bb07; text-align: center; margin-top: 10px; color: #ffffff; } .wx_recharge .code p.tips img { vertical-align: middle; margin-right: 8px; } .wx_recharge .phone { padding: 24px 0 0 26px; } .wx_recharge .phone img { display: block; width: 312px; height: 390px; margin: 0 auto; } .data { margin: 40px 40px 100px; padding-left: 116px; } .data>div { margin-bottom: 20px; } .data label { display: inline-block; *display: inline; *zoom: 1; width: 75px; text-align: right; height: 50px; line-height: 50px; vertical-align: top; } .data select { width: 134px; height: 48px; line-height: 48px; border: 1px solid #666; border-radius: 2px; background: #cccccc; vertical-align: top; padding-left: 5px; } .data input { height: 48px; line-height: 48px; border: 1px solid #666; border-radius: 2px; background: #cccccc; padding-left: 10px; vertical-align: top; } .data input.inp207 { width: 207px; } .data input.inp299 { width: 299px; } .data input.inp385 { width: 385px; } .data input[type='submit'] { width: 215px; height: 50px; text-align: center; line-height: 50px; background: #4d4d4d; color: #55ff00; border-radius: 2px; border: none; margin-left: 272px; margin-top: 30px; padding: 0; } .data input[type='submit']:hover { opacity: 0.8; filter: alpha(opacity=80); } .modify { margin: 138px 40px 258px; padding-left: 252px; } .modify>p { margin-bottom: 20px; } .modify label { display: inline-block; *display: inline; *zoom: 1; width: 85px; text-align: right; height: 50px; line-height: 50px; vertical-align: top; } .modify input { height: 48px; line-height: 48px; border: 1px solid #666; border-radius: 2px; background: #cccccc; padding-left: 10px; vertical-align: top; } .modify input.inp207 { width: 207px; } .modify input.inp299 { width: 299px; } .modify input.inp385 { width: 385px; } .modify input[type='submit'] { width: 215px; height: 50px; text-align: center; line-height: 50px; background: #4d4d4d; color: #55ff00; border-radius: 2px; border: none; margin-left: 128px; margin-top: 60px; padding: 0; } .modify input[type='submit']:hover { opacity: 0.8; filter: alpha(opacity=80); } .rc_container .rc_fr .rc_table table td.unaudit { color: #4d4d4d; } .rc_container .rc_fr .rc_table table td.t_audit { color: #55ff00; } .rc_container .rc_fr .rc_table table td .line { color: #b3b3b3; } .box_area { width: 600px; height: 342px; margin: 80px 0 0 120px; border: 5px solid #fff; background: url(../images/filesBg.png) repeat top left; overflow: hidden; text-align: center; } .box { width: 100%; height: 100%; } .box img { /*width: 100%; height: 100%;*/ } .fileInput_area { padding-left: 282px; margin: 20px 0 75px; } .fileInput_area label.explain { height: 50px; line-height: 50px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .fileInput_area .route { width: 299px; height: 48px; line-height: 48px; border: 1px solid #666666; background: #cccccc; border-radius: 4px; vertical-align: middle; margin-right: 10px; padding-left: 10px; } .fileInput_area .fileInput_btn { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 116px; height: 50px; line-height: 50px; background: #4d4d4d; border-radius: 4px; text-align: center; cursor: pointer; } .fileInput_area .fileInput_btn:hover { opacity: 0.8; filter: alpha(opacity=80); } .img_preview_area { margin: 80px 0 0 20px; } .img_preview { overflow: hidden; /*background: url(../images/filesBg.png) repeat top left;*/ background: #fff; } .img_preview.lg { width: 120px; height: 120px; margin-bottom: 20px; } .img_preview.sm { width: 60px; height: 60px; } .mi_subBtn { width: 215px; height: 50px; line-height: 50px; background: #4d4d4d; text-align: center; border-radius: 4px; color: #55ff00; margin: 0 0 88px 428px; cursor: pointer; } .mi_subBtn:hover { opacity: 0.8; filter: alpha(opacity=80); } .rc_container .rc_fr .advise_area { padding: 80px 0 220px 80px; } .rc_container .rc_fr .advise_area .input_area { margin-bottom: 40px; } .rc_container .rc_fr .advise_area label { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #fff; width: 86px; height: 50px; line-height: 50px; text-align: right; } .rc_container .rc_fr .advise_area label i { color: #55ff00; font-size: 20px; line-height: 40px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-right: 5px; font-family: 'Microsoft YaHei', "微软雅黑"; } .rc_container .rc_fr .advise_area .input_area input { width: 262px; height: 48px; line-height: 48px; padding-left: 10px; border: 1px solid #666666; border-radius: 3px; background: #cccccc; vertical-align: top; } .rc_container .rc_fr .advise_area span { color: #e5e5e5; line-height: 50px; margin-left: 5px; } .rc_container .rc_fr .advise_area textarea { vertical-align: top; width: 768px; height: 140px; border: 1px solid #666666; border-radius: 4px; padding: 10px 0 10px 10px; background: #cccccc; } .rc_container .rc_fr .advise_area .subBtn { width: 150px; height: 48px; line-height: 48px; text-align: center; color: #55ff00; border: none; background: #4d4d4d; margin-left: 379px; border-radius: 4px; } .rc_container .rc_fr .advise_area .subBtn:hover { opacity: 0.8; filter: alpha(opacity=80); } .drag_area { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 394px; height: 50px; line-height: 50px; border: 1px solid #c0c3c6; text-align: center; background: #d2d4d5; margin-bottom: 20px; border-radius: 2px; color: #323537; position: relative; user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; } .drag_area .drag_btn { width: 40px; height: 50px; position: absolute; top: -1px; left: -1px; border: 1px solid #c0c3c6; border-radius: 2px; background: #dadada; /*color: #4e5358;*/ } .drag_area .drag_bg { width: 40px; height: 100%; position: absolute; background: #75CDF9; } .drag_area .drag_tips { position: absolute; width: 100%; height: 100%; text-align: center; } .city-picker-selector { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .city-picker-selector .selector-item { width: 132px; height: 48px; line-height: 48px; border: 1px solid #666; border-radius: 2px; background: #cccccc; vertical-align: top; margin-left: 7px; } .city-picker-selector .selector-name:hover { background: #ccc; opacity: 0.6; filter: alpha(opacity=60); } .city-picker-selector .selector-name, .city-picker-selector .selector-name.df-color { color: #000; } .city-picker-selector .selector-list { width: 130px; left: 0; top: 49px; } .city-picker-selector .selector-item:after { border-right: 3px solid transparent; border-left: 3px solid transparent; border-top: 6px solid #000; top: 21px; right: 6px; } .city-picker-selector .selector-search { line-height: 28px; } .city-picker-selector .input-search { background: #ececec; line-height: 28px; } .div_input { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .div_input input { width: 150px; } .timeData { width: 158px; height: 140px; display: none; position: absolute; left: 1px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1); font-size: 14px; background: #fff; border: 1px solid #ddd; z-index: 1; } .timeData>div { width: 33.33%; float: left; height: 128px; } .timeData>div>a { display: block; width: 80%; padding: 10px 10% 10px; text-align: center; color: #C0A16B; transition: all 0.3s; } .timeData>div>a:hover { background: #C0A16B; color: #fff; } .timeData>div>input { outline: none; width: 80%; height: 36px; display: block; margin: 10px auto 10px; line-height: 36px; text-align: center; color: #000; padding: 0; background: #ececec; } .timeData>span { display: none; text-indent: 4px; color: #C9302C; font-size: 13px; position: absolute; left: 0; top: 132px; } select { /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*加padding防止文字覆盖*/ padding-right: 14px; } /*清除ie的默认选择框样式清除,隐藏下拉箭头*/ select::-ms-expand { display: none; } .data .after{ position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .data .after:after{ content: ''; border-right: 3px solid transparent; border-left: 3px solid transparent; border-top: 6px solid #000; display: block; width: 0; height: 0; position: absolute; top: 21px; right: 6px; } .data .after select:hover { color: #555; } .data .after select:hover option { color: #000; } .normalForm { margin: 40px; color: #fff; }