﻿.panel,.innerpanel{width:1180px;margin: 0 auto;}
.webkfpanel{left:calc(50% + 590px + (50% - 590px - 68px) / 2)}
.uptopright{width:460px;}

.red{color:var(--button-highlight-color);}

.brokercontent1sttabgroup li,.broker_infoitems li{list-style: none outside;}

.innercontent,.innercontent .text{line-height:1.75;}
.innercontent div,.innercontent ul,.innercontent li,.innercontent form,.innercontent table,.innercontent h1,.innercontent h2,.innercontent h3,.innercontent h4,.innercontent p{max-width:100%;box-sizing:border-box;}
.innercontent img{max-width:100%;height:auto;}
.innercontent p,.innercontent h1,.innercontent h2, .innercontent h3{margin-top:var(--font-h4-font);}

.brokerpanel{padding:20px 0;}
.broker_title{font-size:var(--font-h2-font);}
.broker_title .rebiconfont{font-size:var(--font-h2-font);margin-right:var(--font-h5-font);color:var(--button-light-color);}
.brokergroup{padding:20px;border:1px solid var(--items-default-border-color);margin-top:16px;}
.broker_list{padding:30px 24px;border:1px solid var(--items-default-border-color);margin-top:20px;border-radius:5px;}
.broker_list:first-child{margin-top:0;}
.brokerflex{align-items:center;}
.brokerflex .image{width:234px;height:128px;background:#fff;display:flex;align-items:center;border:1px solid #ddd;overflow: hidden;}
.brokerflex .image img{width:100%;display:block;}
.brokerflex .items{width:660px;}
.brokerlisttitle{height:40px;line-height:40px;color:#0c6293;font-weight:bold;font-size:var(--font-h2x-font);}
.brokercon{font-size:var(--font-h5-font);color:var(--font-lightgray-color2);height:30px;line-height:30px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.brokercon .highlight{color:#000;}
.broker_items{width:300px;display:inline-block;}
.broker_items2{width:175px;}
.brokerflex .lmore{width:118px;height:38px;margin-right:10px;}
.brokerflex .morebtn{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:38px;background:var(--button-brand-color);color:var(--default-light-color);}

.brokerbanner{margin-top: 8px;height: 340px;background: url('/images/image_18.jpg') var(--font-lightgray-color) center center /cover no-repeat;}
.brokerbannerflex{height: 340px;align-items: center;}
.brokerbanner_buttons{width: 170px;}
.brokerbanner_btn{width: 170px;height: 38px;display: flex;justify-content: center;align-items: center; color: var(--default-light-color);}
.brokerbanner_btn1{background: var(--button-light-color);}
.brokerbanner_btn2{background: var(--button-brand-color);margin: 30px 0;}
.brokerbanner_btn3{background: var(--button-chat-color);}
.brokerbanner_btn:hover{color: var(--default-light-color);transform:scale(1.05);-webkit-transform:scale(1.05);}
.brokerbanner_content{font-size: var(--font-h2x-font);width: 820px;text-shadow: 2px 2px 0px rgba(255,255,255,.8);}
.brokerbanner_content img{max-height: 48px;}
.brokerbanner_content p{line-height: 2;}

.brokercontent1stpanel{padding-top: 18px;}
.brokercontent1stgroup{border: 1px solid var(--items-default-border-color);}
.brokercontent1sttabgroup{height: 49px;}
.brokercontent1sttabgroup li{width: 25%;height: 48px;background: #f5f5f5; border-bottom: 1px solid var(--items-default-border-color);display: flex;justify-content: center;align-items: center;}
.brokercontent1sttabgroup li.cur{background: var(--default-light-color);border-color: var(--default-light-color);color:var(--default-brand-bg);}

.broker_newscontent{padding: 20px 18px;display: none;}
.broker_newscontent.cur{display: block;}
.broker_infogroup{padding: 20px 20px 30px 20px;}
.broker_infoitems{justify-content: flex-start;color: var(--font-lightgray-color2);font-size: var(--font-h5-font);flex-wrap: wrap;}
.broker_infoitem1{width: 33.333333%;height: 30px;line-height: 30px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.broker_infoitems .highlight{color:var(--font-lightgray-color666);margin-left: var(--font-h5-font);}
.broker_infotitle{height: 40px;justify-content: flex-start;background: var(--default-brand-bg);}
.broker_infotitleitem{height: 40px;padding:0 20px;position: relative;color: var(--default-light-color);display: flex;align-items: center;}
.broker_infotitleitem.cur{background: var(--default-light-color);color: var(--default-brand-bg);padding-top: 1px;margin-top: -2px;border-top: 1px solid var(--default-brand-bg);}
.broker_infotitleitem.cur::before{content:"";width: 1px;height: 100%;background: var(--default-brand-bg);position: absolute;left: 0;top: 0;}
.broker_infotitleitem.cur::after{content:"";width: 1px;height: 100%;background: var(--default-brand-bg);position: absolute;right: 0;top: 0;}

.brokerfaqpanel{padding-top: 20px;padding-bottom: 145px;}
.brokerfaqgroup{border:1px solid var(--items-default-border-color);border-top-color: #048cef;padding: 30px 25px;}
.brokerfaqtitle{height: 30px;}
.brokerfaq_title{height: 30px;line-height: 30px;font-size: var(--font-h2x-font);font-weight: bold;position: relative;padding-left: 25px;}
.brokerfaq_title::before{content: "";width: 6px;height: 16px;background-color: var(--default-brand-bg);border-radius: 3px;position: absolute;left: 0;top: 7px;}
.brokerfaqlist_title{margin-top:12px;height: 28px;overflow: hidden;font-weight: 400;}
.brokerfaqlist_title .rebiconfont{margin-right: 6px;color: var(--default-brand-bg);font-size: var(--font-h2x-font);}
.brokerfaqlist_con{font-size: var(--font-h5-font);color: var(--font-lightgray-color666);height: 64px;line-height: 32px;text-indent:26px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.newslistpanel{padding-top:20px;padding-bottom:66px;}
.newslistgroup{background:#f8f8f8;padding:5px 10px 20px 10px;margin-top:20px;}
.newslistleft{width: 800px;background: var(--default-light-color);padding: 30px;}
.newslist_highlight,.newslist1{width: 100%;border-bottom: 1px solid var(--items-default-border-color);padding-bottom: 25px;}
.newslistflex{height: 140px;}
.newslist_leftitems_h{width: 550px;}
.newslist_rightitems_h{width: 224px;height: 140px;position:relative;}
.newslist_leftitems_h .ltitle{height: 36px;line-height:36px;font-size:var(--font-h2x-font);color:#000;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.newslist_leftitems_h .lcon{height: 72px;line-height: 24px;color: var(--font-lightgray-color666);font-size: var(--font-h5-font);overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newslist_leftitems_h .litems{height:24px;margin-top:8px;align-items: center;}
.newslist_leftitems_h .litems .date{font-size: var(--font-h5-font);color: var(--button-chat-color);}
.newslist_leftitems_h .litems .view{font-size: var(--font-h5-font);color: var(--font-lightgray-color666);}
.newslist_rightitems_h .image{width:100%;height:100%;overflow:hidden;}
.newslist_rightitems_h .labeltip{position:absolute;right:6px;top:0;padding:3px 10px;color:var(--default-light-color);background:rgba(242,37,77,.8);font-size:var(--font-h5-font);}
.newslist1{margin-top:25px;}

.innerright{background:var(--default-light-color);padding:16px;border:1px solid var(--items-default-border-color);width:270px;box-shadow:5px 5px 8px rgba(2,35,72,.6);}
.innerright_title{height:36px;align-items:center;font-weight:400;font-size:var(--font-h4-font);}
.innerright_title .ltitle{font-size:var(--font-h2x-font);color:#1e8ae3;}
.innerright_title .lmore{color:#000;}
.innerright_adimage{width:270px;height:270px;overflow:hidden;margin-top:16px;border-radius:5px;}
.innerright_title2{margin-top:16px;}
.innerright_brokers{flex-wrap:wrap;margin-top:12px;}
.innerright_brokers .items{width:130px;height:50px;margin-top:3px;overflow:hidden;border:1px solid var(--items-default-border-color);}
.innerright_title3{border-top: 1px dashed var(--items-default-border-color);padding-top:6px;padding-left: 8px;}
.innerright_stepgroup{padding: 15px 0;position: relative;}
.innerright_stepgroup::before{content: "";width: 3px;height: 100%;background: var(--items-step-border-color);position: absolute;left: 20px;top: 0;}
.innerright_steplist{padding-left: 38px;margin-top: 18px;position: relative;}
.innerright_steplist:first-child{margin-top: 0;}
.innerright_steplist::before{width: 19px;height: 19px;border-radius: 50%;position: absolute;display: flex;justify-content: center;align-items: center;color: var(--default-light-color);left: 12px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);background: var(--items-default-border-color);}
.innerright_steplist1::before{content:"1";}
.innerright_steplist2::before{content:"2";}
.innerright_steplist3::before{content:"3";}
.innerright_steplist4::before{content:"4";}
.innerright_steplist_title{height: 30px;font-size: var(--font-h5-font);}
.innerright_steplist_con{height: 26px;font-size: var(--font-h5-font);color: var(--font-lightgray-color2);}

.newscontentpanel{padding-top:18px;padding-bottom:60px;}
.newscontent_title{font-size:var(--font-h1-font);font-weight:400;text-align:center;padding:16px 0 32px 0;}
.newscontentpanel .innercontent{font-size:var(--font-h3-font);}
.innercontent p,.innercontent h1,.innercontent h2, .innercontent h3{margin-top:var(--font-h3-font);}
.innercontent p:first-child,.innercontent h1:first-child,.innercontent h2:first-child, .innercontent h3:first-child{margin-top:0;}
.monewscontent{display:none;}

.accountpanel{padding:0 35px 76px 35px;}
.accountgroup{padding-top:90px;}
.account_title{font-size:var(--font-h2x-font);font-weight:400;color:var(--button-chat-color);}
.accountformitems{width:43%;padding-top:20px;}
.accountform_title{margin:0;font-weight:700;font-size:var(--font-h4-font);height:28px;}
.accountform_title1{margin-top:20px;}
.accountform_title_icon{display: flex;justify-content: flex-start;align-items: center;height: 36px;font-weight: 400;}
.accountformcol{height:46px;overflow:hidden;}
.accountformcol1{overflow: visible;}
.accountformcol1 p:nth-child(2){margin-top: 10px;}
.accountformcol_maxinput{width:100%;height:100%;border:1px solid #c5c5c5;background:#f6f6f6;box-sizing:border-box;padding:10px 16px;border-radius: 3px;}
.accountformcol_maxinput input{color:#454545;font-size:var(--font-h3-font);}
.accountformcol .ui-selectmenu-button.ui-button{width:100%;box-sizing:border-box;}
.account_submit_button{width:450px;height:56px;margin:90px auto 0 auto;display:flex;justify-content:center;align-items:center;background:#29a543/*var(--default-brand-bg)*/;color:var(--default-light-color);font-weight:bold;font-size:var(--font-h2-font);cursor:pointer;}
.accountformfullitem{width: 100%;padding-top: 20px;}
.accountformradio{margin-right: 30px;}
.accountform_iconbg{width: 30px;height: 30px;border-radius: 50%;margin-right:6px;background: var(--button-light-color);color: var(--default-light-color);display: flex;justify-content: center;align-items: center;}
.accountform_iconbg1{background: #29a543;}
.accountform_iconbg2{background: none;color: #25d366;}
.accountform_iconbg3{color: #ed674a;}
.accountform_iconbg4{color: #68a5e1;}
.accountform_iconbg5{color:#5059c8;}
.accountform_iconbg .rebiconfont{font-size: var(--font-h4-font);font-weight: 400;}
.accountform_iconbg2 .rebiconfont{font-size: 26px;}


.newsbannerpanel{width:100%;height:360px;position:relative;overflow: hidden;display: block;}
.newsbannerimage{width:100%;height: 100%;position: absolute;left: 0;bottom: 0;z-index: -1;}
.newsbannerflex{height:100%;box-sizing: border-box;flex-direction:column;align-items: center;justify-content: center;}
.newsbanner_title{color: var(--default-light-color);font-size: var(--font-h1xx-font);text-align: center;font-weight: 400;line-height: 2;text-shadow: 2px 2px 1px var(--font-dark-color);}
.newsbanner_con{color: var(--default-light-color);font-size: var(--font-h2xx-font);text-align: center;font-weight: 400;text-shadow: 2px 2px 1px var(--font-dark-color);}

.pagebtngroup{margin-top:25px;height:40px;}
.pagebtn_next,.pagebtn_loading,.pagebtn_noload{height:38px;width:168px;justify-content:center;align-items:center;border:1px solid var(--items-step-border-color);color:var(--font-lightgray-color666);font-size:var(--font-h3-font);margin:0 auto;cursor:pointer;}
.pagebtn_next .rebiconfont,.pagebtn_loading .rebiconfont{font-size:var(--font-h3-font);position:absolute;}
.pagebtn_next .icon,.pagebtn_loading .icon{margin-left:8px;width:var(--font-h3-font);height:var(--font-h3-font);overflow:hidden;position:relative;}
.pagebtn_next:hover .rebiconfont{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.pagebtn_loading{cursor:initial;border:0;color:var(--button-highlight-color);}
.pagebtn_loading .rebiconfont{animation:rotateZ linear 2s infinite;-webkit-animation:rotateZ linear 2s infinite;}
.pagebtn_noload{cursor:initial;background:var(--items-default-border-color);color:var(--font-lightgray-color);}


@keyframes rotateZ {
    0%{transform:rotate(0deg);}
    100%{transform:rotate(360deg);}
}
@-webkit-keyframes rotateZ {
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}