﻿@media screen and (max-width:719px) {
    .panel,.innerpanel{width:400px;}

    .brokerflex{flex-wrap: wrap;justify-content: center;}
    .brokerflex .image{width: 100%;height: 198px;box-sizing: border-box;}
    .brokerflex .items{width: 100%;margin-top: 20px;}
    .brokerlisttitle{text-align: center;}
    .broker_items{width: 100%;}
    .broker_items2{width: 100%;}
    .brokerflex .lmore{margin-top: 20px;}
    .brokercon{flex-wrap: wrap;height: 90px;-webkit-line-clamp:3;}

    .brokerbannerflex{flex-wrap: wrap;}
    .brokerbanner_content{width: 100%;height: 290px;overflow: hidden;padding-top: 30px;box-sizing: border-box;font-size: var(--font-h3-font);}
    .brokerbanner_buttons{width:100%;height: 50px;display: flex;justify-content: space-between;align-items: center;}
    .brokerbanner_btn{width: 30%;}
    .brokercontent1sttabgroup li,.broker_infotitleitem{font-size: var(--font-h5-font);}

    .broker_infoitem1{width: 100%;}
    .newslistgroup{flex-wrap: wrap;box-sizing: border-box;}
    .newslistgroup{padding-left: 5px;padding-right: 5px;}
    .newslistleft{padding: 10px;width: 370px;}
    .newslistflex{height: auto;flex-wrap: wrap;}
    .newslisthighlightflex{flex-wrap: wrap-reverse;}
    .newslist_rightitems_h{width: 100%;height: 230px;}
    .newslist_leftitems_h{width: 100%;}
    .newslist_highlight{margin-top: 5px;}

    .innerright{width: 358px;box-shadow: none;margin-top: 20px;}
    .innerright_adimage{width: 100%;height: auto;}
    .innerright_brokers .items{width: 45%;height: 60px;}
    
    .accountformgroup{flex-wrap: wrap;}
    .accountformitems{width: 100%;}

    .accountgroup{padding-top: 30px;}
    .account_submit_button{margin-top: 40px;width: 100%;}

    .webkfpanel{left:calc(50% + 200px - 56px);width:56px;}
    .webkfitems li .image{height:36px;}
    .webkfitems li .image .rebiconfont{font-size: var(--font-h2-font);}

    .newsbannerflex{left: calc((100% - 400px) / 2);}
    .newsbanner_title{font-size: var(--font-h1x-font);}
}
@media screen and (min-width:1px) and (max-width:410px) {
:root{
    --font-h1-font:28px;
    --font-h2-font:20px;
    --font-h2x-font:18px;
    --font-h2xx-font:16px;
    --font-h3-font:16px;
    --font-h4-font:14px;
    --font-h5-font:12px;
}

    .panel,.innerpanel{width: 320px;}
    .brokerflex .image{height: 125px;}
    .newslist_rightitems_h{height: 180px;}
    .newslistleft{width: 290px;}
    .innerright{width: 276px;}
    .webkfpanel{left:calc(50% + 160px - 56px);}
    .newsbannerflex{left: calc((100% - 320px) / 2);}
    .newsbanner_title{font-size: var(--font-h1-font);}
}
@media screen and (min-width:380px) and (max-width:410px) {
    :root{
    --font-h3-font:16px;
    --font-h4-font:16px;
    --font-h5-font:14px;
}
    .panel,.innerpanel{width: 360px;}
    .brokerflex .image{height: 148px;}
    .brokercontent1sttabgroup li, .broker_infotitleitem{font-size: 12px;}
    .newslist_rightitems_h{height: 206px;}
    .newslistleft{width: 330px;}
    .innerright{width: 316px;}
    .webkfpanel{left:calc(50% + 180px - 56px);}
    .newsbannerflex{left: calc((100% - 360px) / 2);}
    .newsbanner_title{font-size: var(--font-h1x-font);}
}
@media screen and (min-width:720px) and (max-width:999px) {
    .panel,.innerpanel{width:720px;}

    .brokerflex{flex-wrap: wrap;justify-content: center;}
    .brokerflex .image{width: 360px;height: 198px;}
    .brokerflex .items{width: 100%;margin-top: 20px;}
    .brokerlisttitle{text-align: center;}
    .broker_items{width: 40%;}
    .broker_items2{width: 28%;}
    .brokerflex .lmore{margin-top: 20px;}
    .brokerbanner_content{width: 58%;}

    .newslistgroup{flex-wrap: wrap;}
    .newslistleft{width: 660px;}
    .newslist_leftitems_h{width: 410px;}

    .innerright{width: 690px;box-shadow: none;margin-top: 20px;}
    .innerright_adimage{width: 100%;}
    .innerright_brokers{margin-top: 5px;}
    .innerright_brokers .items{width: 160px;height: 62px;margin-top: 8px;}
    .account_submit_button{margin-top: 30px;}
    .accountgroup{padding-top: 60px;}
    .webkfpanel{left:calc(50% + 360px + (50% - 360px - 60px) / 2);width:60px;}

    .newsbannerflex{left: calc((100% - 720px) / 2);}
}
@media screen and (max-width:999px) {
    .pcnewscontent{display:none;}
    .monewscontent{display:block;}
    .newsbannerpanel{height: auto;overflow: unset;}
    .newsbannerimage{position: relative;}
    .newsbannerflex{position: absolute;top: 0;}
}
@media screen and (min-width:1000px) and (max-width:1280px) {
    .panel,.innerpanel{width:980px;}
    .uptopright{width:386px;height:60px;}
    .brokerflex .items{width: 460px;}
    .broker_items{width: 40%;}
    .broker_items2{width: 28%;}
    .newslistleft{width: 600px;}
    .newslist_leftitems_h{width: 350px;}
    .webkfpanel{left:calc(50% + 490px + (50% - 490px - 60px) / 2);width:60px;}
    .accountformcol{height:30px;}
    .accountformcol_maxinput{padding-top: 3px;padding-bottom: 3px;}
}
@media screen and (min-width:1281px) and (max-width:1440px) {
    .webkfpanel{left:calc(50% + 590px + (50% - 590px - 68px) / 2);}
    .accountformcol{height:36px;}
    .accountformcol_maxinput{padding-top: 5px;padding-bottom: 5px;}
}
