lixin-web/webapp/css/console.css

vue and bootstrap

/*html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select{margin: 0;padding: 0;  }*/
/*html, body{min-height: 100%;}*/
/*a{text-decoration:none;}*/
/*a:hover{text-decoration: none;}*/
/*body{font-family: "Microsoft YaHei";font-size:14px;color:#333;}*/
/*h1, h2, h3, h4, h5, h6{font-weight:normal;margin: 0;}*/
/*ul,ol {list-style: none;}*/
/*img {border: none;vertical-align: middle;}*/
/*#bar{background: #fff;}*/
/*#bar .container{height: 39px;background: #ffffff;}*/
/*#bar .container .time span{margin-right: 12px;}*/
/*#bar .container ul li a{margin: 0 10px;padding-left: 22px;}*/
/*#bar .container ul li:last-child a{margin-right: 0;}*/
/*#bar .container ul li:nth-child(1) a{background: url("../img/console/bar.png") no-repeat 0 0;}*/
/*#bar .container ul li:nth-child(2) a{background: url("../img/console/bar.png") no-repeat 0 -18px;}*/
/*#bar .container ul li:nth-child(3) a{background: url("../img/console/bar.png") no-repeat 0 -38px;}*/
/*#bar .container ul li:nth-child(4) a{background: url("../img/console/bar.png") no-repeat 0 -38px;}*/
/*#bar .container ul li:nth-child(5) a{background: url("../img/console/bar.png") no-repeat 0 -58px;}*/
/*#bar .container span, #bar .container ul li, #bar .container ul li a{color: #a9a9a9;line-height: 39px;}*/
/*#nav{background: #2ba7e7;height: 70px;}*/
/*#nav .navbar{min-height: 70px;}*/
/*#nav .navbar-header,#nav .navbar-brand{height: 70px;}*/
/*#nav .navbar-default{background-color: rgba(0,0,0,0);border: none;}*/
/*#nav .navbar-brand{padding: 0;}*/
/*#nav .navbar-brand>img{margin-top: 8px;}*/
/*#nav .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #fff;}*/
/*#nav .navbar-default .navbar-toggle{border-color: #fff;}*/
/*#nav .navbar-toggle{margin-top: 20px;}*/
/*#nav .navbar-default .navbar-nav>li{background: #2ba7e7;}*/
/*#nav .navbar-default .navbar-nav>li>a{color: #fff;}*/
/*#nav .nav-right, #nav .nav-right a{color: #fff;}*/
/*#nav .nav-right{line-height: 70px;}*/
/*#nav .nav-right ul li, #nav .nav-right ul li a{margin-right: 12px;}*/
/*#nav .nav-right ul li:last-child, #nav .nav-right ul li:last-child a{margin-right: 0;}*/
/*#nav .nav-right ul li:last-child{padding-right: 15px;}*/
/*#nav .nav-right .balance div{display: inline-block;border: 1px dotted #fff;width: 100%;height: 30px;margin-top: 20px;line-height: 30px;}*/
/*#nav .nav-right .col-md-2, #nav .nav-right .col-md-5, #nav .nav-right .col-md-5{padding: 0;}*/
/*#nav .nav-right .col-md-5 div{padding-left: 6px;border-radius: 14px;}*/
/*#nav .nav-right .col-md-5 div span{width: 24px;height: 14px;background: url("../img/console/eye.png") no-repeat center;margin: 8px 6px 0 0;cursor: pointer;}*/
#banner{background: url("../img/sample/console/banner.png") no-repeat center;height: 174px;color: #fff;}
#banner .avatar{position: relative;overflow: hidden;width: 94px;height: 94px;border-radius: 50%;}
#banner .avatar img{border-radius: 50%;}
#banner .avatar span{position: absolute;bottom: 0;left: 0;color: #fff;background: rgba(0,0,0,0.4);border-radius: 0 0 120px 120px;width: 94px;height: 30px;line-height: 30px;font-size: 12px;cursor: pointer;}
#banner .name{margin-right: 6px;font-size: 16px;}
#banner .progress{width: 120px;height: 6px;display: inline-block;margin: 0 6px 2px 4px;}
#banner ul{margin-top: 10px;}
#banner ul li{line-height: 26px;}
#banner .phone, #banner .email, #banner .google{width: 48px;height: 14px;cursor: pointer;padding-top: 56px;font-size: 12px;margin-top: 20px;}
#banner .phone{background: url("../img/sample/console/bannerlogo.png") no-repeat 0 0;}
#banner .email{background: url("../img/sample/console/bannerlogo.png") no-repeat -50px 0;}
#banner .google{background: url("../img/sample/console/bannerlogo.png") no-repeat -100px 0;}
#main{background: #edf2f4 url("../img/sample/console/bottomback.png") repeat-x bottom center;}
#main .container{position: relative;top: -40px;
    box-shadow:1px 1px 6px rgba(0,0,0,.58);
    background: #f4f9fb;
}
#main .container .row > div > div{

}
#main .container .con{
    box-shadow:1px 1px 6px rgba(0,0,0,.28)

}
#main .nav2 h4, #main .nav2 li{height: 40px;line-height: 40px;font-size: 14px;text-align: center;}
#main .nav2 a{
    display: block;
}
#main .nav2 a, #main{color: #333;}
#main .nav2{padding-right: 0;/* height: 887px; */
position: relative;
    z-index: 1;
}
#main .nav2>div{border-left: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;background: #edf2f4;}
#main .nav2>div:first-child{border-top: 1px solid #d5d5d5;}
#main .nav2>div>div{border-bottom: 1px solid #d5d5d5;}
#main .nav2>div>div:last-child{
    border-bottom:none;}
#main .nav2 h4{border-bottom: 1px solid #d5d5d5;background: #fff no-repeat;
    margin-top: 0;
    margin-bottom: 0;}
#main .nav2 h4 a{padding-left: 16px;}
#main .nav2 span{margin-left: 6px;font-size: 18px;width: 13px;height: 7px;;font-weight: bolder;display: inline-block;transform: rotate(0deg);transition: all .4 ease;background: url("../img/sample/console/svg/drop.svg")}
#main .nav2 ul{background: #f4f9fb;overflow: hidden;}
#main .nav2 .personal ul{height: 120px;}
#main .nav2 ul li:hover{background: #fff;}
#main .nav2 .personal h4{background: #fff url("../img/sample/console/svg/personal.svg") 30px 8px no-repeat;}
#main .nav2 .finance h4{background: #fff url("../img/sample/console/svg/finance.svg") 30px 8px no-repeat;}
#main .nav2 .orders h4{background: #fff url("../img/sample/console/svg/report.svg") 30px 8px no-repeat;}
#main .nav2 .team h4{background: #fff url("../img/sample/console/svg/proxy.svg") 30px 8px no-repeat;}
#main .nav2 .news h4{background: #fff url("../img/sample/console/svg/news.svg") 30px 8px no-repeat;}
#main .nav2 .play h4{background: #fff url("../img/sample/console/svg/Play.svg") 30px 8px no-repeat;}
#main .col-md-10{padding: 0;}
#main .con{padding: 0;border: 1px solid #d5d5d5;border-left: none;background: #fff;min-height: 967px;}
#main .con .secondary{height: 40px;line-height: 40px;background: rgba(244,249,251,0.8);padding-left: 15px;border-bottom: 1px solid #d5d5d5;}
#main .con .secondary span{color: #2ba7e7;}
#main .con .balance{height: 134px;margin: 0;border-bottom: 1px solid #d5d5d5;}
#main .con .balance .col-md-4, #main .con .wage-title .col-md-4, #main .con .wage-title .col-md-3{padding: 0;height: 100%;border-right: 1px solid #d5d5d5;}
#main .con .balance .col-md-4:last-child, #main .con .wage .col-md-4:last-child, #main .con .col-md-3:last-child{border-right: none;}
#main .con .balance span, #main .con .wage span, #main .con .wage-title span{font-size: 34px;margin: 16px 6px 0 0;display: inline-block;}
#main .con .balance .col-md-offset-2{padding-top: 26px;}
#main .con .funds{background: #fff;}
#main .con .details{margin: 0;height: 90px;border-bottom: 1px solid #d5d5d5;}
#main .con .details, #main .con .details a{font-size: 12px;}
#main .con .details .col-md-4{border-right: 1px solid #d5d5d5;height: 100%;}
#main .con .details .col-md-4:last-child{border: none;}
#main .con .details .row{margin-top: 14px;}
#main .con .details .row>div{line-height: 24px;}
#main .con .details .row a{display: inline-block;background: #2ba7e7;color: #fff;width: 60px;height: 24px;text-align: center;border-radius: 4px;}
#main .con .dividends .row{margin: 0;}
#main .con .dividends .row th{font-weight: normal;}
#main .con .dividends .row th span{color: #64c4c9;}
#main .con .dividends .row th a{text-decoration: underline;color: #2ba7e7;}
#main .con .dividends .table{border-bottom: 1px solid #d5d5d5;}
#main .con .dividends .title{border-top: 1px solid #d5d5d5;margin-top: 15px;}
#main .con .dividends .bs-bars{clear: both;}
#main .con .dividends .dividend-setting{margin-top: 10px;}
#main .con .initiated{width: 68px;height: 24px;border: 1px solid #2ba7e7;border-radius: 4px;color: #2ba7e7;background: rgba(0,0,0,0)}
#main .con .wage-title{border-bottom: 1px solid #d5d5d5;}
#main .con .wage .row, .safe-center .row{margin: 0;}
#main .con .wage-title .col-md-4, #main .con .wage-title .col-md-3{padding: 32px 0 0 32px;height: 132px;}
.safe-center .col-md-3 a{text-decoration: underline;color: #2ba7e7;}
#main .con .wage-list{margin-top: 15px;border-top: 1px solid #d5d5d5;height: 66px;line-height: 66px;}
#main .con .wage-list .bootstrap-table, #main .con .management .bootstrap-table{padding: 0 15px;}

.safe-center{color: #333;}
.safe-center .col-md-3{font-size: 14px;}
.safe-center .rebate{height: 54px;background: #f3f8fa;border-bottom: 1px solid #d5d5d5;}
.safe-center .rebate span{font-weight: bold;}
.safe-center .rebate>div{height: 54px;line-height: 54px;text-align: center;}
.safe-center ul{padding: 20px;}
.safe-center ul li{height: 90px;background: url("../img/sample/console/safebg.png") no-repeat 0 14px;border-bottom: 1px solid #d5d5d5;margin-bottom: 10px;}
.safe-center ul li:nth-child(2){background-position: 0 -86px;}
.safe-center ul li:nth-child(3){background-position: 0 -186px;}
.safe-center ul li:nth-child(4){background-position: 0 -286px;}
.safe-center ul li:nth-child(5){background-position: 0 -386px;}
.safe-center ul li .col-md-9{padding-left: 90px;margin-top: 20px;}
.safe-center ul li .col-md-9 span{display: inline-block;font-size: 14px;font-weight: bold;margin-bottom: 10px;}
.safe-center ul li .col-md-3 div{width: 100px;height: 32px;border-radius: 4px;text-align: center;line-height: 32px;margin: 26px 0 0 120px;cursor: pointer;}
.safe-center ul li .col-md-3 .end{border: 1px solid #d5d5d5;background: #eee;}
.safe-center ul li .col-md-3 .start{border: 1px solid #2ba7e7;background: #2ba7e7;color: #fff;}
.safe-center ul li .col-md-3 .then{border: 1px solid #64c4c9;background: #64c4c9;color: #fff;}

#main .con .information .body li i{color: red;margin: 4px;}

#main .title{height: 54px;line-height: 54px;position: relative;margin: 0;border-bottom: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;}
#main .title>div{cursor: pointer;}
#main .title .active{color: #2ba7e7;}
#main .body .deposit, #main .body .withdrawal, #main .body .transfer, #main .body .bootstrap-table{padding: 0 20px;}



#main .body select{display: inline-block;}
#main .subscript{position: absolute;bottom: 0;left: 30px;}
#main .subscript .triangle{width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid #2ba7e7;position: absolute;left: 50%;top: -10px;margin-left: -3px;}
#main .subscript .line{width: 95px;height: 2px;background: #2ba7e7;}


#registCenter h4{
    text-align: left;
}

.fixed-table-loading { display: none !important }
@media (max-width: 1200px){
    #nav .nav>li>a{padding: 10px 9px;}
    #nav .nav-right ul li, #nav .nav-right ul li a{margin-right: 6px;}
}
@media (min-width: 768px){
    #nav .navbar-nav>li>a{padding-top: 26px;}
}

#sendMessage .radio-group input{
    vertical-align: -1px;
}