@charset "UTF-8";
.alertbox{display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 15px 40px 50px;width: 1000px;background: url(../images/slqd_bg.png) no-repeat;}
.alertbox h3{text-align: center;font-size: 28px;line-height: 40px;margin-bottom: 60px;}
.alertbox .qdtit{height: 52px;line-height: 52px;font-size: 20px;color: #293C54;font-weight: bold;background: url(../images/jbts_bg.png) no-repeat;background-size: 100% 100%;}
.alertbox .qdtit span{display: block;width: 100%;height: 100%;padding-left: 60px;background: url(../images/jbts_icon.png) no-repeat 15px center;}
.alertbox .qditem{flex: 1;display: flex;}
.alertbox .qditem div{display: table;background: linear-gradient(180deg, #FFFFFF 0%, #D4E2FA 100%);border: 1px solid #E5EEFC;border-radius: 4px;}
.alertbox .qditem div a{display: table-cell;vertical-align: middle;padding-left: 50px;background: url(../images/jbts_icon1.png) no-repeat 15px center;}
.alertbox .box_close{position: absolute;top: 4px;right: 8px;font-size: 26px;line-height: 20px;font-weight: bold;cursor: pointer;}
/* 举报投诉 */
.jbts{display: flex;justify-content: flex-start;padding-bottom: 27px;border-bottom: 1px solid #CCDFFF;}
.jbts .qdtit{width: 185px;margin-right: 15px;}
.jbts .qditem{flex-wrap: nowrap;justify-content: space-around;gap: 15px;}
.jbts .qditem div{flex: 1;}
.jbts .qditem div:nth-child(2) a{background-image: url(../images/jbts_icon2.png);}
.jbts .qditem div:nth-child(3) a{background-image: url(../images/jbts_icon3.png);}
.jbts .qditem div:nth-child(4) a{background-image: url(../images/jbts_icon4.png);}
/* 其他举报平台 */
.jbpt{margin-top: 25px;display: flex;justify-content: flex-start;padding-bottom: 27px;border-bottom: 1px solid #CCDFFF;}
.jbpt .qdtit{width: 215px;margin-right: 3px;background-image: url(../images/jbpt_bg.png);}
.jbpt .qdtit span{background-image: url(../images/jbpt_icon.png);}
.jbpt .qditem{flex-wrap: wrap;gap: 18px;}
.jbpt .qditem div{width: 222px;height: 68px;padding-right: 20px;}
.jbpt .qditem div a{text-align: center;}
.jbpt .qditem div:nth-child(1) a{background-image: url(../images/jbpt_icon1.png);}
.jbpt .qditem div:nth-child(2) a{background-image: url(../images/jbpt_icon2.png);}
.jbpt .qditem div:nth-child(3) a{background-image: url(../images/jbpt_icon3.png);}
.jbpt .qditem div:nth-child(4) a{background-image: url(../images/jbpt_icon4.png);}
.jbpt .qditem div:nth-child(5) a{background-image: url(../images/jbpt_icon5.png);}
.jbpt .qditem div:nth-child(6) a{background-image: url(../images/jbpt_icon6.png);}
.jbpt .qditem div:nth-child(7) a{background-image: url(../images/jbpt_icon7.png);}
.jbpt .qditem div:nth-child(8) a{background-image: url(../images/jbpt_icon8.png);}
.jbpt .qditem div:nth-child(9) a{background-image: url(../images/jbpt_icon9.png);}
/* 咨询建议 */
.zxjy{margin-top: 25px;display: flex;justify-content: flex-start;}
.zxjy .qdtit{width: 185px;margin-right: 15px;}
.zxjy .qdtit span{background-image: url(../images/zxjy_icon.png);}
.zxjy .qditem{flex-wrap: nowrap;justify-content: flex-start;gap: 15px;}
.zxjy .qditem div{padding-right: 18px;}
.zxjy .qditem div:nth-child(1) a{background-image: url(../images/zxjy_icon1.png);}
.zxjy .qditem div:nth-child(2) a{background-image: url(../images/zxjy_icon2.png);}
@media(max-width:1200px){
    .alertbox{width: 100%;max-height: 80%;padding: 10px;overflow-y: auto;background: #E8EFFF;}
    .alertbox h3{margin-bottom: 20px;font-size: 22px;}
    .alertbox .ptbox{background: #fff;border-radius: 10px;}
    .alertbox .qdtit{height: 40px;line-height: 40px;font-size: 18px;}
    .alertbox .qditem{margin-top: 10px;flex-wrap: wrap;gap: 10px 2%;justify-content: flex-start;width: 100%;flex: auto;}
    .alertbox .qditem div{width: 49%;height: 40px;;flex: auto;font-size: 14px;}
    .alertbox .qditem div a{padding-left: 30px;background-position: 5px center;background-size: 20px;}

    .jbts{flex-wrap: wrap;justify-content: center;padding: 20px 10px;}
    .jbpt{flex-wrap: wrap;justify-content: center;padding: 20px 10px;margin-top: 0;}
    .alertbox .qditem div{padding-right: 0;}
    .alertbox .qditem div a{text-align: left;}
    .zxjy{flex-wrap: wrap;justify-content: center;padding: 20px 10px;margin-top: 0;}
}