.box_list{ padding-top: 8vh; margin: 30px auto; } .iiiii{ margin: 20px 0px; } .iiiii span{ vertical-align: middle; margin-left: 5px; color: #999999; } .box{ } .box_left h3{ font-size: 36px; font-weight: bold; } .box_left{ width: 70%; } .box_left .tit{ text-align: center; padding: 10px 0px; border-bottom: 1px solid #ebebeb; } .tit span{ margin: 0px 50px; font-size: 14px; font-weight: 400; color: #7D7D7D; } .box_left p{ font-size: 16px; font-weight: 400; color: #111111; margin-top: 15px; text-indent: 2em; } .tag_label{ margin-top: 50px; } .tag_label span{ padding: 5px 18px; background: #FFFFFF; border-radius: 15px ; border: 1px solid #DBDBDB; margin-right: 10px; } .backgr{ margin-top: 30px; position: relative; } .backgr_item{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; color: white; text-align: center; } .backgr_item span{ font-size: 18px; font-weight: 400; } .backgr_item h4{ font-size: 18px; font-weight: bold; } /* ~~~~~~~ */ .list_i { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e8ebf1; } .list_rr{ padding-left: 20px; font-size: 16px; font-weight: normal; } .list_rr p{ font-size: 18px; font-weight: 400; margin-top: 10px; } .nieron{ margin-top: 70px; } .nieron h3{ font-size: 36px; font-weight: 400; } .tj-view .title{padding:15px 0;} @media(max-width:767px){ .box_left .tit{} .box_left .tit span{margin:0 10px;font-size:12px;} .righ_box .a-link .list_i .list_rr span{font-size:16px;} .righ_box .a-link .list_i .list_rr p{font-size:12px;-webkit-line-clamp:2;line-height:1.7;margin-top:6px;} } @media (min-width:992px) and (max-width:1366px) { .box_right{margin-left:50px;} .box_left h3{font-size:30px;} .box_left .tit span{font-size:13px;} } @media (min-width:1367px) and (max-width:1440px) { .box_right{margin-left:60px;} } @media (min-width:1441px) and (max-width:1680px) { }