.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.pointer{cursor: pointer;}
.bold{font-weight: bold;}
.d-flex{display: flex;align-items: center;}
.d-grow{flex-grow: 1;}
.d-shrink{flex-shrink: 0;}

.interaction{width: 100%;background: #f7f8fa;}
.interaction_head{background: url(../images/social_security/security_head.png) center 0 no-repeat;height: 260px;width: 100%;padding-top: 1px;}
.interaction_head.training{position:relative;background: url(../images/list/list_bg4.png) center 0 no-repeat;}
.interaction_head.training>div{width: 1200px;margin: 120px auto 0px;}
.interaction_head.training h4{font-size: 28px;color: #fff;font-weight: bold;margin-left: 45px;}
.interaction_head.training .list_banner{position:absolute;left:calc((100% - 1200px)/2);bottom:0;}
.interaction_head.training .list_banner li{padding:0 10px;height: 32px;background: #f7f8fa;color: #767a83;font-size: 14px;line-height: 32px;text-align: center;margin-right: 10px;margin-top: 7px;position:relative;}
.interaction_head.training .list_banner li.selected{top:1px;height: 39px;background: #fffaeb;color: #2d323a;font-weight: bold;line-height: 35px;margin-top: 0px;border:1px solid #f9d060;border-bottom-color:#fffaeb;border-top-width:3px;}
.interaction_head.training .list_banner li a{display: block;}
.interaction_head.training .list_banner li span{display:none;position:absolute;left:50%;right:0px;top:-40px;white-space: nowrap;background:#101214;height:30px;line-height:30px;padding-left:10px;padding-right:10px;color:#fff;font-size:12px;width:auto;}
.interaction_head.training .list_banner li>img{display:none;position:absolute;left:50%;margin-left:-7px;top:-10px;}
.interaction_head.training .list_banner li:hover span{display:block;}
.interaction_head.training .list_banner li:hover img{display:block;}
.interaction .bread{background: #f4d052;line-height: 35px;color:#333;font-size:12px;overflow: hidden;}
.interaction .bread a{color:#333;font-size:12px}
.interaction .bread .intro{text-decoration: underline;}
.interaction_con .info{margin:30px 0;}
.interaction_con .info p{color:#666;line-height:24px;}
.interaction_con .info p span{color:#f00201}
.interaction .tabbox{border-bottom:1px solid #cfcfcf}
.interaction .tabbox a{display: inline-block;margin-right:38px;padding-bottom:15px;font-size:18px;color:#666;border-bottom:3px solid rgba(0,0,0,0)}
.interaction .tabbox a.on{color:#f00201;border-color: #f00201; font-weight: bold;}
.interaction .list li{margin:25px 0;}
.interaction .list .title{padding-left:17px;color:#444546;font-size:16px;position: relative;line-height:24px;}
.interaction .list .title:before{position: absolute; width:3px;height:16px;background: #b3b3b3;content:'';top:4px;left:0}
.interaction .list .title span{margin-left:30px;color:#666;font-size:14px;font-weight: normal;}
.interaction .list .content{padding-left:17px;margin-top:20px;font-size:14px;line-height:30px;color:#666;overflow: hidden;}
.interaction .list .time{color:#999;line-height: 20px;margin-left:20px;font-size: 13px;}
.interaction .list .showbox{border-top:solid 2px #bfbfbf;text-align: center;line-height: 30px;font-size: 14px;color:#666;}
.interaction .list .showall{color:#dd0000}
.interaction .list_page{text-align: center;}

.coverbox{width:100%;height:100%;position: fixed;top:0;left:0;background: rgba(0,0,0,.5);}
.coverbox .main{position: relative;background: #fff; margin:50px auto;width:60%;height:85%;border-radius: 20px;padding:50px 0;}
.coverbox .closebtn{position: absolute;top:15px;right:20px;font-size:20px;}
.coverbox .main .con{overflow: auto;height:100%;padding:0 15%;}
.coverbox .main .title{text-align: center;font-size:24px;margin:15px 0 30px;}
.coverbox .main .check{margin:30px 0 20px;color:#7D93E2;text-align: center;font-size:16px;}
.coverbox .main .check input{margin-top:-2px;margin-right:5px;}

.interaction_con .count{font-size:14px;background: #E9E9E9;margin:10px 0 30px;}
.interaction_con .count span{padding:0 12px;line-height:40px;color:#333;}
.interaction_con .count .name{background:#f4d052;line-height:40px;color:#000;padding:0 12px;}