.investorMain {display: flex;justify-content: space-between;flex-wrap: nowrap;}
.investorMain .left {width: 50%; padding-left: 12%;background-color: #f7f7f7;padding-right: 70px;padding-top: 30px;}
.investorMain .left .top {border-bottom: 1px solid #CCCCCC;height: auto;}
.investorMain .left .top .code {display: flex;align-items: baseline;}
.investorMain .left .top .code h2 {font-size: 36px;line-height: 45px;}
.investorMain .left .top .code h4 {font-size: 20px;margin-left: 14px;line-height: 45px;}
.investorMain .left .top .t02 {display: flex;margin-top: 30px;align-items: baseline;}
.investorMain .left .top .t02 .price .num {color: #e62129;font-size: 40px;line-height: 45px;font-weight: bold;}
.investorMain .left .top .t02 .price i {font-style: normal;font-size: 18px;color: #e62129;}
.investorMain .left .top .t02 .tbo {margin-left: 30px;font-size: 18px;line-height: 45px;}
.investorMain .left .top .t02 .tbo span {font-size: 18px;line-height: 45px;}
.investorMain .left .top .t02 .tbo.down {color: #29b54e;}
.investorMain .left .top .t02 .tbo.up {color: #e62129;}
.investorMain .left .top .desc01 {font-size: 14px;color: #70858c;margin-top: 30px;line-height: 30px;}
.investorMain .left .top .ulist {display: flex;align-items: center;justify-content: space-between;padding: 30px 0;flex-wrap: wrap;}
.investorMain .left .top .ulist .uitem {padding-left: 25px;border-left: 1px solid #b9c5d0;margin-bottom: 15px;}
.investorMain .left .top .ulist .u_t01 {font-size: 14px;color: #001f2b;}
.investorMain .left .top .ulist .u_t02 {font-size: 30px;color: #e62129;margin-top: 30px;}
.investorMain .left .pic {height: 315px;width: 100%;margin: 35px 0;overflow: hidden;}
.investorMain .left .pic img {width: 100%;object-fit: cover;}

.investorMain .right {width: 50%;;background-color: #fff;padding-right: 4%;padding-left: 50px;overflow: hidden;}
.investorMain .right .tap {height: 90px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #CCCCCC;}
.investorMain .right .tap h2 {font-size: 36px;}
.investorMain .right .tap a {font-size: 20px;}
.investorMain .right .tap a:hover {color: #e62129;}


@media only screen and (max-width: 768px) {

    .investorMain {flex-direction: column;}
    .investorMain .left {width: 100%;padding: 15px;}
    .investorMain .left .top .code h2 {font-size: 18px;}
    .investorMain .left .top .code h4 {font-size: 14px;}
    .investorMain .left .top .t02 {margin-top: 0;}
    .investorMain .left .top .t02 .price .num {font-size: 30px;}
    .investorMain .left .top .t02 .tbo {margin-left: 15px;}
    .investorMain .left .top .desc01 {margin-top: 0px;}
    .investorMain .left .top .ulist {padding: 15px 0;}
    .investorMain .left .top .ulist .uitem {padding-left: 15px;}
    .investorMain .left .top .ulist .u_t02 {margin-top: 15px;font-size: 24px;}
    .investorMain .left .pic {height: auto;margin: 15px 0;}

    .investorMain .right {width: 100%;padding: 15px;height: 100vh;}
    .investorMain .right .tap {height: 45px;}
    .investorMain .right .tap h2 {font-size: 18px;}
    .investorMain .right .tap a {font-size: 12px;}
}

@media only screen and (min-width: 768px) and (max-width: 996px) {

    .investorMain .left {padding: 15px;}
    .investorMain .right {padding: 15px; height: 100vh;}
    .investorMain .right .tap {height: 60px;}
    .investorMain .right .tap h2 {font-size: 30px;}
    .investorMain .right .tap a {font-size: 16px;}


}
@media only screen and (min-width: 996px) and (max-width: 1440px) {
 
    .investorMain .left {padding-left: 4%;background-color: #f7f7f7;padding-right: 30px;padding-top: 30px;}
    .investorMain .right {padding-right: 4%;padding-left: 30px;}

}