.recruit_modify .text p{ font-size: 14px; line-height: 24px; color: #666; margin-bottom: 20px; } .recruit_modify .text img{ max-width: 100%; display: block; margin: 0 auto; } .forum_modify .forum_list{ margin: 10px 0; } .forum_modify .forum_list .title p{ font-size: 14px; line-height: 24px; color: #1a5aa1; cursor: pointer; } .forum_modify .forum_list .title p i{ display: inline-block; font-style: normal; width: 8px; height: 8px; background: url('../images/icon_modify_02.png') center no-repeat; vertical-align: middle; margin-left: 14px; } .forum_modify .forum_list .title.active p{ font-size: 18px; } .forum_modify .forum_list .title.active p i{ background: url('../images/icon_modify_01.png') center no-repeat; } .forum_modify .forum_list .list_container{ margin-top: 24px; /*display: none;*/ } .forum_modify .forum_list .list_container .pic{ display: inline-block; width: 230px; height: 150px; line-height: 150px; padding: 10px; text-align: center; box-sizing: border-box; /* border: 1px solid #e5e5e5; */ vertical-align: middle; } .forum_modify .forum_list .list_container .pic img{ max-width: 100%; max-height: 100%; } .forum_modify .forum_list .list_container .text{ display: inline-block; width: 73%; /*float: right;*/ /*margin-top: 24px;*/ font-size: 14px; line-height: 24px; color: #666; vertical-align: middle; } .forum_modify .forum_list .list_container .text1{ width: 96%; float: right; margin-top: 4px; font-size: 14px; line-height: 24px; color: #666; } .activity_modify{ width: 66%; float: left; } .activity_modify .pic img{ max-width: 100%; } .activity_modify .activity_01{ margin-bottom: 40px; } .activity_modify .activity_01 .pic{ margin-top: 20px; } .activity_modify .activity_title{ margin-bottom: 20px; } .activity_modify .activity_title p{ font-size: 16px; line-height: 24px; color: #333; font-weight: bold; } .activity_modify .activity_text p{ font-size: 14px; line-height: 24px; color: #666; } .activity_modify .activity_contaier{ margin-top: 36px; } .activity_modify .activity_contaier .pic{ width: 40%; float: left; font-size: 0; position: relative; } .activity_modify .activity_contaier .pic img{ width: 100%; } .activity_modify .activity_contaier .pic .learn_more{ display: block; position: absolute; right: 0; bottom: 40px; font-size: 14px; color: #1a5aa1; } .activity_modify .activity_contaier .activity_list{ width: 50%; float: right; padding-top: 100px; } .activity_modify .activity_contaier .activity_list ul li{ padding: 18px 0; border-bottom: 1px solid #eee; } .activity_modify .activity_contaier .activity_list ul li p.list_title{ width: 70%; float: left; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #898989; background: url('../images/icon_modify_03.png') left center no-repeat; } .activity_modify .activity_contaier .activity_list ul li p.list_title a{ color: #898989; } .activity_modify .activity_contaier .activity_list ul li p.time{ width: 22%; float: right; text-align: right; font-size: 14px; color: #898989; } .competition{ width: 25%; float: right; } .competition .pic img{ width: 100%; } .visit_modify p{ font-size: 14px; line-height: 24px; color: #666; margin-bottom: 20px; } /* */ .clearfix_modify:after, .clearfix_modify:before{ display: block; height: 0; content: ""; visibility: hidden; clear: both; } @media only screen and (max-width: 1440px) { .forum_modify .forum_list .list_container .text{ width: 68%; margin-top: 14px; } .activity_modify .activity_contaier .activity_list{ padding-top: 50px; } } @media only screen and (max-width: 1000px) { .forum_modify .forum_list .list_container .pic{ width: 100%; height: auto; line-height: 0; } .forum_modify .forum_list .list_container .pic img{ height: 200px; } .forum_modify .forum_list .list_container .text{ width: 100%; font-size: 26px; line-height: 1.8em; } .forum_modify .forum_list .title p, .activity_modify .activity_title p{ font-size: 24px; line-height: 1.8em; } .forum_modify .forum_list .title.active p{ font-size: 24px; } .activity_modify{ width: 100%; } .activity_modify .activity_text p, .recruit_modify .text p, .activity_modify .activity_contaier .pic .learn_more, .activity_modify .activity_contaier .activity_list ul li p.list_title, .activity_modify .activity_contaier .activity_list ul li p.time{ font-size: 24px; line-height: 1.5em; } .activity_modify .activity_contaier .pic, .activity_modify .activity_contaier .activity_list{ width: 100%; padding-top: 0; } .activity_modify .activity_contaier .activity_list ul{ margin: 0; } .competition{ width: 100%; } }