lixin-web
Version:
vue and bootstrap
2,219 lines (1,837 loc) • 99.1 kB
CSS
body {
background: #f5f5f5;
}
a {
color: #00C4FF;
}
a:focus, a:hover {
color: #00C4FF;
cursor: pointer;
}
.manager .modal .form {
font-size: 14px;
color: #787876;
}
.label{color: #787876;text-align: right;}
.manager {
background: #f5f5f5;
}
.tianJiaShouJianRen .params {
display: none;
}
.tianJiaShouJianRen .list-user {
overflow: auto;
height: 230px;
}
.manager .page-container {
/*height: 766px;*/
margin-bottom: 20px;
background: white;
overflow: hidden;
}
.manager .menu {
height: 90px;
padding: 20px 0 0 0;
display: none;
}
.manager .menu > a {
height: 50px;
width: 180px;
line-height: 48px;
text-align: center;
background-color: #00a8e9;
color: #fff;
font-size: 20px;
display: block;
float: left;
margin-right: 1px;
text-decoration: none;
}
.manager .menu > a:hover {
background-color: #12b5ff;
}
.manager .menu > a.active {
color: #fff;
background-color: #00C4FF;
border-color: #00C4FF;
}
.manager .menu > a.active:hover {
background-color: #FF7F57;
}
.manager .menu > a.hide {
display: none;
}
.manager .menu > a > i {
width: 50px;
height: 50px;
display: inline-block;
vertical-align: -18px;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
}
.manager .menu > a > i.funds {
background-position: 0 -197px;
}
.manager .menu > a > i.account {
background-position: -50px -197px;
}
.manager .menu > a > i.proxy {
background-position: -100px -197px;
}
.manager .menu > a > i.report {
background-position: -150px -197px;
}
.manager .menu > a > i.message {
background-position: -200px -197px;
}
.manager .nav {
height: 48px;
background: #f5f5f5;
border-bottom: 1px solid #ECECEC;
clear: both;
margin-top: 12px;
}
.manager .nav > a {
cursor: pointer;
height: 40px;
width: 10%;
text-align: center;
line-height: 40px;
font-size: 1.1em;
background: #91abcd;
color: #fff;
float: left;
margin-right: 10px;
margin-top: 8px;
}
.manager .nav > a.active {
background: #f5f5f5;
color: #00c4ff;
border-top: 3px solid #00c4ff;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #f5f5f5.;
}
.manager .nav > a.hide {
display: none;
}
.manager .content {
min-height: 600px;
background-color: #f5f5f5;
clear: both;
min-height: 600px;
border-top: 0;
margin-bottom: 10px;
}
.manager .content table{/* background:#fff; */}
.manager .content.hide {
display: none;
}
.manager .wrapper {
/* padding: 20px 30px 0 30px; */
}
.manager .wrapper.w-hide {
display: none;
}
.wrapper.wrapper-send .fform-control tr:nth-child(2){}
.wrapper.wrapper-send .fform-control tr [name="toUsers"]{margin-top:10px}
.wrapper.wrapper-send .fform-control tr [name="add"]{margin:10px 0}
.wrapper.wrapper-send .fform-control tr td{padding: 5px;vertical-align: -webkit-baseline-middle;}
.manager .content .params {
padding: 5px 0;
margin-top: -5px;
color: #787876;
}
.manager .content .params > .row {
line-height: 32px;
padding: 5px 0;
}
.manager .content .params > .row select.form-control {
width: 96px;
height: 32px;
font-size: 12px;
background: #FEFFF9;
}
.manager .content .params > .row input[type="text"].form-control {
width: 96px;
height: 32px;
font-size: 12px;
}
.manager .content .params > .row input.d-range-picker {
width: 166px !important;
}
.manager .content .params > .row input[type="checkbox"].form-control {
vertical-align: -1.5px;
}
.manager .content .params > .row input[type="button"].search {
height: 29px;
line-height: 23px;
width: 105px;
border: none;
border-radius: 4px;
color: #fff;
background-color: #00C4FF;
transition: all 0.2s ease 0s;
font-size: 15px;
color: #FFF;
cursor: pointer;
vertical-align: -1px;
margin-left: 10px;
}
.manager .content .params > .row input[type="button"].search:hover {
background-color: #00C4FF;
}
.manager .content .params > .row .button-groups {
margin: 0 -5px;
display: inline;
}
.manager .content .params > .row .button-groups > a {
padding: 0 15px;
background-color: #F99326;
display: inline-block;
border-radius: 4px;
cursor: pointer;
}
.manager .content .params > .row .button-groups > .button {
margin: 0 5px;
}
.manager .content .result {
padding: 5px 0;
}
.manager .content .result.hide {
display: none;
display: block !important;
}
.manager .content .result table.form-control {
width: 100%;
text-align: center;
font-size: 13px;
color: #787876;
}
.manager .content .result table.form-control > thead > tr > td {
/* border-left: 1px solid #DEDEDE; */
/* border-right: 1px solid #DEDEDE; */
}
.manager .content .result table.form-control > tbody > tr > td {
/* border-bottom: 1px solid #DEDEDE; */
/* border-left: 1px solid #DEDEDE; */
/* border-right: 1px solid #DEDEDE; */
}
.manager .content .result table.form-control > thead > tr {
line-height: 36px;
background-color: #F1F1F1;
color: #797979;
/* border: 1px solid #DEDEDE; */
}
.manager .content .result table.form-control.line-height-medium > thead > tr {
line-height: 45px;
}
.manager .content .result table.form-control > tbody > tr {
line-height: 24px;
background-color: #FFFFFF;
}
.manager .content .result table.form-control > tbody > tr:nth-child(even) {
background: #FFFCFC;
}
.manager .content .result table.form-control.line-height-medium > tbody > tr {
line-height: 30px;
}
.manager .content .result table.form-control > tbody > tr.nodata {
height: 120px;
}
.manager .content .result table.form-control > tbody > tr.nodata > td {
vertical-align: middle;
}
.manager .content .result table.form-control > tbody > tr > td {
padding: 6px 0;
}
.manager .content .result table.form-control.line-height-medium > tbody > tr > td {
padding: 7.5px 0;
}
.manager .content .result table.form-control > thead > tr > td > a {
padding: 0 2px;
text-decoration: underline;
color: #797979;
cursor: pointer;
}
.manager .content .result table.form-control > tbody > tr > td > a {
padding: 0 2px;
text-decoration: underline;
color: #02397A;
cursor: pointer;
}
.manager .content .result table.form-control > thead > tr > td > a:hover {
color: #hhh;
}
.manager .content .result table.form-control > tbody > tr > td > a:hover {
color: #00C4FF;
}
.manager .content .result > .page-list {
padding-top: 10px;
/* min-width: 667px; */
}
.manager .content .result > .noresult {
height: 72px;
text-align: center;
}
.manager .content .result > .noresult > i {
height: 72px;
width: 72px;
background-image: url("../img/icon/ui_icon_info.png");
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
vertical-align: middle;
}
.manager .content .result > .noresult > span {
font-size: 18px;
}
.manager .modal .form.hide {
display: none;
}
.avatar-list > .item {
float: left;
margin: 3px;
border: 2px solid #fff;
position: relative;
cursor: pointer;
}
.avatar-list > .item > i.checked {
position: absolute;
width: 26px;
height: 18px;
bottom: 0px;
right: 0px;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
background-position: -24px -130px;
display: none;
}
.avatar-list > .item.selected {
border: 2px solid #00C4FF;
}
.form-control{box-shadow:none;border-radius: 0px;}
.avatar-list > .item.selected > i.checked {
display: block;
}
.manager .content .form table.form-control {
width: 100%;
font-size: 14px;
color: #787876;
height: 100%;
border: none;
}
.manager .content .form table.form-control > tbody > tr {
line-height: 40px;
}
.manager .content .form table.form-control > tbody > tr.hide {
display: none;
}
.manager .content .form table.form-control > tbody > tr.last-child {
border-bottom: none;
}
.manager .content .form table.form-control > tbody > tr > td {
padding: 0 5px;
}
.manager .content .form table.form-control > tbody > tr > td.label {
width: 25%;
text-align: right;
color: #333;
}
.manager .content .form table.form-control > tbody > tr > td.label-sm {
width: 20%;
text-align: right;
}
.manager .content .form table.form-control > tbody > tr > td.align-top {
vertical-align: top;
}
.manager .content .form table.form-control > tbody > tr > td.text {
width: 30%;
}
.manager .content .form table.form-control > tbody > tr > td.msg > a {
text-decoration: underline;
cursor: pointer;
}
.manager .content .form table.form-control > tbody > tr > td .radio-group {
display: inline;
margin-left: -5px;
cursor: default;
}
.manager .content .form table.form-control > tbody > tr > td .radio-group > label {
cursor: pointer;
}
.manager .content .form table.form-control > tbody > tr > td .radio-group > label > input {
cursor: pointer;
vertical-align: -1px;
}
.manager .content .form table.form-control > tbody > tr > td select {
width: 200px;
height: 34px;
}
.manager .content .form table.form-control > tbody > tr > td input[type="text"],
.manager .content .form table.form-control > tbody > tr > td input[type="password"] {
width: 200px;
height: 30px;
}
.manager .content .form table.form-control > tbody > tr > td input.h-42 {
height: 42px;
}
.manager .content .form table.form-control > tbody > tr.textarea > td.value {
line-height: 0;
}
.manager .content .form table.form-control > tbody > tr > td input.message {
width: 490px;
}
.manager .content .form table.form-control > tbody > tr > td textarea.message {
width: 490px;
height: 240px;
margin: 10px 0;
}
.manager .content .form table.form-control > tbody > tr > td select.medium,
.manager .content .form table.form-control > tbody > tr > td input.medium {
width: 260px;
}
.manager .content .form table.form-control > tbody > tr > td select.large,
.manager .content .form table.form-control > tbody > tr > td input.large {
width: 320px;
}
.manager .content .form table.form-control > tbody > tr > td .help-inline {
padding: 0 5px;
display: inline;
}
.manager .content .form table.form-control > tbody > tr > td .help-block {
display: block;
}
.manager .content .form table.form-control > tbody > tr.actions > td {
line-height: 0;
}
.manager .content .form table.form-control > tbody > tr > td .button-groups {
margin: 0 -10px;
padding: 10px 0;
}
.manager .content .person-bind .tabs{background:none}
.manager .content .form table.form-control > tbody > tr > td .button-groups > .button {
margin: 0 10px;
}
.manager .content .tabs {
/* height: 30px; */
/* font-size: 13px; */
overflow: hidden;
/* border-bottom: 3px solid #EEEEEE; */
position: relative;
background: #fff;
}
.manager .content .tabs > a {
height: 40px;
width: 140px;
display: block;
float: left;
line-height: 30px;
text-align: center;
color: gray;
border-bottom: none;
margin-left: 5px;
transition: all 0.2s ease 0s;
cursor: pointer;
font-size: 15px;
position: relative;
}
.manager .content .tabs > a.active {
background-color: #fff;
border-color: #00C4FF;
cursor: default;
border-bottom: 3px solid #00c4ff;
color: #00c4ff;
}
.manager .content .panels {
}
.manager .content .panels > .section {
display: none;
}
.manager .content .panels > .section.active {
display: block;
}
.manager .content .menus {
height: 50px;
background: #fff;
border-bottom: 3px solid #EEEEEE;
}
.manager .content .menus > a {
height: 49px;
width: 140px;
display: block;
float: left;
line-height: 47px;
text-align: center;
color: #787876;
background-color: #fcfcfc;
cursor: pointer;
border-bottom: 3px solid #EEEEEE;
}
.manager .content .menus > a.active {
background-color: #fff;
cursor: default;
border-bottom: 3px solid #00c4ff;
color: #00c4ff;
}
.manager .content .text-name {
font-size: 14px;
font-weight: bold;
color: #F99326;
}
.manager .content .text-money {
font-size: 14px;
font-weight: bold;
color: #269F8D;
}
.manager .content .text-red {
color: #EE4443;
}
.manager .content .text-title {
height: 30px;
line-height: 30px;
font-size: 14px;
color: #787876;
}
.manager .content .text-title > .button-groups {
float: right;
}
.manager .content .tips {
line-height: 20px;
padding: 5px 0;
}
.manager .content .tips.f16 {
font-size: 16px;
display: block;
}
.manager .content .tips > a {
color: #ec4646;
}
.manager .content .img-tips {
text-align: center;
}
.manager .content .img-tips.hide {
display: none;
}
.manager .notice {
padding: 8px 10px;
line-height: 24px;
border: 1px solid #e9e9e9;
color: #787876;
}
.manager .notice.warning {
border: 1px solid #F8E2B9;
background-color: #FFFDEB;
color: #D16C00;
}
.manager .button {
width: 126px;
height: 34px;
text-align: center;
border: none;
color: #FFF;
background-color: #F1F1F1;
cursor: pointer;
transition: all 0.2s ease 0s;
font-size: 15px;
font-family: inherit;
vertical-align: middle;
background-color: #00C4FF;
border: 1px solid #FFFFFF;
border-radius: 4px;
}
.manager .button:hover {
background-color: #00C4FF;
}
.manager .button.blue {
background-color: #00C4FF;
}
.manager .button.blue:hover {
background-color: #00C4FF;
}
.manager .button.dark-green {
background-color: #00C4FF;
}
.manager .button.dark-green:hover {
background-color: #FF7F57;
}
.manager .button.light-green {
background-color: #90d554;
}
.manager .button.light-green:hover {
background-color: #90ea39;
}
.manager .button.small {
width: 102px;
height: 34px;
font-size: 14px;
vertical-align: inherit;
}
.manager .button.w-260 {
width: 260px;
}
.manager .button.hide {
display: none;
}
.manager .button.left {
float: left;
}
.manager .button.right {
float: right;
}
.manager .content .recharge-form {
padding: 0 10px;
}
.manager .content .recharge-form > .section {
display: none;
}
.manager .content .recharge-form > .section.active {
display: block !important;
}
.manager .content .recharge-form .step-panel {
display: none;
position: relative;
}
.manager .content .recharge-form .step-panel.active {
display: block;
}
.manager .content .recharge-form .pay-type {
background: #00C4FF;
/* margin: -4px; */
}
.manager .content .recharge-form .pay-type > .label {
color: #FFF;
display: inline-block;
text-indent: 30px;
padding: 0;
}
.manager .content .recharge-form .pay-type > label {
font-size: 16px;
cursor: pointer;
margin-right: 10px;
padding: 6px 12px;
font-size: 14px;
transition: all 0.2s ease 0s;
color: white;
margin: 0;
}
.manager .content .recharge-form .pay-step {
padding-top: 15px;
font-size: 14px;
margin-bottom: -15px;
}
.manager .content .recharge-form .pay-step table.form-control {
width: 100%;
text-align: center;
}
.manager .content .recharge-form .pay-step table.form-control > tbody > tr {
line-height: 48px;
}
.manager .content .recharge-form .pay-step table.form-control > tbody > tr > td {
border-bottom: 1px solid #e9e9e9;
width: 30%;
position: relative;
}
.manager .content .recharge-form .pay-step table.form-control > tbody > tr > td.current {
color: #ED6C44;
}
.manager .content .recharge-form .help-tips {
line-height: 29px;
font-size: 13px;
background: #F2F2F2;
padding: 10px 24px;
margin: 4px 0px;
clear: both;
}
.manager .content .recharge-form .pay-amount {
line-height: 48px;
}
.manager .content .recharge-form .pay-amount > .label {
color: #333;
display: inline;
font-weight: normal;
padding: 0;
}
.manager .content .recharge-form .pay-amount > input[type="text"].form-control {
width: 300px;
height: 34px !important;
display: inline-block;
}
.manager .content .recharge-form .button-groups {
padding: 20px 0;
margin: 0 -5px;
}
.manager .content .recharge-form .button-groups > .button {
width: 140px;
margin: 0 5px;
}
.manager .content .recharge-form .button-groups > .big {
width: 294px;
background-color: #00C4FF;
border: 1px solid #00C4FF;
color: white;
}
.manager .content .recharge-form .transfers-details {
padding: 20px 120px 20px 160px;
border: 1px solid #e9e9e9;
}
.manager .content .recharge-form .transfers-details > .text {
padding: 8px 0;
line-height: 28px;
font-size: 14px;
color: #787876;
}
.manager .content .recharge-form .transfers-details > .text > .title {
color: #333;
font-weight: bold;
}
.manager .content .recharge-form .transfers-details > .bank-info {
height: 64px;
line-height: 62px;
}
.manager .content .recharge-form .transfers-details > .bank-info > .label {
font-size: 16px;
color: #333;
float: left;
}
.manager .content .recharge-form .transfers-details > .bank-info > .label > a {
color: #333;
text-decoration: none;
}
.manager .content .recharge-form .transfers-details > .bank-info > .label > a:hover {
color: #00C4FF;
}
.manager .content .recharge-form .transfers-details > .bank-info > .bank-list {
float: left;
}
.manager .content .recharge-form .transfers-details > table {
width: 100%;
border-top: 1px solid #e9e9e9;
border-right: 1px solid #e9e9e9;
color: #787876;
font-size: 14px;
margin: 10px 0;
}
.manager .content .recharge-form .transfers-details > table > tbody > tr {
line-height: 40px;
}
.manager .content .recharge-form .transfers-details > table > tbody > tr > td {
border-bottom: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
padding: 0 10px;
}
.manager .content .recharge-form .transfers-details > table > tbody > tr > td.label {
width: 15%;
text-align: right;
}
.manager .content .recharge-form .transfers-details > table > tbody > tr > td.value {
width: 35%;
}
.manager .content .recharge-form .transfers-details > table > tbody > tr > td.value > a.copy {
float: right;
cursor: pointer;
color: #00C4FF;
}
.manager .content .recharge-form .onlinepay-details {
padding: 20px 120px 20px 160px;
border: 1px solid #e9e9e9;
}
.manager .content .recharge-form .onlinepay-details > .text {
padding: 8px 0;
line-height: 28px;
font-size: 14px;
color: #787876;
}
.manager .content .recharge-form .onlinepay-details > .text > .title {
color: #333;
font-weight: bold;
}
.manager .content .recharge-form .onlinepay-details > .bank-info {
height: 54px;
line-height: 54px;
overflow: hidden;
}
.manager .content .recharge-form .onlinepay-details > .bank-info > .label {
font-size: 16px;
color: #333;
display: inline-block;
vertical-align: 22px;
}
.manager .content .recharge-form .onlinepay-details > .bank-info > .bank-list {
/* float: left; */
padding: 0;
display: inline-block;
}
.manager .content .recharge-form .onlinepay-details > .pay-info {
height: 54px;
line-height: 54px;
}
.manager .content .recharge-form .onlinepay-details > .pay-info > .label {
font-size: 16px;
color: #333;
display: inline-block;
}
.manager .content .recharge-form .onlinepay-details > .pay-info > .value {
display: inline-block;
font-size: 16px;
color: #333;
}
.manager .content .recharge-form .bank-list {
/* margin: 0 -5px; */
/* padding: 4px 0; */
/* overflow: hidden; */
}
.manager .content .recharge-form .bank-list > .item {
position: relative;
width: 164px;
height: 44px;
display: block;
border: 1px dashed #C1C1C1;
margin: 5px;
padding: 10px 0;
float: left;
cursor: pointer;
border-radius: 0px;
}
.manager .content .recharge-form .bank-list > .item:hover {
border: 1px solid #00C4FF;
}
.manager .content .recharge-form .bank-list > .item.selected {
border: 2px solid #00C4FF;
padding: 9px 0;
}
.manager .content .recharge-form .bank-list > .item > i.checked {
position: absolute;
width: 26px;
height: 18px;
bottom: 0px;
right: 0px;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
background-position: -24px -130px;
display: none;
}
.manager .content .recharge-form .bank-list > .item.selected > i.checked {
display: block;
}
.manager .content .recharge-form .bank-list > .item {
background: url("../img/common/banklist.jpg") no-repeat #fff;
background-position: 0 0;
background-repeat: no-repeat;
}
.manager .content .recharge-form .bank-list > .item.b1 {
background-position: 0 0;
}
.manager .content .recharge-form .bank-list > .item.b2 {
background-position: 0 -40px;
}
.manager .content .recharge-form .bank-list > .item.b3 {
background-position: 0 -80px;
}
.manager .content .recharge-form .bank-list > .item.b4 {
background-position: 0 -120px;
}
.manager .content .recharge-form .bank-list > .item.b5 {
background-position: 0 -160px;
}
.manager .content .recharge-form .bank-list > .item.b6 {
background-position: 0 -200px;
}
.manager .content .recharge-form .bank-list > .item.b7 {
background-position: 0 -240px;
}
.manager .content .recharge-form .bank-list > .item.b8 {
background-position: 0 -280px;
}
.manager .content .recharge-form .bank-list > .item.b9 {
background-position: 0 -320px;
}
.manager .content .recharge-form .bank-list > .item.b10 {
background-position: 0 -360px;
}
.manager .content .recharge-form .bank-list > .item.b11 {
background-position: 0 -400px;
}
.manager .content .recharge-form .bank-list > .item.b12 {
background-position: 0 -440px;
}
.manager .content .recharge-form .bank-list > .item.b13 {
background-position: 0 -480px;
}
.manager .content .recharge-form .bank-list > .item.b14 {
background-position: 0 -520px;
}
.manager .content .recharge-form .bank-list > .item.b15 {
background-position: 0 -560px;
}
.manager .content .recharge-form .bank-list > .item.b16 {
background-position: 0 -600px;
}
.manager .content .recharge-form .bank-list > .item.b17 {
background-position: 0 -640px;
}
.manager .content .recharge-form .bank-list > .item.b18 {
background-position: 0 -680px;
}
.manager .content .recharge-form .bank-list > .item.b19 {
background-position: 0 -720px;
}
.manager .content .recharge-form .bank-list > .item.b20 {
background-position: 0 -760px;
}
.manager .content .recharge-form .bank-list > .item.b21 {
background-position: 0 -800px;
}
.manager .content .recharge-form .bank-list > .item.b22 {
background-position: 0 -840px;
}
.manager .content .recharge-form .bank-list > .item.b23 {
background-position: 0 -880px;
}
.manager .content .recharge-form .bank-list > .item.b24 {
background-position: 0 -920px;
}
.manager .content .recharge-form .bank-list > .item.b98 {
background-image: url("../img/common/wxpay.jpg");
background-position: 0 -2px;
}
.manager .content .recharge-form .bank-list > .item.b99 {
background-image: url("../img/common/alipay.png");
background-position: 0 -2px;
}
.manager .content .recharge-form .bank-list > .item.b100 {
background-image: url("../img/common/qqpay.png");
background-position: 0 -2px;
}
.manager .content .bind-card-list {
padding: 10px 0;
}
.manager .content .bind-card-list > .item {
height: 44px;
line-height: 44px;
font-size: 18px;
margin-bottom: 30px;
color: #333;
}
.manager .content .bind-card-list > .item > .label {
width: 118px;
height: 50px;
float: left;
text-align: right;
font-size: 16px;
font-weight: bold;
}
.manager .content .bind-card-list > .item > .infos {
width: 648px;
height: 45px;
float: left;
/* border: 1px solid #e9e9e9; */
margin: 0 15px;
padding: 0 15px;
}
.manager .content .bind-card-list > .item.not-bind > .infos {
border: 1px dotted #00C4FF;
text-align: center;
color: #787876;
}
.manager .content .bind-card-list > .item > .infos > div {
height: 50px;
float: left;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo {
width: 164px;
height: 43px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo {
background-image: url("../img/common/banklist.jpg");
background-position: 0 0;
background-repeat: no-repeat;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b1 {
background-position: 0 0;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b2 {
background-position: 0 -40px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b3 {
background-position: 0 -80px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b4 {
background-position: 0 -120px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b5 {
background-position: 0 -160px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b6 {
background-position: 0 -200px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b7 {
background-position: 0 -240px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b8 {
background-position: 0 -280px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b9 {
background-position: 0 -320px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b10 {
background-position: 0 -360px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b11 {
background-position: 0 -400px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b12 {
background-position: 0 -440px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b13 {
background-position: 0 -480px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b14 {
background-position: 0 -520px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b15 {
background-position: 0 -560px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b16 {
background-position: 0 -600px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b17 {
background-position: 0 -640px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b18 {
background-position: 0 -680px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b19 {
background-position: 0 -720px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b20 {
background-position: 0 -760px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b21 {
background-position: 0 -800px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b22 {
background-position: 0 -840px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b23 {
background-position: 0 -880px;
}
.manager .content .bind-card-list > .item > .infos > .bank-logo.b24 {
background-position: 0 -920px;
}
.manager .content .bind-card-list > .item > .infos > .card-id {
width: 280px;
font-size: 24px;
text-align: center;
}
.manager .content .bind-card-list > .item > .infos > .card-name {
width: 90px;
}
.manager .content .bind-card-list > .item > .infos > .default {
width: 74px;
}
.manager .content .bind-card-list > .item > .actions {
float: left;
line-height: 30px;
}
.manager .content .bind-card-list > .item > .actions > .btn {
width: 134px;
height: 35px;
font-size: 14px;
color: #00C4FF;
border: 1px dotted #00C4FF;
display: block;
text-align: center;
cursor: pointer;
padding: 0;
}
.manager .content .bind-card-list > .item > .actions > .btn.active {
background-color: #00C4FF;
color: #fff;
}
.manager .content .bind-card-list > .item > .actions > .btn > i {
width: 31px;
height: 30px;
display: inline-block;
vertical-align: -13px;
}
.manager .content .bind-card-list > .item > .actions > .btn > i.set {
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
background-position: -25px -172px;
}
.manager .content .bind-card-list > .item > .actions > .btn > i.add {
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
background-position: 0 -172px;
}
.manager .content .bind-card-list > .item > .actions > .btn > span {
height: 30px;
line-height: 34px;
width: 20px;
}
/**
*/
.manager .content .cardlist {
width: 680px;
padding: 10px 0;
}
.manager .content .cardlist > .card {
height: 60px;
position: relative;
border: 1px solid #cfcfcf;
vertical-align: middle;
padding: 6px 16px;
margin-bottom: 16px;
cursor: pointer;
color: #333;
background: #fff;
}
.manager .content .cardlist > .card:last-child {
margin-bottom: 0;
}
.manager .content .cardlist > .card:hover {
border-color: #00C4FF;
}
.manager .content .cardlist > .card.selected {
border: 2px solid #00C4FF;
padding: 5px 15px;
/* box-shadow: 5px 5px rgba(102, 102, 102, 0.1); */
}
.manager .content .cardlist > .card > .logo {
width: 164px;
height: 44px;
margin: 1px 0;
float: left;
}
.manager .content .cardlist > .card > .logo {
background-image: url("../img/common/banklist.jpg");
background-position: 0 0;
background-repeat: no-repeat;
}
.manager .content .cardlist > .card > .logo.b1 {
background-position: 0 0;
}
.manager .content .cardlist > .card > .logo.b2 {
background-position: 0 -40px;
}
.manager .content .cardlist > .card > .logo.b3 {
background-position: 0 -80px;
}
.manager .content .cardlist > .card > .logo.b4 {
background-position: 0 -120px;
}
.manager .content .cardlist > .card > .logo.b5 {
background-position: 0 -160px;
}
.manager .content .cardlist > .card > .logo.b6 {
background-position: 0 -200px;
}
.manager .content .cardlist > .card > .logo.b7 {
background-position: 0 -240px;
}
.manager .content .cardlist > .card > .logo.b8 {
background-position: 0 -280px;
}
.manager .content .cardlist > .card > .logo.b9 {
background-position: 0 -320px;
}
.manager .content .cardlist > .card > .logo.b10 {
background-position: 0 -360px;
}
.manager .content .cardlist > .card > .logo.b11 {
background-position: 0 -400px;
}
.manager .content .cardlist > .card > .logo.b12 {
background-position: 0 -440px;
}
.manager .content .cardlist > .card > .logo.b13 {
background-position: 0 -480px;
}
.manager .content .cardlist > .card > .logo.b14 {
background-position: 0 -520px;
}
.manager .content .cardlist > .card > .logo.b15 {
background-position: 0 -560px;
}
.manager .content .cardlist > .card > .logo.b16 {
background-position: 0 -600px;
}
.manager .content .cardlist > .card > .logo.b17 {
background-position: 0 -640px;
}
.manager .content .cardlist > .card > .logo.b18 {
background-position: 0 -680px;
}
.manager .content .cardlist > .card > .logo.b19 {
background-position: 0 -720px;
}
.manager .content .cardlist > .card > .logo.b20 {
background-position: 0 -760px;
}
.manager .content .cardlist > .card > .logo.b21 {
background-position: 0 -800px;
}
.manager .content .cardlist > .card > .logo.b22 {
background-position: 0 -840px;
}
.manager .content .cardlist > .card > .logo.b23 {
background-position: 0 -880px;
}
.manager .content .cardlist > .card > .logo.b24 {
background-position: 0 -920px;
}
.manager .content .cardlist > .card > .cardno {
width: 280px;
height: 46px;
line-height: 44px;
font-size: 22px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
float: left;
}
.manager .content .cardlist > .card > .default,
.manager .content .cardlist > .card > .name {
width: 100px;
height: 46px;
line-height: 44px;
text-align: center;
float: left;
}
.manager .content .cardlist > .card > i.checked {
position: absolute;
width: 26px;
height: 18px;
bottom: 0;
right: 0;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
background-position: -24px -130px;
display: none;
}
.manager .content .cardlist > .card.selected > i.checked {
display: block;
}
/**
*/
.manager .content .security-point {
height: 140px;
border-bottom: 1px solid #e9e9e9;
margin: 0 -30px;
padding: 0 30px;
}
.manager .content .security-point > .point {
width: 120px;
height: 120px;
padding: 20px 0;
float: left;
border-radius: 50%;
border: 3px solid #ec4646;
overflow: hidden;
}
.manager .content .security-point > .point.safe {
border: 3px solid #FF5D00;
}
.manager .content .security-point > .point > .text {
line-height: 32px;
font-size: 16px;
color: #333;
text-align: center;
}
.manager .content .security-point > .point > .value {
font-size: 16px;
color: #ec4646;
text-align: center;
}
.manager .content .security-point > .point.safe > .value {
color: #FF5D00;
}
.manager .content .security-point > .point > .value > span {
font-size: 36px;
}
.manager .content .security-point > .infos {
padding: 15px 20px;
float: left;
font-size: 14px;
color: #787876;
}
.manager .content .security-point > .infos > .stars {
height: 24px;
}
.manager .content .security-point > .infos > .stars > a {
width: 23px;
height: 24px;
float: left;
margin: 0 2px;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
background-position: -23px -148px;
}
.manager .content .security-point > .infos > .stars > a.light {
background-position: 0 -148px;
}
.manager .content .security-point > .infos > .stars.safe > a.light {
background-position: -46px -148px;
}
.manager .content .security-point > .infos > .tips {
color: #FF5D00;
font-size: 16px;
line-height: 32px;
}
.manager .content .security-point > .infos > .last-login > a {
color: #00C4FF;
text-decoration: underline;
cursor: pointer;
}
.manager .content .security-list {
padding: 20px 0;
}
.manager .content .security-list > .item {
border: 1px solid #e9e9e9;
overflow: hidden;
margin-bottom: 20px;
float: left;
height: 100px;
position: relative;
border-radius: 85px;
margin-left: 50px;
}
@media screen and (max-width:1200px){
.manager .content .security-list > .item {margin-left:0}
}
.manager .content .security-list > .item > .icon {
width: 98px;
height: 98px;
background-color: #fafafa;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
}
.manager .content .security-list > .item.safe > .icon {
background-color: #00C4FF;
box-shadow: 0px 0px 18px white inset;
}
.manager .content .security-list > .item.notsafe > .icon {
background-color: #ee4645;
}
.manager .content .security-list > .item > .icon > i {
width: 50px;
height: 50px;
margin: 15px;
display: block;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
margin-top: 25px;
margin-left: 25px;
}
.manager .content .security-list > .item > .icon > i.lock {
background-position: 0 0;
}
.manager .content .security-list > .item > .icon > i.money {
background-position: -46px 0;
}
.manager .content .security-list > .item > .icon > i.security {
background-position: -97px 0;
}
.manager .content .security-list > .item > .icon > i.card {
background-position: -150px 0;
}
.manager .content .security-list > .item > .icon > i.pen {
background-position: -200px 0;
}
.manager .content .security-list > .item > .icon > i.email {
background-position: -250px 0;
}
.manager .content .security-list > .item > .icon > i.user {
background-position: -300px 0;
}
.manager .content .security-list > .item > .icon > i.personal {
background-position: -350px 0;
}
.manager .content .security-list > .item > .infos {
width: 588px;
margin: 0px 14px;
display: inline-block;
vertical-align: middle;
width: 290px;
}
.manager .content .security-list > .item > .infos > .title {
font-size: 16px;
line-height: 30px;
}
.manager .content .security-list > .item > .infos > .help {
line-height: 18px;
color: #787876;
font-size: 12px;
}
.manager .content .security-list > .item > .actions {
width: 120px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin: -5px 0;
position: absolute;
bottom: 3px;
right: 142px;
background: #00C4FF;
border-radius: 15px 15px 0px 0px;
}
.manager .content .security-list > .item > .actions > .button {
height: 27px;
line-height: 28px;
display: inline-block;
color: #666;
text-shadow: none;
/* margin: 5px 0; */
vertical-align: middle;
border-radius: 0;
font-size: 13px;
color: #FFFFFF;
background: rgba(255, 255, 255, 0);
text-decoration: none;
border: none;
box-shadow: none;
}
.manager .content .security-list > .item > .actions > .button:hover {
text-shadow: 1px 1px 1px rgb(210, 210, 210);
}
.manager .content .security-list > .item.safe > .infos > .title {
color: #0E2946;
}
.manager .content .security-list > .item.safe:hover {
border: 1px solid #00C4FF;
}
.manager .content .security-list > .item.notsafe > .infos > .title {
color: #ee4645;
}
.manager .content .security-list > .item.notsafe:hover {
border: 1px solid #ee4645;
}
.manager .content .personal-info {
padding: 10px 8px;
overflow: hidden;
position: relative;
border-right: 1px solid #ddd;
}
.manager .content .personal-info > .avatar {
width: 100%;
height: 115px;
}
.manager .content .personal-info > .avatar > .img {
position: relative;
width: 115px;
height: 115px;
overflow: hidden;
border: 2px solid #00C4FF;
border-radius: 50%;
margin: 0 auto;
}
.manager .content .personal-info > .avatar > .vip {
position: absolute;
top: -7px;
right: 35px;
width: 44px;
height: 15px;
line-height: 15px;
font-size: 12px;
text-align: center;
background-color: #00C4FF;
color: #FFF;
z-index: 1;
border-radius: 18px;
display: none;
}
.manager .content .personal-info > .avatar > .img > a {
height: 30px;
line-height: 28px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #FFF;
background-color: #00C4FF;
text-align: center;
cursor: pointer;
font-size: 14px;
/* box-shadow: 0px 10px 20px -5px rgb(255, 0, 0) inset; */
}
.manager .content .personal-info > .avatar > .img > a:hover {
background-color: #00C4FF;
}
.manager .content .personal-info > .infos {
width: 100%;
}
.manager .content .personal-info > .infos > .username {
color: #fb7c23;
border-bottom: 1px solid #ddd;
text-align: center;
margin-top: 19px;
padding-bottom: 20px;
cursor: pointer;
}
.manager .content .personal-info > .infos > .username > a {
font-size: 14px;
color: #00C4FF;
padding: 0 5px;
cursor: pointer;
text-decoration: underline;
}
.manager .content .personal-info > .infos > .text {
font-size: 14px;
color: #787876;
text-align: center;
line-height: 28px;
}
.manager .content .personal-info > .infos > .text.textl{text-align:left}
.manager .content .personal-info > .actions {
height: 93px;
}
.manager .content .personal-info > .infos > .text.textl .salf-dj{color: #fa6400;}
.manager .content .personal-info > .infos > .text:nth-child(7){margin-top:10px}
.manager .content .personal-info > .actions > .item {
width: 33.33%;
height: 44px;
float: left;
cursor: pointer;
}
.manager .content .personal-info > .actions > .item.blue:hover {
}
.manager .content .personal-info > .actions > .item.dark-green:hover {
}
.manager .content .personal-info > .actions > .item > i {
width: 100%;
height: 30px;
margin: 0 auto;
display: inline-block;
text-align: center;
/* background-image: url("../img/manager/manager_icon.png"); */
background-repeat: no-repeat;
vertical-align: -5px;
}
.manager .content .personal-info > .actions > .item > i.login {
background-position: 0 -16px;
}
.manager .content .personal-info > .actions > .item > i.withdraw {
background-position: -45px -11px;
}
.manager .content .personal-info > .actions > .item > i.security {
background-position: -97px -5px;
/* margin-left: 28px; */
}
.manager .content .personal-info > .actions > .item > i.login:before {content: '\e008';font-family: 'Glyphicons Halflings';font-size: 21px;color: #fa6400;text-align: center;}
.manager .content .personal-info > .actions > .item > i.withdraw:before {content: '\f1a0'; font: normal normal normal 14px/1 FontAwesome;font-size: 22px;color: #fa6400;}
.manager .content .personal-info > .actions > .item > i.security:before {content: '\f0e0';font: normal normal normal 14px/1 FontAwesome;font-size: 22px;color: #fa6400;vertical-align: 5px;}
.manager .content .personal-info > .actions > .item > a {
line-height: 21px;
color: #FF9800;
font-size: 12px;
text-align: center;
display: inline-block;
width: 100%;
}
.fa {
font: normal normal normal 14px/1
}
.googletest .erweima{text-align:center;}
.googletest .tips{padding-left:14px;padding-top: 23px;}
.googletest .googletop{overflow:hidden;margin-bottom: 10px;}
.googletest .erweima img{width: 120px;height: 120px;}
.manager .content .vip-coupon-list {
margin-top: 30px;
overflow: hidden;
display: none;
}
.googletest .googlelink b{color: #818181;display:block;}
.googletest .googlelink a{color: #7F7F7F;line-height: 23px;}
.manager .content .bind-form {
margin-top: 20px;
}
.googletest .googlelink{width:100%;display:block;margin-bottom: 10px;}
.googletest .googlelink li {
text-align: center;
}
.manager .content .title1-1 {
height: 40px;
line-height: 40px;
font-size: 16px;
color: #333;
background-color: #EDEDED;
padding: 0 16px;
margin-bottom: 10px;
}
.manager .content .vip-coupon-list > .list {
height: 120px;
margin: 20px 0;
padding: 0 18px;
}
.manager .content .vip-coupon-list > .list > .item {
width: 100px;
height: 120px;
float: left;
margin: 0 12px;
text-align: center;
text-decoration: none;
display: block;
}
.manager .content .vip-coupon-list > .list > .item > .text {
height: 40px;
line-height: 38px;
font-size: 14px;
color: #333;
}
.manager .content .vip-coupon-list > .list > .item > i {
width: 80px;
height: 80px;
margin: 0 auto;
display: block;
background-image: url("../img/manager/manager_icon.png");
background-repeat: no-repeat;
cursor: pointer;
box-shadow: 0px 0px 3px white inset;
}
.manager .content .vip-coupon-list > .list > .item:hover > i {
background-color: #00C4FF;
border-radius:50%;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-1 {
background-position: -6px -50px;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-2 {
background-position: -80px -50px;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-3 {
background-position: -160px -50px;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-4 {
background-position: -241px -53px;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-5 {
background-position: -322px -51px;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-6 {
background-position: -397px -51px;
}
.manager .content .vip-coupon-list > .list > .item > i.vip1-7 {
background-position: -483px -60px;
}
.manager .content .money-account-list {
margin: -20px -30px 10px -30px;
color: #787876;
display: none;
}
.manager .content .money-account-list > .master-account {
overflow: hidden;
}
.manager .content .money-account-list > .master-account > .item {
width: 324px;
height: 80px;
line-height: 78px;
text-indent: 28px;
float: left;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
font-size: 14px;
}
.manager .content .money-account-list > .master-account > .item > .amount {
font-size: 24px;
color: #00C4FF;
}
.manager .content .money-account-list > .master-account > .item.first {
border-left: none;
}
.manager .content .money-account-list > .master-account > .item.last {
border-right: none;
}
.manager .content .money-account-list > .deputy-account {
overflow: hidden;
}
.manager .content .money-account-list > .deputy-account > .item {
width: 242px;
height: 50px;
line-height: 48px;
text-indent: 16px;
float: left;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
font-size: 14px;
margin-top: -1px;
}
.manager .content .money-account-list > .deputy-account > .item.first {
border-left: none;
}
.manager .content .money-account-list > .deputy-account > .item.last {
border-right: none;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo {
height: 38px;
display: inline-block;
background-image: url("../img/manager/platform_icon.png");
background-repeat: no-repeat;
vertical-align: -14px;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.ag {
width: 40px;
background-position: -10px 0;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.bbin {
width: 38px;
background-position: -56px 0;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.ea {
width: 40px;
background-position: -94px 0;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.hg {
width: 62px;
background-position: -136px 0;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.og {
width: 40px;
background-position: -200px 0;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.bet188 {
width: 46px;
background-position: -240px 0px;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.mg {
width: 40px;
background-position: -288px 0;
}
.manager .content .money-account-list > .deputy-account > .item > i.logo.pt {
width: 62px;
background-position: -330px 0;
}
.manager .content .transfers-form > .trans-out-list {
position: relative;
color: #333;
}
.manager .content .transfers-form > .trans-out-list > .label {
/* width: 90px; */
/* height: 40px; */
/* line-height: 38px; */
font-size: 16px;
}
.manager .content .transfers-form > .trans-out-list > .list {
/* margin: 0 -10px 0 20px; */
/* overflow: hidden; */
display: inline-block;
}
.manager .content .transfers-form > .trans-out-list > .list > .item {
position: relative;
/* width: 68px; */
/* height: 88px; */
float: left;
border: 1px solid #95aacb;
padding: 9px;
cursor: pointer;
/* margin: 0 10px 20px 10px; */
font-size: 14px;
/* box-shadow: 0px 0px 11px rgb(239, 239, 239) inset; */
/* border-radius: 3px; */
text-align: center;
padding: 9px;
width: 96px;
margin: 0 4px;
}
.manager .content .transfers-form > .trans-out-list > .list > .item:hover {
border: 1px solid #EC6E1B;
}
.manager .content .transfers-form > .trans-out-list > .list > .item > .label {
height: 20px;
line-height: 3px;
font-size: 14px;
text-transform: uppercase;
color: black;
font-weight: normal;
}
.manager .content .transfers-form > .trans-out-list > .list > .item > .value > input {
width: 188px;
height: 30px;
font-size: 13px;
border: 1px solid #beced8;
border-right: none;
background-color: #f5fdff;
float: left;
color: #808080;
text-indent: 6px;
}
.manager .content .transfers-form > .trans-out-list > .list > .item > .value > a {
width: 42px;
height: 30px;
line-height: 30px;
float: left;
background-color: #00C4FF;
text-align: center;
color: #fff;
cursor: pointer;
font-size: 13px;
}
.manager .content .transfers-form > .trans-out-list > .list > .item > .value > a:hover {
background-color: #00C4FF;
}
.manager .content .transfers-form > .trans-out-list > .list > .item > i.checked {
position: absolute;
width: 26px;
height: 18px;
bottom: 0;
right: 0;
/* background-image: url("../img/manager/manager_icon.png"); */
background-repeat: no-repeat;
background-position: -24px -130px;
display: none;
}
.manager .content .transfers-form > .trans-out-list > .list > .item.selected {
border-color: #EC6E1B;
background-color: #EC6E1B;
/* padding: 18px; */
}
.manager .content .transfers-form > .trans-out-list > .list > .item.selected > .value > a {
background-color: #00C4FF;
}
.manager .content .transfers-form > .trans-out-list > .list > .item.selected > .value > a:hover {
background-color: #00C4FF;
}
.manager .content .transfers-form > .trans-out-list > .list > .item.selected > i.checked {
display: block;
}
.manager .content .transfers-form > .trans-out-list > .total-money {
margin-left: 90px;
height: 60px;
font-size: 24px;
background-color: #f9f9f9;
line-height: 58px;
text-indent: 1em;
display: none;
}
.manager .content .transfers-form > .trans-in-list {
position: relative;
color: #333;
margin-top: 30px;
}
.manager .content .transfers-form > .trans-in-list > .label {
/* position: absolute; */
/* width: 90px; */
/* height: 40px; */
/* line-height: 38px; */
font-size: 16px;
}
.manager .content .transfers-form > .trans-in-list > .list {
/* margin: 0 -5px 0 85px; */
display: inline-block;
}
.manager .content .transfers-form > .trans-in-list > .list > .item {
/* height: 30px; */
/* line-height: 29px; */
float: left;
border: 1px solid #95aacb;
/* padding: 20px; */
cursor: pointer;
margin: 0 4px;
/* padding: 0 20px; */
font-size: 14px;
text-transform: uppercase;
/* border-radius: 20px; */
padding: 9px;
width: 96px;
text-align: center;
position: relative;