body {margin:0 auto; padding:0; background-color: #101113}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,form,fieldset,input,textarea,blockquote,p,object{padding:0;margin:0}
table,td,tr,th{font-size:12px}
li{list-style-type:none}
img{vertical-align:top;border:0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
address,cite,code,em{font-weight:normal;font-style:normal}
a{text-decoration:none;}
a:hover{text-decoration:none;}
input {border: 0; margin: 0; padding:0;}
/* 改变select */
select {border: none;/*清除select的边框样式 */outline: none;/*清除select聚焦时候的边框颜色*/appearance: none;    /*清除select下拉箭头*/-webkit-appearance: none; /*清除select拉箭头*/-moz-appearance: none; /*清除select聚焦时候的边框颜色*/background-color:#ffffff;}
/* 改变select */
option::-ms-expand{display: none;}
/* 改变select */
option{-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */appearance:none;outline: none;border: 0;background-color:#ffffff;}
/* --背景色字体颜色--*/
option:hover{color:#ffffff;background-color:#ffffff;outline: none;border: 0;}
[v-cloak] {display: none;}
.flex {display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;}
.aline{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mline{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.w-1903 {width: 99%; margin: 0 auto; padding: 0; }
.firstBox {margin: 0 auto; height: 94px; border-bottom: 1px solid #393939;}
.firstBox .flex {height: 100%; }
.firstBox .flex .logoBox {width: 61.82%; height: 64px; margin-left: 1.36%; margin-top: 15px; }
.firstBox .flex .searchBox {width: 15.47%; height: 42px; margin-top: 23px; background-color: #1a1e20}
.firstBox .flex .ringBox {width: 7.605%; height: 42px; margin-left: 19px; margin-right: 23px; margin-top: 23px; background-color: #191816}
.firstBox .flex .userBox {height: 54px; margin-top: 19px; }
.firstBox .flex .logoBox .imgBox {height: 64px; width: 64px;}
.firstBox .flex .logoBox .imgBox img {height: 100%; width: 100%;}
.firstBox .flex .logoBox .titleB {margin-left: 22px}
.firstBox .flex .logoBox .titleB .title {height: 29px; line-height: 29px; font-size: 29px; color: #ffffff; text-align: left}
.firstBox .flex .logoBox .titleB .title2 {padding: 0 9px; margin-top: 7px; height: 24px; line-height: 24px; border: 1px solid #626364; font-size: 15px; color: #8b8b8b}
.firstBox .flex .logoBox .applyBox {margin-left: 62.59%; margin-right: 32px; }
.firstBox .flex .logoBox .applyBox .tt {margin-right: 5px; height: 39px; line-height: 50px; font-size: 20px; color: #acb2b3; }
.firstBox .flex .logoBox .applyBox img {display: block; }
.firstBox .flex .flex {justify-content: flex-start; align-items: center;}
.firstBox .flex .searchBox .search {height: 25px; margin: 0 10px 0 12px; }
.firstBox .flex .searchBox input {width: 57%; height: 22px; line-height: 22px; font-size: 20px; color: #525354; background-color: #1a1e20; }
.firstBox .flex .searchBox input::placeholder {width: 170px; height: 22px; line-height: 22px; font-size: 20px; color: #525354; background-color: #1a1e20; }
.firstBox .flex .searchBox .btn {width: 60px; height: 26px;}
.firstBox .flex .searchBox {justify-content: flex-start; align-items: center;}
.firstBox .flex .ringBox {justify-content: flex-start; align-items: center; line-height: 21px; font-size: 20px; color: #dc9232}
.firstBox .flex .ringBox img {margin: 0 11px 0 17px; }
.firstBox .flex .userBox .imgBox {width: 53px; height: 53px; border-radius: 50%; overflow: hidden;}
.firstBox .flex .userBox .imgBox img {width: 100%}
.firstBox .flex .userBox .titleB {margin-left: 8px; margin-top: -5px; color: #9ba1a2}
.firstBox .flex .userBox .titleB .title {font-size: 15px; }
.firstBox .flex .userBox .titleB .title .name {width: 70px;}
.firstBox .flex .userBox .titleB .title img {width: 21px; margin-left: 8px; margin-top: 4px;}
.firstBox .flex .userBox .titleB .position {width: 74px; margin-top: 0; text-align: center; font-size: 14px; border: 1px solid #9ba1a2}
.firstBox .searchBox .logoBox {width: 89%; }

.secondBox {height: 610px; margin: 12px auto 0;}
.secondBox .box {width: 99%; height: 610px; margin: 0 auto}
.secondBox .box {justify-content: space-between; align-items: center;}
.secondBox .box .yield {width: 47.56%; height: 100%; background-color: #181a1b; border-radius: 5px;}
.secondBox .box .yield .titleBox {margin: 22px 29px 0; height: 29px; justify-content: flex-start;}
.secondBox .box .yield .titleBox .title {font-size: 28px; color: #ffffff; width: 19%; height: 100%; line-height: 29px;}
.secondBox .box .yield .titleBox .desc {width: 70%; font-size: 17px; color: #8b8b8b; margin-top: 6px;}
.secondBox .box .yield .titleBox .btn {width: 78px; margin-left: 10px; margin-top: 2px; text-align: right;}
.secondBox .box .yield .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23;}
.secondBox .box .yield .yieldBox {margin: 32px 60px 0; justify-content: flex-start; }
.secondBox .box .yield .yieldBox .item {text-align: left; width: 39%; }
.secondBox .box .yield .yieldBox .item .title {height: 20px; line-height: 20px; font-size: 20px; color: #8b8b8b; }
.secondBox .box .yield .yieldBox .item .number {height: 30px; line-height: 30px; font-size: 30px; color: #c9313a; margin-top: 13px; }
.secondBox .box .yield .yieldBox .thr {width: auto; }

.secondBox .box .investment {width: 25.32%; height: 100%;}
.secondBox .box .listBox {width: 100%; height: 298px; background-color: #181a1b; border-radius: 5px;}
.secondBox .box .listBox .titleBox {margin: 0 29px; padding-top: 22px; height: 29px; justify-content: space-between;}
.secondBox .box .listBox .titleBox .title {font-size: 28px; color: #ffffff; width: 160px; height: 100%; line-height: 29px;}
.secondBox .box .listBox .titleBox .btn {font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .listBox .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .listBox .projectTitle {margin-left: 29px; height: 20px; line-height: 20px; font-size: 20px; color: #8b8b8b; margin-top: 10px;}
.secondBox .box .listBox .list {margin: 12px 28px 0 33px;}
.secondBox .box .listBox .list ul {margin: 0 auto}
.secondBox .box .listBox .list ul li {width: 100%; padding-bottom: 3px; border-bottom: 2px solid #8b8b8b; margin-top: 17px; }
.secondBox .box .listBox .list ul li a {width: 100%; justify-content: flex-start;}
.secondBox .box .listBox .list ul li a span {color: #8b8b8b; }
.secondBox .box .listBox .list ul li a .title {width: 53%; }
.secondBox .box .listBox .list ul li a .desc {width: 11.54%; }
.secondBox .box .listBox .list ul li a .num {width: 20.68%;}
.secondBox .box .listBox .list ul li a .date {width: auto}
.secondBox .box .detailBox {margin-top: 13px; width: 100%; height: 298px; background-color: #181a1b; border-radius: 5px;}
.secondBox .box .detailBox .titleBox {margin: 0 29px; padding-top: 22px; height: 29px; justify-content: space-between;}
.secondBox .box .detailBox .titleBox .title {font-size: 28px; color: #ffffff; width: 38%; height: 100%; line-height: 29px;}
.secondBox .box .detailBox .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .detailBox #jyDetailContainer {margin: 24px 29px 0; height: 200px; }
.secondBox .box .asset {width: 25.32%; height: 100%; }
.secondBox .box .asset .assetBox {width: 100%; height: 297px; background-color: #181a1b; border-radius: 5px;}
.secondBox .box .asset .assetBox .titleBox {margin: 0 29px; padding-top: 22px; height: 29px; justify-content: space-between;}
.secondBox .box .asset .assetBox .titleBox .title {font-size: 28px; color: #ffffff; width: 33%; height: 100%; line-height: 29px;}
.secondBox .box .asset .assetBox .titleBox .btn {font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .asset .assetBox .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .asset .assetBox .projectTitle {margin-left: 29px;height: 20px;line-height: 20px;font-size: 20px;color: #8b8b8b;margin-top: 10px;}
.secondBox .box .asset .assetBox .progressBar {margin: 55px 29px 0; }
.secondBox .box .asset .assetBox .progressBar .item {justify-content: space-between; margin-bottom: 20px; }
.secondBox .box .asset .assetBox .progressBar .item .title {height: 24px; line-height: 24px; font-size: 24px; color: #8b8b8b; }
.secondBox .box .asset .assetBox .progressBar .item .progress {width: 53.46%; height: 24px; background-color: #24282b; position: relative; overflow: hidden; }
.secondBox .box .asset .assetBox .progressBar .item .yellow {background-color: #d38c28; height: 100%; }
.secondBox .box .asset .assetBox .progressBar .item .yellow .num {text-indent: 7px; height: 24px; line-height: 24px; font-size: 15px; color: #ffffff; position: absolute; left: 0;}
.secondBox .box .asset .detailBox .titleBox {margin: 0 29px; padding-top: 22px; height: 29px; justify-content: space-between;}
.secondBox .box .asset .detailBox .titleBox .title {font-size: 28px; color: #ffffff; width: 42%; height: 100%; line-height: 29px;}
.secondBox .box .asset .detailBox .titleBox .btn {font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .asset .detailBox .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23; margin-top: 6px;}
.secondBox .box .asset .detailBox .tab {margin: 24px 49px 0; height: 29px; width: 79.46%;}
.secondBox .box .asset .detailBox .tab .item {width: 50%; font-size: 20px; line-height: 29px; text-align: center; color: #ffffff; background-color: #121515}
.secondBox .box .asset .detailBox .tab .selected {background-color: #ffffff; color: #000000 }
.secondBox .box .asset .detailBox .containerBox {width: 100%; height: 180px;  }


.threeBox {margin: 18px auto; height: 447px;}
.threeBox .ob {width: 99%; height: 100%; margin: 0 auto;  }
.threeBox .ob .projectList {width: 100%; height: 100%; background-color: #181a1b; border-radius: 5px;}
.threeBox .ob .projectList .titleBox {margin: 0 29px; padding-top: 22px; height: 29px; justify-content: space-between;}
.threeBox .ob .projectList .titleBox .title {font-size: 28px; color: #ffffff; height: 100%; line-height: 29px;}
.threeBox .ob .projectList .titleBox .btn {font-size: 17px; color: #bf7b23; margin-top: 6px;}
.threeBox .ob .projectList .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23; margin-top: 6px;}
.threeBox .ob .projectList .projectTitle {margin-left: 29px; height: 20px; line-height: 20px; font-size: 20px; color: #8b8b8b; margin-top: 10px;}
.threeBox .ob .projectList .list {margin: 0 29px; width: 96%; }
.threeBox .ob .projectList .list ul {margin: 0 auto}
.threeBox .ob .projectList .list ul li {width: 100%; padding-bottom: 18px; border-bottom: 2px solid #8b8b8b; margin-top: 22px;}
.threeBox .ob .projectList .list ul li a {width: 100%; justify-content: flex-start;}
.threeBox .ob .projectList .list ul li a span {color: #8b8b8b; text-align: center; font-size: 18px; }
.threeBox .ob .projectList .list ul .TitleB {padding-bottom: 5px;}
.threeBox .ob .projectList .list ul .TitleB a span {font-size: 19px; }
.threeBox .ob .projectList .list ul li a .title {width: 26%; text-align: left; }
.threeBox .ob .projectList .list ul li a .desc {width: 48%; }
.threeBox .ob .projectList .list ul li a .capital {width: 8%; }
.threeBox .ob .projectList .list ul li a .dividends {width: 8%; }
.threeBox .ob .projectList .list ul li a .date {width: 6%; }
.threeBox .ob .projectList .list ul li a .income {width: 12%; }
.threeBox .ob .adminBox {width: 25.36%; height: 100%; background-color: #181a1b; border-radius: 5px;}
.threeBox .ob .adminBox .titleBox {margin: 0 29px; padding-top: 22px; height: 29px; justify-content: space-between;}
.threeBox .ob .adminBox .titleBox .title {font-size: 28px; color: #ffffff; width: 180px; height: 100%; line-height: 29px;}
.threeBox .ob .adminBox .titleBox .btn {font-size: 17px; color: #bf7b23; margin-top: 6px;}
.threeBox .ob .adminBox .titleBox .btn a {width: 100%; height: 100%; font-size: 17px; color: #bf7b23; margin-top: 6px;}
.threeBox .ob .adminBox .projectTitle {width: 188px; height: 28px; line-height: 28px; text-align: center; margin: 0 auto; font-size: 20px; }
.threeBox .ob .adminBox .firstProTit {margin-top: 40px; color: #181a1b; background-color: #ffffff}
.threeBox .ob .adminBox .secProTit {margin-top: 28px; color: #ffffff; background-color: #121515}
.threeBox .ob .adminBox .btnBox1 {width: 308px; height: 98px; margin: 18px auto 0; }
.threeBox .ob .adminBox .btnBox1 ul {margin: 0 auto; justify-content: space-between;}
.threeBox .ob .adminBox .btnBox1 ul li {width: 82px; height: 100%; }
.threeBox .ob .adminBox .btnBox1 ul li a {width: 100%; height: 100%; }
.threeBox .ob .adminBox .btnBox1 ul li a img {height: 68px; margin: 0 auto; display: block;}
.threeBox .ob .adminBox .btnBox1 ul li a span {margin-top: 8px; height: 20px; line-height: 20px; font-size: 19px; color: #ffffff; text-align: center; display: block;}
.threeBox .ob .adminBox .btnBox2 {width: 384px; height: 98px; margin: 32px auto 0; }
.threeBox .ob .adminBox .btnBox2 ul {margin: 0 auto; justify-content: space-between;}
.threeBox .ob .adminBox .btnBox2 ul li {width: 70px; height: 100%; }
.threeBox .ob .adminBox .btnBox2 ul li a {width: 100%; height: 100%; }
.threeBox .ob .adminBox .btnBox2 ul li a img {height: 56px; margin: 0 auto; display: block;}
.threeBox .ob .adminBox .btnBox2 ul li a span {margin-top: 13px; height: 20px; line-height: 20px; font-size: 17px; color: #ffffff; text-align: center; display: block;}

.secondBox .box .yield .yieldTitle {margin: 32px 29px 0; height: 32px; line-height: 32px; border-bottom: 1px solid #393939; justify-content: flex-start;}
.secondBox .box .yield .yieldTitle .item {height: 24px; line-height: 24px; font-size: 24px; color: #8b8b8b; }
.secondBox .box .yield .yieldTitle .item:last-child { /*margin-left: 45px;*/ padding-bottom: 1px;}
.secondBox .box .yield .yieldTitle .selected {color: #ffffff; border-bottom: 2px solid #ffffff; }
.secondBox .box .yield #yield_container {height: 320px; margin-top: 20px; }

.loginHtml {width: 638px; height: 536px; background-color: rgb(49, 49, 51); margin: 0 auto; box-shadow: -0.07px 1.999px 33.95px 1.05px rgba(4, 0, 0, 0.44);}
.loginHtml .box {margin: 0 auto; padding: 74px 64px 0 72px;  }
.loginHtml .box .topTitle {color: #ffffff; height: 34px; line-height: 34px; font-size: 34px; margin-bottom: 47px;}
.loginHtml .box .item {margin: 0 auto 68px; }
.loginHtml .box .item .title {height: 23px; line-height: 23px; font-size: 23px; color: #87878e; }
.loginHtml .box .item .textBox {margin-top: 18px; }
.loginHtml .box .item .textBox input {height: 28px; line-height: 28px; font-size: 16px; color: #757575; background-color: #313133; border-bottom: 1px solid #87878e;}
.loginHtml .box .item .textBox input::placeholder {height: 28px; line-height: 28px; font-size: 16px; background-color: #313133; }
.loginHtml .box .item .textBox #mobile {width: 365px; }
.loginHtml .box .item .textBox .btn {margin-left: 7px; width: 104px; height: 20px; line-height: 20px; font-size: 18px; padding: 5px 13px; text-align: center; background-color: #f29727; color: #ffffff; }
.loginHtml .box .item .textBox #captcha {width: 100%}
.loginHtml .box .login {border-radius: 18px; width: 416px; height: 41px; line-height: 41px; font-size: 27px; text-align: center; color: #000000; margin: 0 auto; background-color: rgb(242, 151, 39);}

.open_ring_box {display: none; width: 100%; height: 100vh; background-color: transparent; position: fixed; left: 0; top: 0; z-index: 900;}
.open_ring_box ul {padding: 28px; width: 88px; position: absolute; right: 12.7%; top: 65px; background-color: #24282b; }
.open_ring_box ul li {border-bottom: 1px solid #7c7e80; margin-bottom: 8px; padding-bottom: 9px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.open_ring_box ul li a {height: 12px; line-height: 12px; font-size: 12px; color: #bbc2c2; }

.open_menu_box {display: none; width: 100%; height: 100vh; background-color: transparent; position: fixed; left: 0; top: 0; z-index: 900;}
.open_menu_box ul {width: 96px;padding: 28px;position: absolute;right: 3.3%;top: 74px;background-color: #24282b;}
.open_menu_box ul li {border-bottom: 1px solid #7c7e80; margin-bottom: 8px; padding-bottom: 9px; }
.open_menu_box ul li a {height: 12px; line-height: 12px; font-size: 12px; color: #bbc2c2; }

.search_title_box {height: 68px; border-bottom: 1px solid #363636; }
.search_title_box .box {margin: 0 63px 0 83px; padding: 8px 0; justify-content: space-between; align-items: center; }
.search_title_box .box .project_title {width: 112px; height: 53px; line-height: 53px; font-size: 16px; background-color: #dc9232; color: #ffffff; }
.search_title_box .box .project_title img {margin: 16px 7px 0 24px; }
.search_title_box .box .searchBox {width: 285px; border: 3px solid #3e3f40; border-radius: 6px; position: relative; }
.search_title_box .box .searchBox input {width: 226px; height: 35px; line-height: 35px; color: #515252; background-color: #101113; text-indent: 10px;}
.search_title_box .box .searchBox .btn {width: 55px; height: 41px; position: absolute; right: -2px; top: -3px; z-index: 99; border-radius: 6px; background-color: #dc9232; }
.search_title_box .box .searchBox .btn img {margin: 7px auto 0; display: block; }

.searchListsBox {margin: 0 61px 48px 79px; }
.searchListsBox .box {width: 100%; }
.searchListsBox .box .tabBox {}
.searchListsBox .box .tabBox .item {width: 128px; height: 45px; line-height: 45px; font-size: 20px; text-align: center; background-color: #2e2e2e; color: #ffffff; }
.searchListsBox .box .tabBox .item:last-child {margin-left: 4px; }
.searchListsBox .box .tabBox .item.selected {margin-left: 4px; color: #dc9232; }
.searchListsBox .box .lists {width: 100%; border-radius: 14px; background-color: rgb(24, 26, 27); opacity: 0.82; min-height: 100px; margin-top: 26px; overflow: hidden;}
.searchListsBox .box .lists .TopTitleB {height: 79px; margin: 0 63px; }
.searchListsBox .box .lists .TopTitleB .item {line-height: 79px; text-align: center; font-size: 24px; color: #ffffff; }
.searchListsBox .box .lists .TopTitleB .item.first {width: 27%; text-align: left;}
.searchListsBox .box .lists .TopTitleB .item.sec {width: 37%;  }
.searchListsBox .box .lists .TopTitleB .item.three {width: 10%; }
.searchListsBox .box .lists .TopTitleB .item.four {width: 10%; }
.searchListsBox .box .lists .TopTitleB .item.five {width: 6%; }
.searchListsBox .box .lists .TopTitleB .item.sex {width: 10%; }
.searchListsBox .box .lists ul {background-color: #343434; }
.searchListsBox .box .lists ul li {border-bottom: 2px solid #a0a0a0; }
.searchListsBox .box .lists ul li a {margin: 0 64px; width: 100%; height: 100%; }
.searchListsBox .box .lists ul li a .item {height: 60px; line-height: 60px; text-align: left; font-size: 25px; color: #ffffff; }
.searchListsBox .box .lists ul li a .item.first {width: 25%;}
.searchListsBox .box .lists ul li a .item.sec {width: 34%; text-align: center; }
.searchListsBox .box .lists ul li a .item.three {width: 10%; text-align: center;}
.searchListsBox .box .lists ul li a .item.four {width: 8%; text-align: center;}
.searchListsBox .box .lists ul li a .item.five {width: 6%; text-align: center;}
.searchListsBox .box .lists ul li a .item.sex {width: 10%; text-align: center;}
.searchListsBox .box .lists .pageBox {padding: 18px 0 25px; background-color: #343434; justify-content: flex-end; }
.searchListsBox .box .lists .pageBox ul {margin-right: 60px; display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap; }
.searchListsBox .box .lists .pageBox ul li {width: 31px; height: 31px; background-color: #484949; border: 0; margin-right: 10px; }
.searchListsBox .box .lists .pageBox ul li span {display: block; height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; text-align: center}
.searchListsBox .box .lists .pageBox ul li.active {background-color: #2b81af}
.searchListsBox .box .lists .pageBox ul li a {display: block; width: 100%;  height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; margin: 0; text-align: center; }
.searchListsBox .box .invest .TopTitleB .item.sec {width: 46%; }
.searchListsBox .box .invest ul li a .item.sec {width: 43%; }

.searchListsBox .box .invest .TopTitleB .item.first {width: 27%; text-align: left;}
.searchListsBox .box .invest .TopTitleB .item.sec {width: 37%;  }
.searchListsBox .box .invest .TopTitleB .item.three {width: 10%; }
.searchListsBox .box .invest .TopTitleB .item.four {width: 10%; }
.searchListsBox .box .invest .TopTitleB .item.five {width: 6%; }
.searchListsBox .box .invest .TopTitleB .item.sex {width: 10%; }
.searchListsBox .box .invest ul li a .item.first {width: 25%;}
.searchListsBox .box .invest ul li a .item.sec {width: 34%; text-align: center; }
.searchListsBox .box .invest ul li a .item.three {width: 10%; text-align: center;}
.searchListsBox .box .invest ul li a .item.four {width: 8%; text-align: center;}
.searchListsBox .box .invest ul li a .item.five {width: 6%; text-align: center;}
.searchListsBox .box .invest ul li a .item.sex {width: 10%; text-align: center;}

.with_detail_top_box {height: 68px; border-bottom: 1px solid #363636; }
.with_detail_top_box .box {margin: 0 58px 0 80px; padding: 8px 0; justify-content: space-between; align-items: center; }
.with_detail_top_box .box .project_title {width: 112px; height: 53px; line-height: 53px; font-size: 16px; background-color: #dc9232; color: #ffffff; }
.with_detail_top_box .box .project_title img {margin: 16px 4px 0 9px; }
.with_detail_top_box .box .searchBox {width: 285px; border: 3px solid #3e3f40; border-radius: 6px; position: relative; }
.with_detail_top_box .box .searchBox input {width: 226px; height: 35px; line-height: 35px; color: #515252; background-color: #101113; text-indent: 10px;}
.with_detail_top_box .box .searchBox .btn {width: 55px; height: 41px; position: absolute; right: -2px; top: -3px; z-index: 99; border-radius: 6px; background-color: #dc9232; }
.with_detail_top_box .box .searchBox .btn img {margin: 7px auto 0; display: block; }
.projectTopTitle {height: 44px; margin-left: 80px; width: 128px; line-height: 44px; text-align: center; font-size: 20px; color: #dc9232; background-color: #2e2e2e; }
.projectSecTitleBox {width: 91.65%; height: 70px; margin: 18px 0 18px 4.3%; align-items: center;border-radius: 14px;background-color: rgb(24, 26, 27);opacity: 0.8;}
.projectSecTitleBox .title {margin-left: 2.35%; text-indent: 10px; height: 40px; line-height: 40px; font-size: 26px; color: #ffffff; border-left: 3px solid #dc9232; }

.withDetailBox {margin: 0 86px 0 81px; width: 91.65%; height: 276px; background-color: #252526; border-radius: 14px;}
.withDetailBox .box {padding: 32px 1% 0;}
.withDetailBox .box .baseBox {width: 50%; }
.withDetailBox .box .baseBox .item {width: 100%; height: 24px; line-height: 24px; font-size: 24px; color: #ffffff; margin-bottom: 20px; }
.withDetailReviewBox {margin: 0 86px 60px 81px; width: 91.65%; background-color: #252526; border-radius: 14px;}
.withDetailReviewBox .box {padding: 32px 1% 32px; }
.withDetailReviewBox .box .baseBox {width: 50%; }
.withDetailReviewBox .box .baseBox ul {}
.withDetailReviewBox .box .baseBox li {padding-bottom: 12px; }
.withDetailReviewBox .box .baseBox li i {width: 33px;height: 33px;color: #ffffff;line-height: 33px;background-color: #dc9232;}
.withDetailReviewBox .box .baseBox .layui-timeline-item:before {left: 11px;}
.withDetailReviewBox .box .baseBox .layui-timeline-item:before, hr {background-color: #dc9232;}
.withDetailReviewBox .box .baseBox li .rightBox {padding-left: 4%; }
.withDetailReviewBox .box .baseBox li .rightBox .name {padding-top: 7px; height: 22px; line-height: 22px; font-size: 22px; color: #ffffff; }
.withDetailReviewBox .box .baseBox li .rightBox .dateAndStatus {margin-top: 24px; height: 32px; }
.withDetailReviewBox .box .baseBox li .rightBox .dateAndStatus span {display: block; line-height: 32px; padding: 0 14px; font-size: 22px; background-color: #ea8400; color: #ffffff;}
.withDetailReviewBox .box .baseBox li .rightBox .dateAndStatus span:last-child {margin-left: 9px; }
.withDetailReviewBox .box .baseBox li .rightBox .department {margin-top: 25px; height: 22px; line-height: 22px; font-size: 22px; color: #ffffff;}
.withDetailReviewBox .box .baseBox li .rightBox .desc {margin-top: 17px; height: 22px; line-height: 22px; font-size: 22px; color: #ffffff;}

.home_page_title {height: 34px; line-height: 34px; color: #ffffff; text-align: center; font-size: 34px; margin-top: 153px; }
.home_page_apply_box {margin: 44px auto; background-color: rgb(49, 49, 51); box-shadow: -0.07px 1.999px 33.95px 1.05px rgba(4, 0, 0, 0.44); width: 37.63%; padding-bottom: 30px;}
.home_page_apply_box .box {margin: 0 112px; }
.home_page_apply_box .box .topTitle {padding-top: 30px; height: 25px; line-height: 25px; color: #ffffff; text-align: center; font-size: 25px;}
.home_page_apply_box .box .bottomApplyBox {margin-top: 39px; }
.home_page_apply_box .box .bottomApplyBox .item {width: 100%; }
.home_page_apply_box .box .bottomApplyBox .item .title {height: 14px; line-height: 14px; font-size: 14px; color: #87878e; }
.home_page_apply_box .box .bottomApplyBox .item .inputBox {margin-top: 13px; margin-bottom: 18px; border: 2px solid #555555; }
.home_page_apply_box .box .bottomApplyBox .item .inputBox input {text-indent: 5px; width: 100%; height: 27px; line-height: 27px; font-size: 12px; background-color: #313133; color: #74747a}
.home_page_apply_box .box .bottomApplyBox .item .inputBox input::placeholder {text-indent: 5px; width: 100%; height: 27px; line-height: 27px; font-size: 12px; background-color: #313133; color: #74747a}
.home_page_apply_box .box .bottomApplyBox .item .inputBox textarea {width: 100%; height: 70px; font-size: 12px; color: #74747a; background-color: #313133; border: 0; resize: none;}
.home_page_apply_box .box .bottomApplyBox .item:last-child .inputBox {margin-bottom: 0; }
.home_page_apply_box .box .imgUploadBox {margin-top: 30px; }
.home_page_apply_box .box .imgUploadBox .title {margin-right: 24px; height: 43px; line-height: 43px; font-size: 14px; color: #87878e; }
.home_page_apply_box .box .imgUploadBox .btn {overflow: hidden; margin-right: 8px; width: 54px; height: 43px; line-height: 43px; font-size: 33px; color: #ffffff; text-align: center; border: 2px solid #555555; }
.home_page_apply_box .box .imgUploadBox .btn img {width: 100%; }
.home_page_apply_box .box .submit {border-radius: 30px; margin: 42px auto 0; width: 68.5%; height: 32px; line-height: 32px; font-size: 22px; text-align: center; color: #ffffff; background-color: #f29727}

.user_search_box {height: 68px;border-bottom: 1px solid #363636;}
.user_search_box .box {margin: 0 63px 0 83px;padding: 8px 0;justify-content: space-between;align-items: center;}
.user_search_box .box .project_title {width: 112px;height: 53px;line-height: 53px;font-size: 16px;background-color: #dc9232;color: #ffffff;}
.user_search_box .box .project_title img {margin: 16px 5px 0 12px;}
.user_search_box .box .searchBox {width: 285px;border: 3px solid #3e3f40;border-radius: 6px;position: relative;}
.user_search_box .box .searchBox input {width: 226px;height: 35px;line-height: 35px;color: #515252;background-color: #101113;text-indent: 10px;}
.user_search_box .box .searchBox .btn {width: 55px;height: 41px;position: absolute;right: -2px;top: -3px;z-index: 99;border-radius: 6px;background-color: #dc9232;}
.user_search_box .box .searchBox .btn img {margin: 7px auto 0;display: block;}

.userProjectInfo {width: 90.94%; margin: 24px auto 14px; background-color: #212122; border-radius: 10px; }
.userProjectInfo .topTitleBox {justify-content: space-between; padding-top: 26px; padding-bottom: 20px; border-bottom: 2px solid #484848;}
.userProjectInfo .topTitleBox .leftBox {height: 30px; line-height: 30px; font-size: 28px; color: #ffffff; margin-left: 30px; }
.userProjectInfo .topTitleBox .rightBox {height: 20px; margin-right: 22px; margin-top: 7px;}
.userProjectInfo .topTitleBox .rightBox a {line-height: 20px; font-size: 19px; color: #bf7b23; }
.userProjectInfo .detailsBox {margin-left: 17.64%; padding-bottom: 33px; }
.userProjectInfo .detailsBox .allMoneyBox {width: 44.51%; margin-top: 34px; }
.userProjectInfo .detailsBox .allMoneyBox .title {height: 30px; line-height: 30px; font-size: 30px; color: #ffffff; }
.userProjectInfo .detailsBox .allMoneyBox .title img {margin-left: 12px; margin-top: 5px; }
.userProjectInfo .detailsBox .allMoneyBox .title a {height: 30px; line-height: 30px; font-size: 20px; color: #be7b22; margin-left: 15px; display: inline-block;}
.userProjectInfo .detailsBox .allMoneyBox .title a img {width: 11%; margin-left: 0;}
.userProjectInfo .detailsBox .allMoneyBox .money {margin-top: 28px; height: 40px; line-height: 40px; font-size: 40px; color: #ffffff; }
.userProjectInfo .detailsBox .projectMoneyBox {margin-top: 30px; width: 29.21%; overflow: hidden;}
.userProjectInfo .detailsBox .projectMoneyBox .item {justify-content: space-between; margin-bottom: 20px; }
.userProjectInfo .detailsBox .projectMoneyBox .item .title {height: 24px; line-height: 24px; font-size: 24px; color: #868686; }
.userProjectInfo .detailsBox .projectMoneyBox .item .progress {width: 53.34%; height: 22px; position: relative; }
.userProjectInfo .detailsBox .projectMoneyBox .item .progress .yellow {background-color: #d38c28; height: 100%; }
.userProjectInfo .detailsBox .projectMoneyBox .item .progress .yellow .num {text-indent: 2px; height: 22px; line-height: 22px; font-size: 12px; color: #ffffff; position: absolute; left: 0;top: 0;z-index: 99; }
.userProjectInfo .detailsBox .chartBox {width: 21%; height: 150px; margin: 12px 0 0 0;}
.userProjectInfo .detailsBox .chartBox #chartContainer {width: 100%; height: 100%; }

.userPropertyDetailBox {width: 90.94%; margin: 24px auto 14px; background-color: #212122; border-radius: 10px; padding-bottom: 39px; }
.userPropertyDetailBox .topTitleBox {justify-content: space-between; padding-top: 26px; padding-bottom: 20px; border-bottom: 2px solid #484848;}
.userPropertyDetailBox .topTitleBox .leftBox {height: 30px; line-height: 30px; font-size: 28px; color: #ffffff; margin-left: 30px; }
.userPropertyDetailBox .moreChartBox {margin: 34px 79px 0; justify-content: space-between; align-items: center;}
.userPropertyDetailBox .moreChartBox .item {width: 47.32%; height: 542px; border-radius: 14px; background-color: rgb(50, 50, 50); opacity: 0.82;}
.userPropertyDetailBox .moreChartBox .item .title {margin-left: 36px; padding-top: 32px; height: 28px; line-height: 28px; font-size: 28px; color: #ffffff; }
.userPropertyDetailBox .moreChartBox .item .descBox {margin-top: 34px; background-color: #272728; height: 25px; }
.userPropertyDetailBox .moreChartBox .item .desc {margin-right: 14.25%; justify-content: flex-end; align-items: center;}
.userPropertyDetailBox .moreChartBox .item .desc .sign {margin-right: 3px; width: 18px; height: 18px; background-color: #d38c28; }
.userPropertyDetailBox .moreChartBox .item .desc .tt {height: 25px; line-height: 25px; font-size: 17px; color: #8b8b8b; text-align: right; }
.userPropertyDetailBox .moreChartBox .item #assetPackageContainer {width: 100%; height: 400px; }
.userPropertyDetailBox .moreChartBox .item #dailyReturnContainer {width: 100%; height: 360px;}

.myProDetail {width: 91.4%; margin: 0 auto; }
.myProDetail .topTitleBox {width: 170px; height: 44px; line-height: 44px; text-align: center; font-size: 20px; color: #dc9232; background-color: #2e2e2e;  }
.myProDetail .listsBox {margin-top: 27px; }
.myProDetail .listsBox ul {}
.myProDetail .listsBox ul li {margin-bottom: 23px; padding: 15px 30px 43px 45px; border-radius: 14px; background-color: rgb(24, 26, 27); opacity: 0.82;}
.myProDetail .listsBox ul li .topBox {justify-content: space-between; }
.myProDetail .listsBox ul li .topBox .titleBox {align-items: center;}
.myProDetail .listsBox ul li .topBox .titleBox .b {border-radius: 50%; width: 34px; height: 34px; line-height: 34px; font-size: 18px; text-align: center; background-color: #dc9232; color: #ffffff; }
.myProDetail .listsBox ul li .topBox .titleBox .title {margin-left: 11px; height: 34px; line-height: 34px; font-size: 24px; text-align: center; color: #ffffff; }
.myProDetail .listsBox ul li .topBox .yiShou {margin-top: 8px; height: 26px; line-height: 26px; font-size: 24px; color: #ffffff; }
.myProDetail .listsBox ul li .botBox {margin-top: 10px; }
.myProDetail .listsBox ul li .botBox .liLv {width: 12.56%; margin-top: 30px; }
.myProDetail .listsBox ul li .botBox .liLv .no {height: 34px; line-height: 34px; font-size: 34px; text-align: center; color: #dc9232; }
.myProDetail .listsBox ul li .botBox .liLv .tt {margin-top: 16px; height: 22px; line-height: 22px; font-size: 22px; text-align: center; color: #7e7e7e;}
.myProDetail .listsBox ul li .botBox .zhouQi {margin-top: 30px; width: 23.44%;}
.myProDetail .listsBox ul li .botBox .zhouQi .no {height: 34px; line-height: 34px; font-size: 34px; text-align: center; color: #dc9232;}
.myProDetail .listsBox ul li .botBox .zhouQi .no span {height: 20px; line-height: 20px; font-size: 20px; text-align: center; color: #dc9232;}
.myProDetail .listsBox ul li .botBox .zhouQi .tt {margin-top: 16px; height: 22px; line-height: 22px; font-size: 22px; text-align: center; color: #7e7e7e;}
.myProDetail .listsBox ul li .botBox .money {margin-top: 30px; padding: 0 27px; }
.myProDetail .listsBox ul li .botBox .money .no {height: 34px; line-height: 34px; font-size: 34px; text-align: center; color: #dc9232;}
.myProDetail .listsBox ul li .botBox .money .no span {height: 20px; line-height: 20px; font-size: 20px; text-align: center; color: #dc9232;}
.myProDetail .listsBox ul li .botBox .money .tt {margin-top: 16px; height: 22px; line-height: 22px; font-size: 22px; text-align: center; color: #7e7e7e;}
.myProDetail .listsBox ul li .botBox .ing {margin-left: 23%; border-radius: 50%; border: 6px solid #dc9232; width: 90px; height: 90px; line-height: 90px; color: #dc9232; font-size: 24px; text-align: center; }
.myProDetail .listsBox .pageBox {padding: 18px 0 25px; justify-content: flex-end; }
.myProDetail .listsBox .pageBox ul {margin-right: 60px; display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap; }
.myProDetail .listsBox .pageBox ul li {padding: 0; width: 31px; height: 31px; background-color: #484949; border: 0; margin-right: 10px; }
.myProDetail .listsBox .pageBox ul li span {display: block; height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; text-align: center}
.myProDetail .listsBox .pageBox ul li.active {background-color: #2b81af}
.myProDetail .listsBox .pageBox ul li a {display: block; width: 100%;  height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; margin: 0; text-align: center; }
.projectDetail .listsBox ul li .botBox .ing {margin-left: 40%;}

.the_withdrawal_box {width: 100%; }
.the_withdrawal_box .with_detail_top_box .box .project_title {text-align: center;}
.the_withdrawal_box .projectSecTitleBox img {vertical-align: middle; margin-left: 10px; }
.the_withdrawal_box .projectSecTitleBox {margin: 18px auto 18px 81px;}
.the_withdrawal_box .withdrawal-projectSecTitleBox {justify-content: space-between; }
.the_withdrawal_box .withdrawal-projectSecTitleBox .dayBox {margin-right: 6%; height: 25px; }
.the_withdrawal_box .withdrawal-projectSecTitleBox .dayBox .item {height: 25px; line-height: 25px; font-size: 22px; color: #767676; padding: 0 12px; border-right: 3px solid #767676; }
.the_withdrawal_box .withdrawal-projectSecTitleBox .dayBox .item:last-child { border-right: 0; }
.the_withdrawal_box .withdrawal-projectSecTitleBox .dayBox .item.selected {color: #dc9232; }
.the_withdrawal_box .more-btn-box {width: 91.65%; margin: 18px auto 18px 81px; background-color: #252526; padding: 30px 0 54px; border-radius: 14px; opacity: 0.8;}
.the_withdrawal_box .more-btn-box .topBox {margin-left: 9.17%; width: 80%; justify-content: space-between; }
.the_withdrawal_box .more-btn-box .topBox .item {height: 24px;}
.the_withdrawal_box .more-btn-box .topBox .item:first-child {width: 19%; }
.the_withdrawal_box .more-btn-box .topBox .item .tt {height: 100%; line-height: 24px; font-size: 22px; color: #ffffff; }
.the_withdrawal_box .more-btn-box .topBox .item .a {margin-left: 25px; }
.the_withdrawal_box .more-btn-box .topBox .item .a a{height: 24px; line-height: 24px; font-size: 22px; color: #dc9232; }
.the_withdrawal_box .more-btn-box .topBox .item:last-child {margin-right: 0; }
.the_withdrawal_box .more-btn-box .midBox  {margin-left: 9.17%; margin-top: 26px; width: 80%; }
.the_withdrawal_box .more-btn-box .midBox .moneyBtnBox {width: 46%; }
.the_withdrawal_box .more-btn-box .midBox .moneyBtnBox .moneyB {min-width: 17%; height: 36px; line-height: 36px; font-size: 36px; color: #ffffff;  }
.the_withdrawal_box .more-btn-box .midBox .moneyBtnBox .btnB {height: 42px; margin-left: 1%;}
.the_withdrawal_box .more-btn-box .midBox .moneyBtnBox .btnB .item {width: 90px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; background-color: #565656}
.the_withdrawal_box .more-btn-box .midBox .moneyBtnBox .btnB .item:last-child {background-color: #dc9232; }
.the_withdrawal_box .more-btn-box .midBox .moneyBtnBox .btnB .item a {color: #ffffff; }
.the_withdrawal_box .more-btn-box .midBox .fhBox {width: 41%; height: 36px; line-height: 36px; text-align: left; font-size: 36px; color: #ffffff;}
.the_withdrawal_box .more-btn-box .midBox .fhBox .moneyB {min-width: 17%; height: 36px; line-height: 36px; font-size: 36px; color: #ffffff;}
.the_withdrawal_box .more-btn-box .midBox .fhBox .btnB {height: 42px; margin-left: 1%;}
.the_withdrawal_box .more-btn-box .midBox .fhBox .btnB .item {width: 90px; height: 42px; line-height: 42px; text-align: center; font-size: 20px; background-color: #565656}
.the_withdrawal_box .more-btn-box .midBox .fhBox .btnB .item:last-child {background-color: #dc9232; }
.the_withdrawal_box .more-btn-box .midBox .fhBox .btnB .item a {color: #ffffff; }
.the_withdrawal_box .more-btn-box .midBox .ingMoneyBox {height: 36px; line-height: 36px; text-align: left; font-size: 36px; color: #ffffff;}

.the_withdrawal_box .accountLists {background-color: #252526; margin: 18px auto 18px 81px; width: 91.65%; border-radius: 14px; overflow: hidden;}
.the_withdrawal_box .accountLists .topTt {background-color: #252526; }
.the_withdrawal_box .accountLists .topTt .item {padding-top: 27px; padding-bottom: 24px; height: 26px; line-height: 26px; font-size: 25px; color: #ffffff; }
.the_withdrawal_box .accountLists .topTt .first {margin-left: 1.5%; }
.the_withdrawal_box .accountLists .topTt .sec {margin-left: 25%; }
.the_withdrawal_box .accountLists .topTt .thr {margin-left: 44%; }
.the_withdrawal_box .accountLists .listBox {background-color: #2e2e2e; }
.the_withdrawal_box .accountLists .listBox ul {width: 100%; }
.the_withdrawal_box .accountLists .listBox ul li {border-bottom: 1px solid #6d6d6d; }
.the_withdrawal_box .accountLists .listBox ul li .item {padding-top: 50px; padding-bottom: 44px; }
.the_withdrawal_box .accountLists .listBox ul li .first {width: 21%; border-right: 1px solid #777777; }
.the_withdrawal_box .accountLists .listBox ul li .first .tt {margin-left: 3%; height: 25px; line-height: 25px; font-size: 24px; color: #a5a5a5; }
.the_withdrawal_box .accountLists .listBox ul li .sec  {width: 77%; justify-content: space-around; }
.the_withdrawal_box .accountLists .listBox ul li .sec .font  {height: 25px; line-height: 25px; font-size: 24px; color: #a5a5a5; }
.the_withdrawal_box .accountLists .listBox ul li .sec .name  {margin-left: 0;}
.the_withdrawal_box .accountLists .listBox ul li .sec .bi  {color: #c23339; }
.the_withdrawal_box .accountLists .listBox ul li .thr  {justify-content: space-around; width: 41.97%; }
.the_withdrawal_box .accountLists .listBox ul li .thr  .font  {height: 25px; line-height: 25px; font-size: 24px; color: #a5a5a5; }
.the_withdrawal_box .accountLists .listBox ul li .thr .name  {margin-left: 5%; }
.the_withdrawal_box .accountLists .listBox ul li .thr .bi  {color: #dc9232; }
.the_withdrawal_box .accountLists .listBox ul li:last-child  {border-bottom: 0; }
.the_withdrawal_box .accountLists .listBox .pageBox {padding: 18px 0 25px; justify-content: flex-end; }
.the_withdrawal_box .accountLists .listBox .pageBox ul {margin-right: 60px; display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap; }
.the_withdrawal_box .accountLists .listBox .pageBox ul li {width: 31px; height: 31px; background-color: #484949; border: 0; margin-right: 10px; }
.the_withdrawal_box .accountLists .listBox .pageBox ul li span {display: block; height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; text-align: center}
.the_withdrawal_box .accountLists .listBox .pageBox ul li.active {background-color: #2b81af}
.the_withdrawal_box .accountLists .listBox .pageBox ul li a {display: block; width: 100%;  height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; margin: 0; text-align: center; }

.the_yield_detail_box {width: 100%;  }
.the_yield_detail_box .with_detail_top_box .project_title img {margin: 16px 5px 0 15px;}
.the_yield_detail_box .projectTopTitle {height: 46px; width: 150px; line-height: 46px; font-size: 20px; }
.the_yield_detail_box .projectSecTitleBox .title img {vertical-align: middle; }
.the_yield_detail_box .shouYiDetailBox {padding: 32px 0 39px; background-color: #252526; width: 91.65%; margin: 18px 86px 18px 81px; border-radius: 14px; overflow: hidden; }
.the_yield_detail_box .shouYiDetailBox .leftBox {margin-left: 11.35%; width: 61.58%; }
.the_yield_detail_box .shouYiDetailBox .leftBox .topB {margin-top: 7px; }
.the_yield_detail_box .shouYiDetailBox .leftBox .topB .ttB {height: 24px; line-height: 24px; font-size: 22px; color: #ffffff; }
.the_yield_detail_box .shouYiDetailBox .leftBox .topB .aB {margin-left: 15px; }
.the_yield_detail_box .shouYiDetailBox .leftBox .topB .aB a {height: 24px; line-height: 24px; font-size: 22px; color: #dc9232; }
.the_yield_detail_box .shouYiDetailBox .leftBox .topB .date {margin-top: 6px; margin-left: 12px; height: 16px; line-height: 16px; font-size: 16px; color: #717171; }
.the_yield_detail_box .shouYiDetailBox .leftBox .money {margin-top: 28px; height: 44px; line-height: 44px; font-size: 44px; color: #ffffff;  }
.the_yield_detail_box .shouYiDetailBox .rigBox {width: 20%; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar {margin: 0; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar .item {justify-content: space-between; margin-bottom: 20px; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar .item:last-child {margin-bottom: 0; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar .item .title {height: 24px; line-height: 24px; font-size: 22px; color: #8b8b8b; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar .item .progress {margin-left: 13px; width: 74.97%; height: 24px; background-color: #24282b; position: relative; overflow: hidden; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar .item .yellow {background-color: #d38c28; height: 100%; }
.the_yield_detail_box .shouYiDetailBox .rigBox .progressBar .item .yellow .num {text-indent: 7px; height: 24px; line-height: 24px; font-size: 15px; color: #ffffff; position: absolute; left: 0;}
.the_yield_detail_box .projectSecTitleBox {justify-content: space-between; }
.the_yield_detail_box .projectSecTitleBox .tabBar {width: 13.19%; margin-right: 65px; justify-content: space-between; }
.the_yield_detail_box .projectSecTitleBox .tabBar .item {border-radius: 3px; width: 72px; height: 37px; line-height: 37px; text-align: center; font-size: 17px; color: #ffffff; background-color: #373636; }
.the_yield_detail_box .projectSecTitleBox .tabBar .item.selected {background-color: #dc9232; }
.the_yield_detail_box .shouYiBox {background-color: #252526; border-radius: 5px; width: 91.65%; margin: 18px 86px 18px 81px; overflow: hidden; }
.the_yield_detail_box .shouYiBox .Tt {padding: 25px 0; }
.the_yield_detail_box .shouYiBox .Tt .item {height: 25px; line-height: 25px; font-size: 24px; color: #ffffff; }
.the_yield_detail_box .shouYiBox .Tt .item.first {margin-left: 5.505%; width: 62.385%; }
.the_yield_detail_box .shouYiBox .Tt .item.sec {width: 10.321%; }
.the_yield_detail_box .shouYiBox .Tt .item.thr {width: 8.89%; }
.the_yield_detail_box .shouYiBox .Tt .item.four {min-width: 8%; }
.the_yield_detail_box .shouYiBox ul {background-color: #2e2e2e; border-radius: 5px; }
.the_yield_detail_box .shouYiBox ul li {height: 105px; border-bottom: 2px solid #5b5b5b; }
.the_yield_detail_box .shouYiBox ul li:last-child {border-bottom: 0; }
.the_yield_detail_box .shouYiBox ul li .item {height: 105px; line-height: 105px; font-size: 24px; color: #8b8b8b; }
.the_yield_detail_box .shouYiBox ul li .item.first {margin-left: 5.505%; width: 62.385%; }
.the_yield_detail_box .shouYiBox ul li .item.sec {width: 10.321%; }
.the_yield_detail_box .shouYiBox ul li .item.thr {width: 8.89%; }
.the_yield_detail_box .shouYiBox ul li .item.four {min-width: 8%; }

.ziFangMingXiBox {width: 100%; }
.ziFangMingXiBox .projectTopTitle {width: 112px;}
.ziFangMingXiBox .projectSecTitleBox {justify-content: space-between; align-items: center;}
.ziFangMingXiBox .projectSecTitleBox .dateB { /*width: 29%;*/}
.ziFangMingXiBox .projectSecTitleBox .dateB .layui-form-item {margin-bottom: 0; }
.ziFangMingXiBox .projectSecTitleBox .dateB .layui-form-item .layui-inline {margin-bottom: 0; margin-right: 0; }
.ziFangMingXiBox .projectSecTitleBox .dateB .layui-form-item .layui-input-inline {width: 46.6%; margin-right: 0; }
.ziFangMingXiBox .projectSecTitleBox .dateB .layui-form-item .layui-form-mid {color: #ffffff; padding: 9px 0!important; line-height: 20px;margin-right: 10px;margin-left: 10px;}
.ziFangMingXiBox .projectSecTitleBox .dateB .layui-form-item input {border: 3px solid #3e3f40; background-color: #1b1c1d; border-radius: 30px; color: #515252; }
.ziFangMingXiBox .projectSecTitleBox .dateB .layui-form-item input::placeholder {color: #515252; }
.ziFangMingXiBox .projectSecTitleBox .dateB .btn {margin-left: 15px; margin-right: 32px; border-radius: 19px; width: 91px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; color: #ffffff; background-color: #dc9232; }
.ziFangMingXiBox .lineTtBox {width: 642px; margin: 26px auto 29px; justify-content: space-between; align-items: center;}
.ziFangMingXiBox .lineTtBox .line {width: 226px; height: 2px; background-color: #393939; }
.ziFangMingXiBox .lineTtBox .tt {height: 24px; line-height: 24px; font-size: 22px; text-align: center; color: #4d4d4d; }
.ziFangMingXiBox .listBox {width: 91.65%; margin: 18px 86px 18px 81px;}
.ziFangMingXiBox .listBox ul {margin: 0 auto; width: 100%; }
.ziFangMingXiBox .listBox ul li {margin-bottom: 15px; border-radius: 14px; background-color: rgb(24, 26, 27); opacity: 0.702; height: 224px;}
.ziFangMingXiBox .listBox ul li .topTitle {text-indent: 48px; height: 25px; line-height: 25px; font-size: 24px; color: #ffffff; padding-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #000000; }
.ziFangMingXiBox .listBox ul li .botBox {padding: 0 48px; margin-top: 20px; justify-content: flex-start; align-items: center;}
.ziFangMingXiBox .listBox ul li .botBox .leftB  {width: 79%; }
.ziFangMingXiBox .listBox ul li .botBox .item  {height: 24px; line-height: 24px; font-size: 24px; color: #a6a6a6; margin-bottom: 20px; }
.ziFangMingXiBox .listBox ul li .botBox .rigB .item .dian  {height: 20px; line-height: 20px; font-size: 20px; color: #c9313a; }
.ziFangMingXiBox .listBox ul li .botBox .rigB .item .money  {height: 28px; line-height: 28px; font-size: 28px; color: #c9313a; }
.ziFangMingXiBox .listBox .pageBox {padding: 18px 0 25px; justify-content: flex-end; }
.ziFangMingXiBox .listBox .pageBox ul {margin-right: 60px; display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap; }
.ziFangMingXiBox .listBox .pageBox ul li {width: 31px; height: 31px; background-color: #484949; border: 0; margin-right: 10px; }
.ziFangMingXiBox .listBox .pageBox ul li span {display: block; height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; text-align: center}
.ziFangMingXiBox .listBox .pageBox ul li.active {background-color: #2b81af}
.ziFangMingXiBox .listBox .pageBox ul li a {display: block; width: 100%;  height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; margin: 0; text-align: center; }

.homepageBox {position: fixed; right: 7%; top: 64px; z-index: 9999; justify-content: space-between; align-items: center;}
.homepageBox .item {margin-right: 30px; width: 121px; height: 50px;  border: 2px solid #ffffff;}
.homepageBox .item a {display: block; width: 121px; height: 50px; line-height: 50px; font-size: 20px; color: #ffffff; text-align: center;}

.income_list_box {width: 100%; }
.income_list_box .projectTopTitle {font-size: 16px; }
.income_list_box .projectSecTitleBox {justify-content: space-between; align-items: center;}
.income_list_box .projectSecTitleBox .dateB .layui-form-item {margin-bottom: 0; }
.income_list_box .projectSecTitleBox .dateB .layui-form-item .layui-inline {margin-bottom: 0; margin-right: 0; }
.income_list_box .projectSecTitleBox .dateB .layui-form-item .layui-input-inline {width: 42%; margin-right: 0; }
.income_list_box .projectSecTitleBox .dateB .layui-form-item .layui-form-mid {color: #ffffff; padding: 9px 0!important; line-height: 20px;margin-right: 10px;margin-left: 10px;}
.income_list_box .projectSecTitleBox .dateB .layui-form-item input {border: 3px solid #3e3f40; background-color: #1b1c1d; border-radius: 30px; color: #515252; }
.income_list_box .projectSecTitleBox .dateB .layui-form-item input::placeholder {color: #515252; }
.income_list_box .projectSecTitleBox .dateB .btn {margin-right: 56px; margin-left: -15px; border-radius: 19px; width: 91px; height: 40px; line-height: 40px; font-size: 22px; text-align: center; color: #ffffff; background-color: #dc9232; }
.income_list_box .lineTtBox {width: 600px; margin: 26px auto 29px; justify-content: space-between; align-items: center;}
.income_list_box .lineTtBox .line {width: 226px; height: 2px; background-color: #393939; }
.income_list_box .lineTtBox .tt {height: 24px; line-height: 24px; font-size: 22px; text-align: center; color: #4d4d4d; }
.income_list_box .listBox {width: 91.65%; margin: 18px 86px 18px 81px; border-radius: 14px; overflow: hidden;}
.income_list_box .listBox ul {margin: 0 auto; }
.income_list_box .listBox ul li {background-color: #252526; padding-top: 33px; padding-bottom: 24px; position: relative; margin-bottom: 4px; }
.income_list_box .listBox ul li .no {text-indent: 2%; height: 29px; line-height: 29px; font-size: 28px; color: #a6a6a6; }
.income_list_box .listBox ul li .date {text-indent: 2%; margin-top: 10px; height: 18px; line-height: 18px; font-size: 18px; color: #5f5f5f;}
.income_list_box .listBox ul li .money {height: 27px;line-height: 27px;font-size: 26px;color: #a6a6a6; position: absolute;right: 56px;top: 43px;z-index: 99;}
.income_list_box .listBox .pageBox {padding: 18px 0 25px; background-color: #252526; justify-content: flex-end; }
.income_list_box .listBox .pageBox ul {margin: 0 30px; display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap; }
.income_list_box .listBox .pageBox ul li {padding: 0; width: 31px; height: 31px; background-color: #484949; border: 0; margin-right: 10px; }
.income_list_box .listBox .pageBox ul li span {display: block; height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; text-align: center}
.income_list_box .listBox .pageBox ul li.active {background-color: #2b81af}
.income_list_box .listBox .pageBox ul li a {display: block; width: 100%;  height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; margin: 0; text-align: center; }

.ziFangTiXian {width: 100%; }
.ziFangTiXian .applyBox {position: relative; padding: 50px 0 23px; width: 91.65%;margin: 18px 0 18px 4.3%;align-items: center;border-radius: 14px;background-color: #252526;opacity: 0.8;}
.ziFangTiXian .applyBox .item {margin-left: 8.6%; margin-bottom: 38px;}
.ziFangTiXian .applyBox .item .nameB {width: 15.686%;}
.ziFangTiXian .applyBox .item .nameB .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff; }
.ziFangTiXian .applyBox .item .nameB .inputB {margin-top: 7px;  }
.ziFangTiXian .applyBox .item .nameB .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item .userB {margin-left: 4.2%; width: 33%;}
.ziFangTiXian .applyBox .item .userB .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff;}
.ziFangTiXian .applyBox .item .userB .inputB {margin-top: 7px;}
.ziFangTiXian .applyBox .item .userB .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item .feiB {margin-left: 28px; width: 15.686%;}
.ziFangTiXian .applyBox .item .feiB .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff;}
.ziFangTiXian .applyBox .item .feiB .inputB {margin-top: 7px;}
.ziFangTiXian .applyBox .item .feiB .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item .moneyB {width: 15.686%; }
.ziFangTiXian .applyBox .item .moneyB .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff;}
.ziFangTiXian .applyBox .item .moneyB .inputB {margin-top: 7px;}
.ziFangTiXian .applyBox .item .moneyB .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item .dBox {margin-left: 4.2%; width: 33%; }
.ziFangTiXian .applyBox .item .dBox .passBox {width: 100%;}
.ziFangTiXian .applyBox .item .dBox .passBox .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff;}
.ziFangTiXian .applyBox .item .dBox .passBox .inputB {margin-top: 7px;}
.ziFangTiXian .applyBox .item .dBox .passBox .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item .dBox .typeBox {margin-left: 4.94%; width: 47.53%;}
.ziFangTiXian .applyBox .item .dBox .typeBox .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff;}
.ziFangTiXian .applyBox .item .dBox .typeBox .inputB {margin-top: 7px;}
.ziFangTiXian .applyBox .item .dBox .typeBox .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item .numberBox {margin-left: 28px; width: 15.686%;}
.ziFangTiXian .applyBox .item .numberBox .tt {height: 18px; line-height: 18px; font-size: 18px; color: #ffffff;}
.ziFangTiXian .applyBox .item .numberBox .inputB {margin-top: 7px;}
.ziFangTiXian .applyBox .item .numberBox .inputB input {width: 100%; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; background-color: #303030;}
.ziFangTiXian .applyBox .item input {text-indent: 10px; }
.ziFangTiXian .applyBox .item input::placeholder {text-indent: 10px; height: 39px; line-height: 39px; font-size: 16px; color: #9f9f9f; }
.ziFangTiXian .applyBox .item:last-child {margin-bottom: 0;}
.ziFangTiXian .applyBox .btnBox {border-radius: 50%; width: 160px; height: 160px; line-height: 160px; text-align: center; color: #ffffff; font-size: 36px; background-color: #dc9232;position: absolute; right: 8.486%; top: 56px;z-index: 999;}
.ziFangTiXian .listBox {background-color: #252526;width: 91.65%;margin: 18px 86px 18px 81px;align-items: center;border-radius: 14px;opacity: 0.8; overflow: hidden;}
.ziFangTiXian .listBox .TtBox {padding-top: 26px; padding-bottom: 24px; border-bottom: 1px solid #717171;}
.ziFangTiXian .listBox .TtBox .item {height: 23px; line-height: 23px; font-size: 23px; color: #9f9f9f; }
.ziFangTiXian .listBox .TtBox .item.time {width: 14%; margin-left: 59px; }
.ziFangTiXian .listBox .TtBox .item.num {width: 18%; }
.ziFangTiXian .listBox .TtBox .item.money {width: 18%; }
.ziFangTiXian .listBox .TtBox .item.fei {width: 15%; }
.ziFangTiXian .listBox .TtBox .item.start {width: 15%; }
.ziFangTiXian .listBox .TtBox .item.service-money {width: 16%; }
.ziFangTiXian .listBox ul {margin: 0 auto; }
.ziFangTiXian .listBox ul li {border-bottom: 1px solid #717171; padding: 28px 0; }
.ziFangTiXian .listBox ul li .item {height: 23px; line-height: 23px; font-size: 23px; color: #9f9f9f;}
.ziFangTiXian .listBox ul li .item.time {width: 14%;margin-left: 59px;}
.ziFangTiXian .listBox ul li .item.num {width: 18%;}
.ziFangTiXian .listBox ul li .item.money {width: 18%;}
.ziFangTiXian .listBox ul li .item.fei {width: 15%; }
.ziFangTiXian .listBox ul li .item.start {width: 15%;}
.ziFangTiXian .listBox ul li .item.service-money {width: 16%;}
.ziFangTiXian .listBox ul li:last-child {border-bottom: 0; }
.ziFangTiXian .listBox .pageBox {padding: 18px 0 25px; background-color: #252526; justify-content: flex-end; }
.ziFangTiXian .listBox .pageBox ul {margin-right: 60px; display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap; }
.ziFangTiXian .listBox .pageBox ul li {padding: 0; width: 31px; height: 31px; background-color: #484949; border: 0; margin-right: 10px; }
.ziFangTiXian .listBox .pageBox ul li span {display: block; height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; text-align: center}
.ziFangTiXian .listBox .pageBox ul li.active {background-color: #2b81af}
.ziFangTiXian .listBox .pageBox ul li a {display: block; width: 100%;  height: 100%; line-height: 31px; font-size: 12px; color: #ffffff; margin: 0; text-align: center; }

.ringDetailBox {width: 100%; }
.ringDetailBox .lineTtBox {width: 600px; margin: 26px auto 29px; justify-content: space-between; align-items: center;}
.ringDetailBox .lineTtBox .line {width: 226px; height: 2px; background-color: #393939; }
.ringDetailBox .lineTtBox .tt {height: 24px; line-height: 24px; font-size: 22px; text-align: center; color: #4d4d4d; }
.ringDetailBox .contentBox {width: 91.65%; margin: 18px 0 18px 4.3%; border-radius: 14px; background-color: #1b1c1d; opacity: 0.8; }
.ringDetailBox .contentBox .box {text-indent: 2%; padding: 40px; line-height: 58px; font-size: 20px; color: #ffffff;  }

.the_person_box {width: 100%; }
.the_person_box .projectSecTitleBox {justify-content: space-between; }
.the_person_box .projectSecTitleBox span {margin-left: 10px; height: 17px; line-height: 17px; font-size: 16px; color: #9f9f9f;  }
.the_person_box .projectSecTitleBox  .a {margin-right: 40px; }
.the_person_box .projectSecTitleBox  .a a {height: 18px; line-height: 18px; font-size: 18px; color: #bf7b23;  }
.the_person_box .moneyBox {width: 91.65%; height: 203px; margin: 18px 0 18px 4.3%; align-items: center; border-radius: 14px; background-color: rgb(24, 26, 27); opacity: 0.8;}
.the_person_box .moneyBox .leftB {margin-left: 9.4%; width: 66%;}
.the_person_box .moneyBox .leftB .item .tt {height: 30px; line-height: 30px; font-size: 29px; color: #9f9f9f; }
.the_person_box .moneyBox .leftB .item .money {margin-top: 22px; height: 45px; line-height: 45px; font-size: 45px; color: #9f9f9f; }
.the_person_box .moneyBox .leftB .item .tt a {height: 30px; line-height: 30px; font-size: 29px; color: #bf7b23; }
.the_person_box .moneyBox .leftB .item.first {width: 34.49%; }
.the_person_box .moneyBox .leftB .item.sec {min-width: 31.28%; }
.the_person_box .moneyBox .leftB .item.three {min-width: 20%; }
.the_person_box .moneyBox .leftB .item:first-child .tt {color: #c9313a}
.the_person_box .moneyBox .leftB .item:first-child .money {color: #c9313a}
.the_person_box .moneyBox .rigB {width: 22%; height: 200px; }
.the_person_box .moneyBox .rigB #chartContainer {width: 100%; height: 100%; }
.the_person_box .lists {width: 91.65%; height: 204px; margin: 18px 0 18px 4.3%; align-items: center; border-radius: 14px; background-color: rgb(24, 26, 27); opacity: 0.8;}
.the_person_box .lists .Tt {padding-top: 25px; padding-bottom: 12px; border-bottom: 1px solid #717171; }
.the_person_box .lists .Tt .item {height: 23px; line-height: 23px; font-size: 23px; color: #888888; }
.the_person_box .lists .Tt .item.fir {margin-left: 3.2%; width: 17.66%; }
.the_person_box .lists .Tt .item.sec {width: 29.7%; }
.the_person_box .lists .Tt .item.thr {width: 17.66%; }
.the_person_box .lists .Tt .item.fou {width: 17.66%; }
.the_person_box .lists .Tt .item.fiv {min-width: 5%; }
.the_person_box .lists ul {width: 100%; }
.the_person_box .lists ul li {padding: 11px 0 8px; border-bottom: 1px solid #717171; }
.the_person_box .lists ul li .item {height: 20px; line-height: 20px; font-size: 20px; color: #888888; }
.the_person_box .lists ul li .item.fir {margin-left: 3.2%; width: 17.66%; }
.the_person_box .lists ul li .item.sec {width: 29.7%; }
.the_person_box .lists ul li .item.thr {width: 17.66%; }
.the_person_box .lists ul li .item.fou {width: 17.66%; }
.the_person_box .lists ul li .item.fiv {min-width: 5%; }

.user_selected_to {margin: 60px auto; width: 39.412%; height: 730px;  background-color: #222222; }
.user_selected_to .tB {width: 100%; }
.user_selected_to .tB img {width: 100%; }
.user_selected_to .logo {margin-top: 42px; width: 100%; }
.user_selected_to .logo img {margin: 0 auto; display: block; }
.user_selected_to .selectB {margin: 49px auto 72px; width: 72%; justify-content: space-between; align-items: center;}
.user_selected_to .selectB .selected {border: 3px solid #32dc57; }
.user_selected_to .btn {margin: 73px auto 0; width: 57%; height: 54px; line-height: 54px; font-size: 30px; text-align: center; background-color: #a01f25; color: #ffffff; border-radius: 30px;}
.logout {width: 100px; heihgt: 32px; line-height: 32px; font-size: 20px; text-align: center; color: #ffffff; background-color: red; border-radius: 30px;  position: fixed; top: 20px; right: 20px; z-index: 999; }