.banner img {
    width:100%;
    display:block;
}
.contentMain {
    background:#CCD8FB;
    padding-bottom:30px;
}
.contentMain .gridBox {
    background:#fff;
    border-radius:10px;
    padding:15px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:15px;
}
.contentMain .gridBox .item {
    text-align:center;
    padding:15px;
    border-radius:8px;
}
.contentMain .gridBox .item img {
}.contentMain .gridBox .item p {
     color:#fff;
     line-height:31px;
     font-size:16px;
 }
.contentMain .gridBox .item.item1 {
    background:#4ECC92;
}
.contentMain .gridBox .item.item2 {
    background:#627FEF;
}
.contentMain .gridBox .item.item3 {
    background:#F5C05A;
}
.contentMain .introduction {
    border-radius:10px;
    padding:25px;
    background:#fff;
    margin-top:25px;
}
.contentMain .introduction h1 {
    font-size:22px;
    color:#5B65DA;
}
.contentMain .introduction h3 {
    font-size:16px;
    color:#4F5050;
    margin-top:10px;
}
.contentMain .introduction .main {
    display:flex;
    margin-top:20px;
}
.contentMain .introduction .main .left {
    background:#F6F7FC;
    width:640px;
    border-radius:10px;
    padding:0 15px;
}
.contentMain .introduction .main .left p {
    font-size:14px;
    color:#777879;
    margin:15px 0px;
    line-height:34px;
}
.contentMain .introduction .main .left p span {
    color:#F55A5A;
    font-weight:bold;
}
.contentMain .introduction .main .left p em {
    font-style:normal;
    color:#5B65DA;
}
 .right_f {
                position: fixed;
                left: 0;
                top: 30%;
            }
            .right_f .item {
                 background: #5b65da;
                color: #fff;
                text-align: center;
                padding: 14px 8px;
                margin: 10px 0;
                border-radius: 0px 6px 6px 0px;
                border: 1px solid #fff;
                border-left: none;
                cursor:pointer;
                font-size: 12px;
            }
            .right_f .item.active {
                background: #f5c05a;
            }

.contentMain .introduction .main .right {
    flex:1;
    padding:15px;
    border:2px solid rgba(91,101,218,0.5);
    margin-left:25px;
    border-radius:10px;
    position:relative;
}
.contentMain .introduction .main .right h3 {
    font-size:18px;
    text-align:center;
}
.contentMain .introduction .main .right .item {
    width:83px;
    text-align:center;
    position:absolute;
}
.contentMain .introduction .main .right .item .text {
    background:#F5F7FC;
    border-radius:4px;
    padding:5px 0;
}
.contentMain .introduction .main .right .item .text img {
    display:block;
    margin:auto;
}
.contentMain .introduction .main .right .item .text span {
    display:block;
    margin:5px 0px;
    color:#333333;
}
.contentMain .introduction .main .right .item p {
    color:#C0C0C0;
    margin-top:5px;
}
.contentMain .introduction .main .right .item1 {
    top:75px;
    left:50px;
}
.contentMain .introduction .main .right .item2 {
    top:75px;
    left:187px;
}
.contentMain .introduction .main .right .item3 {
    top:104px;
    right:50px;
}
.contentMain .introduction .main .right .item4 {
    bottom:40px;
    left:187px;
}
.contentMain .introduction .main .right .item5 {
    bottom:40px;
    left:50px;
}
.contentMain .introduction .main .right i {
    position:absolute;
    color:#5B65DA;
    font-size:18px;
}
.contentMain .introduction .main .right i.i1 {
    left:152px;
    top:106px;
}
.contentMain .introduction .main .right i.i2 {
    top:106px;
    right:150px;
}
.contentMain .introduction .main .right i.i3 {
    bottom:97px;
    right:150px;
}
.contentMain .introduction .main .right i.i4 {
    bottom:97px;
    left:150px;
}
.tableBox {
    background:#fff;
    margin-top:30px;
    padding:25px;
    border-radius:10px;
}
.tableBox h3 {
    font-size:20px;
    color:#5B65DA;
    margin-bottom:20px;
}
.tableBox table {
    width:100%;
    border-collapse:collapse;
}
.tableBox table thead th {
   width: 170px;
    background:#F6F7FC;
    color:#2F3951;
    padding:12px 0px;
    font-size:16px;
}
.tableBox table thead th.w-100 {
    width:170px;
}
.tableBox table tbody td {
    text-align:center;
    border-bottom:1px solid #ccd8fb;
    padding:12px 0;
    color:#2F3951;
    font-size:14px;
}
.tableBox table tbody td.lr {
}.tableBox table tbody td.lr span {
     margin:0px 10px;
     cursor:pointer;
 }
.tableBox table tbody td a {
    color:#5B65DA;
}
.aqBox {
    padding:25px;
    background:#fff;
    border-radius:10px;
    margin-top:30px;
}
.aqBox h3 {
    color:#5B65DA;
    font-size:20px;
    margin-bottom:25px;
}
.aqBox h4 {
    background:#5B65DA;
    color:#fff;
    font-size:16px;
    display:inline-block;
    line-height:34px;
    padding:0px 20px;
    border-radius:35px;
    margin-bottom:15px;
}
.aqBox .reply{
    margin-bottom:35px;
}
.aqBox .reply:last-child{
    margin-bottom:0px;
}
.aqBox p {
    text-indent: 2em;
    font-size:14px;
    color:#2F3951;
    line-height:32px;
}
.MessageBoard {
    margin-top:30px;
    background:#fff;
    padding:25px;
    border-radius:10px;
}
.MessageBoard h3 {
    color:#5B65DA;
    font-size:20px;
    margin-bottom:25px;
}
.MessageBoard .fromBox {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
}
.MessageBoard .fromBox .item {
    margin-bottom:25px;
}
.MessageBoard .fromBox .item span {
    font-size:14px;
    color:#4F5050;
    font-weight:bold;
    margin-right:10px;
    display:inline-block;
    width:70px;
    text-align:right;
}
.MessageBoard .fromBox .item input {
    border:1px solid #ADB2EC;
    line-height:38px;
    width:250px;
    padding:0px 10px;
    font-size:16px;
    border-radius:6px;
}
.MessageBoard .fromBox .item select {
    border:1px solid #ADB2EC;
    width:271px;
    padding:0px 10px;
    font-size:14px;
    border-radius:6px;
    height:40px;
    outline:none;
}
.MessageBoard .notes {
    margin-top:20px;
    display:flex;
}
.MessageBoard .notes span {
    font-size:16px;
    color:#4F5050;
    font-weight:bold;
    margin-right:10px;
}
.MessageBoard .notes textarea {
    border:1px solid #ADB2EC;
    padding:10px 10px;
    font-size:18px;
    border-radius:6px;
    flex:1;
    margin-right:68px;
    height:200px;
    resize:none;
    outline:none;
}
.inco1 {
    background:url("../images/pic9.png") no-repeat left 4px;
    padding-left:24px;
    color:#5B65DA;
}
.MessageBoard button {
    background:#5B65DA;
    color:#fff;
    border:none;
    display:inherit;
    margin:auto;
    padding:10px 30px;
    border-radius:6px;
    cursor:pointer;
}
.rightMain{

}
.isPhone .banner img{
    object-fit: cover;
    height: 4.5rem;
}
.isPhone .gridBox .item:nth-child(2) {
     margin: 0.25rem 0;
}
.isPhone .gridBox{
    
margin: 0 0.25rem;
    
padding: 0.25rem;
    
border-radius: 0.15rem;
    
display: flex;
    
flex-direction: column;
    
grid-gap: 0;
}
.isPhone .contentMain{
    
padding-bottom: 0.25rem;
}
.isPhone .contentMain .gridBox .item{
    
padding: 0.25rem;
    
border-radius: 0.15rem;
}
.isPhone .contentMain .gridBox .item img{
    
width: 1rem;
}
.isPhone .contentMain .gridBox .item p{
    
font-size: 0.3rem;
    
line-height: 0.5rem;
}
.isPhone .contentMain .introduction{
    
border-radius: 0.15rem;
    
padding: 0.35rem 0.25rem;
    
margin: 0.25rem;
}
.isPhone .contentMain .introduction h1{
    
font-size: 0.4rem;
}
.isPhone .contentMain .introduction h3{
    font-size: 0.32rem;
    margin-top: 0.15rem;
}
.isPhone .contentMain .introduction .main{
    
flex-direction: column;
    
margin-top: 0.25rem;
}
.isPhone .contentMain .introduction .main .right{
    /* display: none; */
    margin: 0;
    margin-top: 0.25rem;
    padding: 0.25rem;
}
.isPhone .contentMain .introduction .main .left{
    width: auto;
    padding: 0 0.25rem;
}
.isPhone .contentMain .introduction .main .left p{
    font-size: 0.28rem;
    margin: 0.25rem 0;
    line-height: 0.5rem;
}
.isPhone .contentMain .introduction .main .right h3{
    font-size: 0.32rem;
}
.isPhone .contentMain .introduction .main .right .item{
    
position: static;
    
width: auto;
}
.isPhone .contentMain .introduction .main .right i{
    display: none;
}
.isPhone .rightMain{
    
display: grid;
    
grid-template-columns: 1fr 1fr 1fr;
    
grid-gap: 0.25rem;
    
margin-top: 0.25rem;
}
.isPhone .contentMain .introduction .main .right .item5{margin-top: -0.85rem;}
.isPhone .contentMain .introduction .main .right .item4{
    margin-top: -0.85rem;
}
.isPhone .contentMain .introduction .main .right .item3{
   
position: relative;
   
top: 0.55rem;
   
right: auto;
}
.isPhone .tableBox{
    display: none;
}
.m_tableBox{
    display: none;
}
.isPhone .m_tableBox{
    display: block;
}
.isPhone .m_tableBox .itemBox{

padding: 0.25rem;

background: #fff;

margin: 0.25rem;

margin-bottom: 0.25rem;

border-radius: 0.15rem;
}
.isPhone .m_tableBox .itemBox h3{

font-size: 0.35rem;

color: #5B65DA;

display: flex;

justify-content: space-between;

align-items: center;
}
.isPhone .m_tableBox .itemBox .item{

background: #c8ccff;

margin-bottom: 0.25rem;

border-radius: 0.15rem;

display: none;
}
.isPhone .m_tableBox .itemBox .item:last-child{
    margin-bottom: 0;
}
.isPhone .m_tableBox .itemBox:last-child{
    margin-bottom: 0;
}
.isPhone .m_tableBox .itemBox .item .main{

display: flex;

flex-wrap: wrap;

justify-content: flex-start;
}
.isPhone .m_tableBox .itemBox .item .main p{
    
margin: 0.15rem 0.25rem;
    
font-size: 0.28rem;
    
color: #5B65DA;
}
.isPhone .m_tableBox .itemBox .item .main p span{color: #333;margin-right: 0.15rem;}

.isPhone .m_tableBox .itemBox .item .main p a{
    color: #5B65DA;
}
.isPhone .m_tableBox .itemBox .item .btnBox{

display: flex;
}
.isPhone .m_tableBox .itemBox .item .btnBox span{

background: #5b65da;

flex: 1;

text-align: center;
}
.isPhone .inco1{
    
color: #fff;
    
background: none;
    
display: inline-block;
    
border-right: 1px solid #fff;
    
padding: 0.15rem 0;
    
border-radius: 0 0 0 0.15rem;
}
.isPhone .m_tableBox .itemBox .item .btnBox span a{
    color: #fff;
    display: block;
    padding: 0.15rem 0;
}
.isPhone .bor-r{
    border-radius: 0 0 0.15rem 0;
}
.isPhone .m_tableBox .itemBox.open .item{
   display: block;
}
.isPhone .m_tableBox .itemBox.open h3{
    margin-bottom: 0.25rem;
}
.isPhone .aqBox{
    
margin: 0.25rem;
    
padding: 0.35rem 0.25rem;
}
.isPhone .aqBox h3{
    
font-size: 0.4rem;
    
margin-bottom: 0.25rem;
}
.isPhone .aqBox h4{

font-size: 0.26rem;

line-height: initial;

padding: 0.15rem 0.25rem;

border-radius: 1rem;

margin-bottom: 0.25rem;
}
.isPhone .aqBox p{
    
font-size: 0.26rem;
    
line-height: 0.5rem;
    
margin-bottom: 0.25rem;
}
.isPhone .MessageBoard{

padding: 0.35rem 0.25rem;

margin: 0.25rem;

border-radius: 0.15rem;
}
.isPhone .MessageBoard h3{
    font-size: 0.35rem;
    margin-bottom: 0.25rem;
}
.isPhone .MessageBoard .fromBox{
    
display: block;
}
.isPhone .MessageBoard .fromBox .item{
    margin-bottom: 0.25rem;
}
.isPhone .MessageBoard .fromBox .item span{
    
font-size: 0.28rem;
    
width: auto;
    
display: block;
    
text-align: left;
    
padding-bottom: 0.15rem;
    
margin: 0;
}
.isPhone .MessageBoard .fromBox .item input{
    
width: 6.1rem;
    
font-size: 0.28rem;
    
border-radius: 0.15rem;
    
line-height: 0.7rem;
}
.isPhone .MessageBoard button{
    
padding: 0.15rem 0.5rem;
    
font-size: 0.28rem;
}
.isPhone .MessageBoard .fromBox .item select{
    
width: 6.5rem;
    
font-size: 0.26rem;
    
height: 0.75rem;
}
.isPhone .aqBox .reply {
    margin-bottom: 0.25rem;
}
.isPhone .right_f{
display:none;
}