.layout header,
.finance-banner,
.main_content,
.finance-con{min-width: 1300px;margin: 0 auto;}
.main_content{padding: 0;float: 0;width: 100%}
.autoSlideText{overflow: -moz-scrollbars-none;scrollbar-width: none; -ms-overflow-style: none;}
.autoSlideText::-webkit-scrollbar{height: 0 !important}
.finance-banner{width: 100%;background: #272b33;background-image: url(/images/finance_banner_1.png?v=0);background-position: center center;background-repeat: no-repeat;min-width: 1300px;}
.finance-banner .finance-banner-view{position: relative;width: 1300px;margin: 0 auto;height: 350px;}
.finance-banner .banner_text{position: absolute;width: 550px;height: 140px;transform: translate(-50%, -50%);left: 50%;top: 50%;display: flex;flex-direction: column;justify-content: space-between;text-align: center;color: #fff;}
.finance-banner .banner_text .h2 span{display: inline-block;position: relative;}
.finance-banner .banner_text .h2,
.finance-banner .banner_text .h3{line-height: 1.2em;}
.finance-banner .banner_text .h2 span:before,
.finance-banner .banner_text .h2 span:after{content: '';display: block;width: 10px;height: 10px;background: #e73a3d;transform: translateY(-50%) rotate(45deg);position: absolute;top: 50%;}
.finance-banner .banner_text .h2 span:before{left: -30px}
.finance-banner .banner_text .h2 span:after{right: -30px}
.finance-banner .banner_text .h2{font-size: 60px;font-weight: bold;}
.finance-banner .banner_text .h3{font-size: 30px;font-weight: lighter;}
body.cn-body .finance-banner .banner_text .h3{letter-spacing: 10px;}
.finance-banner .banner_map{position: absolute;left: 10px;top: 30px;bottom: 30px;background: rgba(23,26,31,0.8);border-radius: 15px;width: 320px;box-sizing: border-box;padding: 15px;display: flex;flex-direction: column;justify-content: space-between;padding-left: 30px;z-index: 1;}
.finance-banner .banner_map .h6:before{content: '';position: absolute;transform: rotate(45deg) translate(-50%, 0);left: -8px;top: 45%;width: 5px;height: 5px;background: #99acbf;}
.finance-banner .banner_map .h6 a{color: #99acbf;}
.finance-banner .banner_map .h6 a:hover{color: #99acbf;}
.finance-banner .banner_map .h6 a svg{color: #fff;transition: all 0.3s ease}
.finance-banner .banner_map .h6 a:hover svg{color: #e64e62;}
.finance-banner .banner_map .h6{color: #99acbf;font-size: 14px;line-height: 20px;font-weight: bold;position: relative;}
.finance-banner .banner_map a{color: #fff;font-size: 14px;line-height: 20px;display: inline-block;margin-right: 10px;padding-right: 2px;}
.finance-banner .banner_map a:hover{color: #E64E62}
.finance-con .flex-col{display: flex;flex-direction: column;}
.finance-con .flex-row{display: flex;flex-direction: row;}
.finance-con .flex-1{flex: 1;}
.iover{overflow: hidden;}
.autoSlideText{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.caret-down-icon{transform: rotate(90deg);font-size: 20px;transition: all .2s;color: rgba(255,255,255,0.7);display: inline-block;vertical-align: bottom;}

.finance-row.finance-current .finance-list.pos_list .finance-list-item a{height: 115px;}
.finance-row.finance-regular .finance-list.lock_list .finance-list-item a{height: 165px;}
.finance-row .finance-list .finance-list-item{transition: all 0.3s ease}
.finance-row .finance-list .finance-list-item:hover{box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3) !important}
.finance-row.finance-autoinvest .finance-list .finance-list-item:hover{box-shadow: none !important;background: #fffafa}
.finance-row .finance-list-title{padding: 0 5px;}
.finance-row .finance-list-title:first-child .h5{padding-top: 5px;}
.finance-row .finance-list-title:first-child .h5 + a.more_btn{margin-top: 0}
.finance-con .finance-row{width: 1280px;background-color: #f7f2f2;border-radius: 18px;margin: 0 auto;position: relative;}
.finance-row .finance-row-left{width: 300px;padding: 40px;padding-right: 0;position: absolute;left: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-position: bottom left;background-size: contain;}
.finance-row.finance-current .finance-row-left{background-image: url(/images/finance_item_bg_1.svg);}
.finance-row.finance-regular .finance-row-left{background-image: url(/images/finance_item_bg_2.svg);}
.finance-row.finance-autoinvest .finance-row-left{background-image: url(/images/finance_item_bg_3.svg);}
.finance-row.finance-cloan .finance-row-left{background-image: url(/images/finance_item_bg_4.svg);}
.finance-row .finance-row-right{padding-left: 380px;padding-top: 30px;padding-right: 40px;padding-bottom: 40px;margin-top: 60px;}


.finance-row .finance-row-left .h3{font-weight: bold;font-size: 24px;color: #242a2f;}
.finance-row .finance-row-left p{color: rgba(36,42,47,0.6);font-size: 14px;padding-top: 15px;margin: 0;}
.finance-row .finance-row-left .btn_row{padding-top: 85px;}
.finance-row .finance-row-left .btn{min-width: 90px;background: #E64E62;background-image: linear-gradient(90deg, #f76a91 0%, #d2501e 100%);border-radius: 3px;text-align: center;font-size: 14px;color: #fff;display: inline-block;cursor: pointer;transition: all 0.3s ease;}
.finance-row .finance-row-left .btn-view{display: inline-block;position: relative;}
.finance-row .finance-row-left .select_btn .btn-view{padding-bottom: 5px;}
.finance-row .finance-row-left .select_btn_list{display: none;min-width: 120px;max-width: 260px;background-color: #ffffff;box-shadow: 0px 1px 4px 0px rgba(178, 178, 178, 0.3);border-radius: 3px;overflow: hidden;position: absolute;top: 100%;left: 0;}
.finance-row .finance-row-left .select_btn_list li:first-child:before{display: none;}
.finance-row .finance-row-left .select_btn_list li:before{display: block;margin: 0 15px;height: 1px;content: '';background: #f0f0f0;}
.finance-row .finance-row-left .select_btn_list a{display: block;white-space: nowrap;padding: 15px;}
.finance-row .finance-row-left .btn-view:hover .btn{background: #f76a91}
.finance-row .finance-row-left .btn-view:hover .btn .icon.caret-down-icon{transform: rotate(-90deg);}
.finance-row .finance-row-left .btn-view:hover .select_btn_list{display: block;}




.finance-row .finance-row-right .finance-list-view:first-child{margin-top: 0}
.finance-row .finance-row-right .finance-list-view{margin-top: 30px;}

.finance-list-view .finance-list-title a.more_btn{margin-top: 30px}
.finance-list-view .finance-list-title .h5{padding-top: 30px;font-size: 18px;color: #242a2f;}
.finance-list-view .finance-list-title .finance-list-title-text{overflow: hidden;padding-top: 15px;}
.finance-list-view .finance-list-title p{color: rgba(36,42,47,0.6);font-size: 14px;float: left;margin: 0;}
.finance-list-view .finance-list-title .more_btn{float: right;color: #E64E62;font-size: 14px;}
.finance-list-view .finance-list-title .more_btn .icon{transition: all 0.3s ease}
.finance-list-view .finance-list-title .more_btn:hover .icon{transform: translateX(3px);}
.finance-row.finance-cloan .finance-list,
.finance-row.finance-regular .finance-list,
.finance-row.finance-current .finance-list{overflow: hidden;margin-top: 5px;padding: 5px;}
.finance-row.finance-cloan .finance-list .finance-list-item:nth-child(1),
.finance-row.finance-regular .finance-list .finance-list-item:nth-child(1),
.finance-row.finance-current .finance-list .finance-list-item:nth-child(1),
.finance-row.finance-cloan .finance-list .finance-list-item:nth-child(2),
.finance-row.finance-regular .finance-list .finance-list-item:nth-child(2),
.finance-row.finance-current .finance-list .finance-list-item:nth-child(2){margin-top: 0}
.finance-row.finance-cloan .finance-list .finance-list-item,
.finance-row.finance-regular .finance-list .finance-list-item,
.finance-row.finance-current .finance-list .finance-list-item{float: left;margin-top: 20px;overflow: hidden;box-shadow: 0px 1px 4px 0px rgba(204, 173, 173, 0.3);border-radius: 8px;}
.finance-row.finance-cloan .finance-list .finance-list-item a,
.finance-row.finance-regular .finance-list .finance-list-item a,
.finance-row.finance-current .finance-list .finance-list-item a{width: 385px;background-color: #ffffff;border-radius: 8px;padding: 20px 15px;display: block;}
.finance-row.finance-cloan .finance-list .finance-list-item:nth-child(even),
.finance-row.finance-regular .finance-list .finance-list-item:nth-child(even),
.finance-row.finance-current .finance-list .finance-list-item:nth-child(even){margin-left: 20px;}
.finance-row.finance-cloan .finance-list-view .item-title,
.finance-row.finance-regular .finance-list-view .item-title,
.finance-row.finance-current .finance-list-view .item-title{margin-bottom: 20px;max-height: 26px;overflow: hidden;}
.finance-row.finance-cloan .finance-list-view .item-title .item-icon,
.finance-row.finance-regular .finance-list-view .item-title .item-icon,
.finance-row.finance-current .finance-list-view .item-title .item-icon{display: inline-block;border-radius: 50px;width: 24px;height: 24px;overflow: hidden;margin-right: 8px;margin-top: -2px;vertical-align: inherit;}
.finance-row.finance-regular .finance-list-view .item-title .item-icon.icon-bg,
.finance-row.finance-current .finance-list-view .item-title .item-icon.icon-bg{position: relative;vertical-align: inherit;}
.finance-row.finance-regular .finance-list-view .item-title .item-icon.icon-bg .icon-48,
.finance-row.finance-current .finance-list-view .item-title .item-icon.icon-bg .icon-48{position: absolute;transform: translate(-50%, -50%) scale(0.5, 0.5);top: 50%;left: 50%;margin: 0;}
.finance-row.finance-cloan .finance-list-view .item-title .h6,
.finance-row.finance-regular .finance-list-view .item-title .h6,
.finance-row.finance-current .finance-list-view .item-title .h6{display: inline-block;color: #505559;font-size: 15px;vertical-align: middle;line-height: 20px;max-width: 345px;height: 20px;padding-top: 4px;padding-bottom: 20px}
.finance-row i{font-size: 12px;color: #999999;font-style: normal;}
.finance-row p{font-size: 12px;color: #242a2f;margin: 0;padding-bottom: 5px;}
.finance-row p span.bold{font-weight: bold;font-size: 20px;}

.finance-row p span.red{color: #E64E62}

.finance-row .item-progress{overflow: hidden;padding-top: 5px;}
.finance-row .item-progress-bar{float: left;width: 320px;height: 6px;background-color: #e5e5e5;border-radius: 3px;position: relative;overflow: hidden;margin-top: 5px;}
.finance-row .item-progress-status{position: absolute;border-radius: 3px;left: 0;top: 0;bottom: 0;width: auto;background: #E64E62;}
.finance-row .item-progress-text{float: left;width: 55px;font-size: 13px;color: #E64E62;padding-left: 8px;}
.finance-row .item-text{padding-top: 10px;color: #999;font-size: 12px;}
.finance-row .item-text>span{margin-right: 10px;}
.finance-row .timeout-text{color: #505559;padding-top: 10px;}
.item-icon.icon-usdt{width: 20px !important;height: 20px !important;background: #19a279;border-radius: 50%;padding: 2px;color: #fff;vertical-align: inherit;}
.item-icon.icon-btc{width: 20px !important;height: 20px !important;background: #f99116;border-radius: 50%;padding: 2px;color: #fff;vertical-align: inherit;}
.item-icon.icon-usdt{width: 20px !important;height: 20px !important;background: #19a279;border-radius: 50%;padding: 2px;color: #fff;vertical-align: inherit;}
.item-icon.icon-btc{width: 20px !important;height: 20px !important;background: #f99116;border-radius: 50%;padding: 2px;color: #fff;vertical-align: inherit;}
.finance-row.finance-autoinvest .finance-list{background-color: #ffffff;box-shadow: 0px 1px 4px 0px rgba(204, 173, 173, 0.3);border-radius: 8px;margin: 20px 5px 0 5px;overflow: hidden;min-height: 120px;}
.finance-row.finance-autoinvest .finance-list-item{height: 45px;padding: 25px 20px;position: relative;}
.finance-row.finance-autoinvest .finance-list-item:first-child:after{display: none;}
.finance-row.finance-autoinvest .finance-list-item:after{content: '';display: block;position: absolute;height: 1px;left: 25px;right: 0;top: -1px;background: #f2f2f2;}
.finance-row.finance-autoinvest .finance-list-item .item-title{width: 320px;line-height: 1.2em;}
.finance-row.finance-autoinvest .finance-list-item .item-profit{width: 170px;padding-left: 10px;}
.finance-row.finance-autoinvest .finance-list-item .item-cycle{width: 180px;padding: 0 10px;}
.finance-row.finance-autoinvest p span.big{font-size: 16px}
.finance-row.finance-autoinvest .finance-list-item .item-title .h6{color: #505559;padding: 0;margin: 0;font-size: 15px;line-height: 1.2em;align-items: center;flex-direction: column;font-weight: bold;margin-bottom: 5px;padding-top: 1px;}
.finance-row.finance-autoinvest .finance-list-item .item-title .sort_num{width: 36px;height: 36px;display: block;background-position: center center;background-repeat: no-repeat;background-size: cover;margin-top: 4px;}
.finance-row.finance-autoinvest .finance-list-item:nth-child(1) .item-title .sort_num{background-image: url(/images/finance_no1@2x.png);}
.finance-row.finance-autoinvest .finance-list-item:nth-child(2) .item-title .sort_num{background-image: url(/images/finance_no2@2x.png);}
.finance-row.finance-autoinvest .finance-list-item:nth-child(3) .item-title .sort_num{background-image: url(/images/finance_no3@2x.png);}
.finance_avatar{width: 20px;height: 20px;margin-right: 5px;border-radius: 100px;}
span.finance_avatar{line-height: 20px;text-align: center;background: #83A0A3;font-size: 12px;color: #fff;font-weight: bold;}
.finance-row.finance-autoinvest .finance-list-item .item-btn-col{justify-content: center;text-align: center;flex-direction: column;align-items: center;display: flex;}
.finance-row.finance-autoinvest .finance-list-item .item-btn-col a{display: inline-block;text-align: center;padding: 6px 10px;min-width: 50px;border-radius: 3px;border: solid 1px #E64E62;color: #E64E62;font-size: 14px;transition: all 0.3s ease;}
.finance-row.finance-autoinvest .finance-list-item .item-btn-col a:hover{color: #fff;background: #E64E62;}
.finance_avatar_vip.vip_icon{width: 18px;height: 18px;margin-left: 2px;}
.finance_avatar_row{align-items: center;color: #999;}
.autoinvest-item-title{max-width: 260px;}
.autoinvest-item-title-mask{height: 18px;overflow: hidden;}
.autoinvest-item-title-mask .autoSlideText{padding-bottom: 20px;}
.finance_avatar_row .autoSlideText{overflow: -moz-scrollbars-none;scrollbar-width: none; -ms-overflow-style: none;}
body.dark-body .finance-con .finance-row,
body.classic-dark .finance-con .finance-row{background: #282b34}
body.dark-body .finance-row .finance-row-left .h3,
body.classic-dark .finance-row .finance-row-left .h3{color: #fff}
body.dark-body .finance-row .finance-row-left p,
body.classic-dark .finance-row .finance-row-left p{color: #bbb}
body.dark-body .finance-row .finance-row-left .select_btn_list,
body.classic-dark .finance-row .finance-row-left .select_btn_list,
body.dark-body .finance-row.finance-autoinvest .finance-list,
body.classic-dark .finance-row.finance-autoinvest .finance-list,
body.dark-body .finance-row.finance-cloan .finance-list .finance-list-item a,
body.dark-body .finance-row.finance-regular .finance-list .finance-list-item a,
body.dark-body .finance-row.finance-current .finance-list .finance-list-item a,
body.classic-dark .finance-row.finance-cloan .finance-list .finance-list-item a,
body.classic-dark .finance-row.finance-regular .finance-list .finance-list-item a,
body.classic-dark .finance-row.finance-current .finance-list .finance-list-item a{background: #42444c}
body.dark-body .finance-row .finance-row-left .select_btn_list,
body.classic-dark .finance-row .finance-row-left .select_btn_list,
body.dark-body .finance-row.finance-autoinvest .finance-list,
body.classic-dark .finance-row.finance-autoinvest .finance-list,
body.dark-body .finance-row.finance-cloan .finance-list .finance-list-item,
body.dark-body .finance-row.finance-regular .finance-list .finance-list-item,
body.dark-body .finance-row.finance-current .finance-list .finance-list-item,
body.classic-dark  .finance-row.finance-cloan .finance-list .finance-list-item,
body.classic-dark  .finance-row.finance-regular .finance-list .finance-list-item,
body.classic-dark  .finance-row.finance-current .finance-list .finance-list-item{box-shadow: 0px 1px 4px 0px rgba(100,100,100, 0.2)}
body.dark-body .finance-list-view .finance-list-title .h5,
body.classic-dark .finance-list-view .finance-list-title .h5{color: #eee}
body.dark-body .finance-row p,
body.classic-dark .finance-row p{color: #ccc}
body.dark-body .finance-row.finance-autoinvest .finance-list-item .item-title .h6,
body.classic-dark .finance-row.finance-autoinvest .finance-list-item .item-title .h6,
body.dark-body .finance-row.finance-cloan .finance-list-view .item-title .h6,
body.dark-body .finance-row.finance-regular .finance-list-view .item-title .h6,
body.dark-body .finance-row.finance-current .finance-list-view .item-title .h6,
body.classic-dark .finance-row.finance-cloan .finance-list-view .item-title .h6,
body.classic-dark .finance-row.finance-regular .finance-list-view .item-title .h6,
body.classic-dark .finance-row.finance-current .finance-list-view .item-title .h6{color: #ddd}
body.dark-body .finance-row .timeout-text,
body.classic-dark .finance-row .timeout-text{color: #bbb}
body.dark-body .finance-row .item-progress-bar,
body.classic-dark .finance-row .item-progress-bar{background-color: #262626}
body.dark-body .finance-row.finance-autoinvest .finance-list-item:after,
body.classic-dark .finance-row.finance-autoinvest .finance-list-item:after{background: #282b34}
body.dark-body .finance-row .finance-row-left .select_btn_list li:before,
body.classic-dark .finance-row .finance-row-left .select_btn_list li:before{background: #282b34}

body.dark-body .finance-row .finance-list .finance-list-item:hover,
body.classic-dark .finance-row .finance-list .finance-list-item:hover{box-shadow: 0px 1px 4px 0px rgba(200, 200, 200, 0.3) !important}
body.dark-body .finance-row.finance-autoinvest .finance-list .finance-list-item:hover,
body.classic-dark .finance-row.finance-autoinvest .finance-list .finance-list-item:hover{box-shadow: none !important;background: #56585f}
body.dark-body .finance-row.finance-autoinvest .finance-list-item .item-btn-col a:hover,
body.classic-dark .finance-row.finance-autoinvest .finance-list-item .item-btn-col a:hover{color: #56585f}