.cgr_boder .cg_des { display: flex; flex-wrap: wrap; justify-content: space-between; padding: .3rem 0px; } .cgr_boder .cg_des .cg_number { width: calc(100%/3 - .2rem); /* height:365px ; */ padding: .32rem .35rem; } .cgr_boder .cg_des .one { background: #e5f0f6; } .cgr_boder .cg_des .two { background: #e3e7f6; } .cgr_boder .cg_des .three { background: #eae6f4; } .cgr_boder .cg_des .cg_number .title { font-size: .24rem; color: #333; padding-bottom: .25rem; } .cgr_boder .cg_des .cg_number .title .txt{margin-bottom: .1rem;} .cgr_boder .cg_des .cg_number .content p { font-size: .15rem; color: #333; line-height: .32rem; } .cgr_boder .cg_des .cg_number .content .sz { font-size: .2rem; color: #333; } .research_item { /* height: 510px; */ padding: .3rem .35rem; background: #eef1fa; } .research_item .research_title .res_txt { font-size: .24rem; color: #333;margin-bottom: .1rem; } .research_item .res_first { display: flex; justify-content: space-between; margin-top: .25rem; } .research_item .res_first .res_more { width: calc(100%/3 - .6rem); line-height: .26rem; } .research_item .res_first .res_more p { font-size: .15rem; color: #333; line-height: .32rem; } .service_item { /* height: 510px; */ margin-bottom: 1rem; padding: .3rem .35rem; background: #eef7fa; } .service_item .service_title .sers_txt { font-size: .24rem; color: #333; margin-bottom: .1rem; } .service_item .sers_first { display: flex; justify-content: space-between; margin-top: .25rem; } .service_item .sers_first .sers_more { width: calc(100%/3 - .6rem); line-height: .26rem; } .service_item .sers_first .sers_more:nth-child(2){ padding-top: .26rem; } .service_item .sers_first .sers_more .jc { font-size: .16rem; font-weight: bold; } .service_item .sers_first .sers_more p { font-size: .15rem; color: #333; line-height: .32rem; } @media only screen and (max-width: 1366px) { .cgr_boder .cg_des .cg_number .content p ,.research_item .res_first .res_more p,.service_item .sers_first .sers_more p{line-height: .36rem;} } @media only screen and (max-width: 1024px) { .cgr_boder .cg_des { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0rem 0 .3rem; } .cgr_boder .cg_des .cg_number { width: 100%; /* height:365px ; */ padding: .32rem .35rem; margin-bottom: .15rem; } .research_item .res_first { display: block; justify-content: flex-start; margin-top: .25rem; } .research_item .res_first .res_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .research_item .res_first .res_more p { font-size: .15rem; color: #333; } .service_item .sers_first { display: block; justify-content: flex-start; margin-top: .25rem; } .service_item .sers_first .sers_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .service_item .sers_first .sers_more .jc { font-size: .16rem; font-weight: bold; } .service_item .sers_first .sers_more p { font-size: .15rem; color: #333; } } @media all and (min-width: 769px)and (max-width: 1023px) { .research_item .res_first { display: block; justify-content: flex-start; margin-top: .25rem; } .research_item .res_first .res_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .research_item .res_first .res_more p { font-size: .15rem; color: #333; } .service_item .sers_first { display: block; justify-content: flex-start; margin-top: .25rem; } .service_item .sers_first .sers_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .service_item .sers_first .sers_more .jc { font-size: .16rem; font-weight: bold; } .service_item .sers_first .sers_more p { font-size: .15rem; color: #333; } } @media all and (max-width: 768px) { .research_item .res_first { display: block; justify-content: flex-start; margin-top: .25rem; } .research_item .res_first .res_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .research_item .res_first .res_more p { font-size: .15rem; color: #333; } .service_item .sers_first { display: block; justify-content: flex-start; margin-top: .25rem; } .service_item .sers_first .sers_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .service_item .sers_first .sers_more .jc { font-size: .16rem; font-weight: bold; } .service_item .sers_first .sers_more p { font-size: .15rem; color: #333; } } @media all and (max-width: 480px) { .research_item .res_first { display: block; justify-content: flex-start; margin-top: .25rem; } .research_item .res_first .res_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .research_item .res_first .res_more p { font-size: .15rem; color: #333; } .service_item {margin-bottom: .5rem;} .service_item .sers_first { display: block; justify-content: flex-start; margin-top: .25rem; } .service_item .sers_first .sers_more { width: 100%; line-height: .26rem; padding-bottom: .3rem; } .service_item .sers_first .sers_more .jc { font-size: .16rem; font-weight: bold; } .service_item .sers_first .sers_more p { font-size: .15rem; color: #333; } } .Xi_title_pos { position: relative; z-index: 10; } .Xi_title_pos .Xi_title { width: calc(100% - 130px); box-shadow: 0 0 .02rem .01rem rgba(73, 45, 171, 0.15); position: absolute; left: 65px; top: -66px; height: 100px; z-index: 200; } .Xi_title_pos .Xi_title .Xi_title_name { background: #f1f4fb; width: 230px; text-align: center; line-height: 100px; font-size: 24px; color: #7214b4; font-weight: bold; } .Xi_title_pos .Xi_title ul { width: calc(100% - 230px); height: 100px; } .Xi_title_pos .Xi_title ul li { width: calc(100% / 6); padding: 0px 10px; text-align: center; background: #fff; height: 100%; line-height: 100px; position: relative; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .Xi_title_pos .Xi_title ul li a { color: #333; font-size: 20px; display: block; width: 100%; height: 100%; } .Xi_title_pos .Xi_title ul li::after { content: ""; position: absolute; right: 0px; top: .22rem; width: .01rem; height: .5rem; background: #e9e6f5; } .Xi_title_pos .Xi_title ul li:hover { background: #7214b4; } .Xi_title_pos .Xi_title ul li:hover a { color: #fff; } .Xi_title_pos .Xi_title ul li:hover::after { display: none; } /* .subjuct_lite .subjuct_item { } */ /* .subjuct_lite .subjuct_item { margin: 0px 0px 70px; border-top: 2px solid #eef2fb; } */ .subjuct_lite .subjuct_item .subjuct_boder { display: flex; flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: .45rem; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: calc(100%/2 - 25px); /* height: 195px; */ margin-bottom: 50px; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_time { font-family: "Philosopher"; height: .6rem; padding:0 40px; font-size: 1em; line-height: .6rem; color: #5319ae; border-bottom: .01rem dashed #dbe2f1; border-radius: 0 0 .2rem .2rem; background: #f4f6fc url(../image/setting.png) no-repeat right top; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance { /* height: 133px; */ background: #f4f6fc; border-radius:.2rem .2rem 0 0; padding:.2rem .1rem; width: 100%; box-sizing: border-box; box-shadow: 0px 5px 8px 2px rgba(39, 8, 162, 0.08); } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt { padding: .2rem .35rem; background: #fff center center; border-radius: .2rem .2rem 0 0; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt:hover{ background:rgba(255, 255, 255, 0.5); } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt a { font-size:.16rem; width: 100%; line-height: .26rem; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; height: .55rem; font-family: "Philosopher"; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt a:hover{ color: #5319ae; } @media all and (max-width: 1366px) { .cgr_boder .cg_des .cg_number .title,.research_item .research_title .res_txt,.service_item .service_title .sers_txt{font-size: .2rem;} .cgr_boder .cg_des .cg_number .title{padding-bottom: .15rem;} .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: calc(100%/2 - 25px); /* height: 195px; */ margin-bottom: .3rem; } .service_item .sers_first{ margin-top: .15rem; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_time { height: .6rem; font-size: 1em; line-height: .6rem; color: #5319ae; border-bottom: .01rem dashed #dbe2f1; padding: 0 .3rem; border-radius: 0 0 .2rem .2rem; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt a{line-height: .36rem; height: .72rem;} .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance { /* height: 133px; */ background: #f4f6fc; border-radius: .2rem .2rem 0 0; padding: .2rem .1rem; width: 100%; box-sizing: border-box; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt { padding: .15rem .2rem; background: #fff center center; border-radius: .2rem .2rem 0 0; /* margin-bottom: 30px; */ } } @media all and (max-width: 1024px) { .subjuct_lite .subjuct_item .subjuct_boder { display: flex; flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: 45px; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: calc(100%/2 - 30px); height: auto; margin-bottom: 30px; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance { height: auto; border-radius: 20px 20px 0 0; padding: 10px; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt { padding: .15rem; margin-bottom: 0; } } @media all and (min-width: 992px)and (max-width: 1023px) { .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt { background: #fff center center; } } @media all and (min-width: 960px) and (max-width: 991px) { .subjuct_lite .subjuct_item .subjuct_boder { display: flex; flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: .45rem; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: calc(100%/2 - .3rem); height: 1.95rem; margin-bottom: .5rem; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance { height: 1.33rem; background: #f4f6fc; border-radius: .2rem .2rem 0 0; padding: .2rem .1rem .1rem .1rem; width: 100%; box-sizing: border-box; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt { padding: .2rem .35rem; background: #fff center center; } } @media all and (min-width: 761px) and (max-width: 959px) { .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: 100%; } .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content .subjuct_substance .subjuct_txt { padding: .15rem; } } @media all and (max-width: 760px) { .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: 100%; } } @media all and (max-width: 480px) { .subjuct_lite .subjuct_item .subjuct_boder .subjuct_content { width: 100%; } } .faculty_number .num_one .num_txt { width: calc(100%/3 - .26rem); /* padding-left: 110px; padding-bottom:45px ; padding-right:90px ; padding-top: 80px; */ padding: .5rem .2rem .5rem .07rem; position: relative; margin-right: .2rem; border-bottom: .01rem solid #dcdcdc; } .faculty_item { padding-top: .3rem; padding-left: .6rem; } .faculty_item .faculty_txt { font-size: .16rem; color: #333; line-height: .26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: inherit; max-height: .78rem; margin-bottom: .5rem; } .faculty_number .num_one { display: flex; justify-content: flex-start; width: 100%; position: relative; flex-wrap: wrap; } .faculty_number .num_one::after{ display: inline-block; content: ''; width: calc(100%/3 - .26rem); position: absolute; } .faculty_number .num_one:nth-child(1) .num_txt::after{border-bottom: 0;} /* .faculty_number .num_one:last-child .num_txt { border: 0; } */ .ait { border-bottom: .01rem solid #dcdcdc; } .bit { border-left: .01rem solid #dcdcdc; border-right: .01rem solid #dcdcdc; } /* .num_txt { border-top: .01rem solid #dcdcdc; } */ .faculty_number .num_one .num_txt .ming { font-size: .16rem; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: .26rem; overflow: hidden; height: .52rem; } .faculty_number .num_one .num_txt .ber { display: flex; justify-content: flex-start; align-items: flex-end; padding-top: .3rem; } .faculty_number .num_one .num_txt .shu { font-size: .7rem; color: #7c12ac; /* margin-top: 45px; */ } .faculty_number .num_one .num_txt span { font-size: .16rem; color: #7c12ac; padding-bottom: .15rem; /* margin-top: 80px; */ display: block; } .faculty_number .num_one:nth-child(2) .num_txt { border-bottom: .01rem solid #fff; } .faculty_number .num_one .num_txt::after{ content: ''; position: absolute; right: -.1rem; top: 0; width: .01rem; height: 100%; background: #dcdcdc; } .faculty_number .num_one .num_txt:nth-child(3n)::after { content: ''; position: absolute; right: -.1rem; top: 0; width: .01rem; height: 100%; background: #fff; } .faculty_number .num_one .num_txt:nth-last-child(1),.faculty_number .num_one .num_txt:nth-last-child(2) ,.faculty_number .num_one .num_txt:nth-last-child(3){ border-bottom: .01rem transparent solid; } @media only screen and (max-width: 1366px) { .faculty_item { padding-top: .3rem; padding-left: .6rem; } .faculty_item .faculty_txt { font-size: .16rem; color: #333; line-height: .32rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: inherit; max-height: .96rem; margin-bottom: 1.2rem; } /* .faculty_number .num_one { display: flex; justify-content: space-between; } */ /* .faculty_number .num_one .num_txt{ width: calc(100%/3 - 65px); padding-left: 20px; padding-bottom: 20px; padding-right: 0px; padding-top: 65px; } */ } @media only screen and (max-width: 1024px) { .faculty_item { padding: 0; } .faculty_item .faculty_txt { font-size: .16rem; color: #333; line-height: .26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: inherit; max-height: .78rem; } /* .faculty_number .num_one { display: flex; justify-content: space-between; } */ } @media all and (min-width: 768px) and (max-width: 1023px) { .faculty_item { padding-top: .3rem; padding-left: 0px; } .faculty_item .faculty_txt { font-size: .16rem; color: #333; line-height: .26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: inherit; max-height: .78rem; } /* .faculty_number .num_one { display: flex; justify-content: center; flex-wrap: wrap; } */ } @media all and (max-width: 767px) { .faculty_item { padding-top: 0px; padding-left: 0px; } .faculty_item .faculty_txt { font-size: .16rem; color: #333; line-height: .26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: inherit; max-height: .78rem; margin-bottom: 1.6rem; } } @media all and (max-width: 480px) { .faculty_number .num_one .num_txt { width: calc(50% - .2rem); } /* .faculty_number .num_one .num_txt::after{ background: none; } */ .faculty_number .num_one .num_txt:nth-child(2n-1):after{ background: #dcdcdc; } .faculty_number .num_one .num_txt:nth-child(6n):after{background:transparent;} .faculty_number .num_one .num_txt:nth-last-child(3){ border-bottom: .01rem solid #dcdcdc; } .faculty_number .num_one .num_txt:nth-child(3n)::after{background:#dcdcdc ;} .faculty_number .num_one .num_txt:nth-child(2n)::after{background:transparent ;} } .lyr_boders { display: flex; justify-content: space-between; flex-wrap: wrap; } .lyr_boders .lyr_first { width: calc(100%/2 - .3rem); } .lyr_boders .lyr_first .lyr_title { width: 100%; text-align: center; font-size: .24rem; letter-spacing: .3rem; height: .56rem; background: url(../image/le.jpg) no-repeat; background-size: 100% 100%; line-height: .56rem; color: #fff; } .lyr_boders .lyr_first .lyr_des { height: 3rem; padding: .7rem; box-shadow: 0 0 .15rem .2rem rgba(0, 0, 0, 0.05); } .lyr_des .lyr_desitem { display: flex; justify-content: center; margin-bottom: .2rem; } .lyr_des .lyr_desitem .lyr_left { margin: 0 .5rem; font-size: .18rem; color: #5b17a9; width: .8rem; text-align: left; box-sizing: border-box; line-height: .3rem; } .lyr_des .lyr_desitem .lyr_right { margin: 0 .5rem; width: .8rem } .lyr_des .lyr_desitem .lyr_right p { font-size: .18rem; color: #222222; line-height: .3rem; } .lyr_des .lyr_desitem .lyr_right p a:hover { color: #222222 } @media all and (max-width: 1366px) { .lyr_boders .lyr_first .lyr_des { padding: .5rem .2rem } } @media all and (max-width: 1080px) { .lyr_boders .lyr_first { width: 100%; margin-bottom: .3rem; } } @media all and (max-width: 760px) { .lyr_boder { display: flex; justify-content: space-between; flex-wrap: wrap; } .lyr_boder .lyr_first { width: 100%; } .lyr_boder .lyr_first .lyr_title { font-size: .24rem; } .lyr_boder .lyr_first .lyr_des { height: 2.5rem; padding: .45rem .55rem; display: flex; justify-content: space-between; box-shadow: 0 0 .15rem .2rem rgba(0, 0, 0, 0.1); } .lyr_boder .lyr_first .lyr_des .lyr_left div { width: calc(100%2 - 1.15rem); font-size: .18rem; color: #5b17a9; margin-bottom: .3rem; } .lyr_boder .lyr_first .lyr_des .lyr_right div { font-size: .18rem; color: #222222; line-height: .26rem; } .lyr_boder .lyr_first .lyr_des .lyr_right .number { margin-bottom: .3rem; } } .lyr_boder { padding: 0rem 0 .5rem; } .lyr_boder .news_item { display: flex; justify-content: space-between; padding: .45rem .4rem; /* border: .01rem solid red; */ border-bottom: .01rem dashed #e5e5e5; width: 100%; } .lyr_boder .news_item:last-child{ border-bottom:0px dashed #e5e5e5; } .lyr_boder .news_item:hover { background: url(../image/related_one.png)no-repeat; background-size: 100% 105%; width: 100%; box-shadow: 0px .1rem .25rem 0px #e3e3e3; } .lyr_boder .news_item .news_left { margin-right: .4rem; font-family: "Philosopher"; width: .85rem; } .lyr_boder .news_item .news_left .number { font-size: .48rem; color: #192e77; text-align: center; } .lyr_boder .news_item .news_left .news_time { font-size: .14rem; color: #192e77; background: url(../image/related.png) no-repeat; background-size: 100% 100%; width: 100%; height: .3rem; text-align: center; line-height: .3rem; } .lyr_boder .news_item .news_right { width: calc(100% - 1.35rem); } .lyr_boder .news_item .news_right .news_title { font-size: .18rem; line-height: .3rem; /* height: .3rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */ width: 100%; color: #333; margin-bottom: .1rem; } .lyr_boder .news_item .news_right .news_txt { font-size: .14rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333; opacity: 0.65; line-height: .26rem; height: .52rem; overflow: hidden; } @media only screen and (max-width: 1600px) { .lyr_boders .lyr_first .lyr_des { padding: .7rem .2rem; } .lyr_des .lyr_desitem .lyr_left { margin: 0 .4rem; } } @media only screen and (max-width: 1366px) { .lyr_boder .news_item .news_right .news_title { /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; */ line-height: .28rem; /* max-height: .3rem; */ } .lyr_boder .news_item .news_right .news_txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: .32rem; height: .64rem; } } @media only screen and (max-width: 1200px) { .lyr_boders .lyr_first .lyr_des { padding: .7rem .2rem; } .lyr_des .lyr_desitem .lyr_left { margin: 0 .2rem; } } @media all and (max-width: 1024px) { .lyr_boder { padding: 0 0 .3rem 0; } .lyr_boder .news_item { display: flex; justify-content: space-between; padding: .25rem 0px; /* border: .01rem solid red; */ } .lyr_boder .news_item:hover { background: url(../image/related_one.png)no-repeat; background-size: 100% 100%; width: 100%; box-shadow: 0px .1rem .25rem 0px #e3e3e3; } .lyr_boder .news_item .news_left { margin-right: .25rem; } .lyr_boder .news_item .news_left .number { font-size: .4rem; } .lyr_boder .news_item .news_left .news_time { height: .24rem; line-height: .24rem; } .lyr_boder .news_item .news_right { width: calc(100% - 1.05rem); } .lyr_boder .news_item .news_right .news_title { font-size: .18rem; margin-bottom: .1rem; } } @media all and (max-width: 768px) { .lyr_boder .news_item .news_left { margin-right: .25rem; } .lyr_boder .news_item .news_right .news_title { font-size: .18rem; color: #333; padding-bottom: 0px; } .lyr_boder .news_item .news_right .news_txt { font-size: .14rem; } .lyr_boder .news_item { padding: .25rem .1rem;} } @media all and (max-width: 480px) { .lyr_des .lyr_desitem .lyr_left { font-size: .2rem; } .lyr_des .lyr_desitem .lyr_right p { font-size: .2rem; } .lyr_boder .news_item .news_left { margin-right: .25rem; width: .6rem; } .lyr_boder .news_item .news_left .number { font-size: .34rem; color: #543f9e; } .lyr_boder .news_item .news_left .news_time { font-size: .14rem; width: .6rem; height: .2rem; line-height: .2rem; } .lyr_boder .news_item .news_right { width: calc(100% - .85rem); } } .opinion_header { background: url(../image/kuaiji/opinion_banner.png) no-repeat; background-size: 100% 100%; margin-bottom: .3rem; padding-left: .3rem; padding-right: .3rem; display: flex; justify-content: space-between; } .opinion_header:hover .opin_pic .tion_setting2 img { transform: scale(1.02); -webkit-transform: scale(1.02); } .opinion_header:hover .opin_txt .opin_title, .opinion_header:hover .xq a { color: #d7bf69; } .opin_pic { position: relative; width: 57%; height: 2.65rem; overflow: hidden; } .opin_pic .tion_setting2 { /* position: relative; */ width: 100%; height: 100%; } .opin_pic .tion_setting2 img { width: 100%; height: 100%; transition: all .8s; -webkit-transition: all .8s; } .opin_pic .tion_setting1 { position: absolute; top: 0px; left: 0px; z-index: 10; height: 100%; } .opin_pic .tion_setting3 { position: absolute; top: 0px; right: 0px; z-index: 10; height: 100%; } .opin_txt { width: 43%; text-align: left; padding: .4rem .4rem .2rem 0; } .opin_txt .opin_time { font-size: .16rem; color: #d7bf69; font-family: 'Philosopher'; margin-bottom: .2rem; } .opin_txt .opin_title { font-size: .18rem; color: #fff; margin-bottom: .1rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: .3rem; height: .3rem; transition: all .8s; -webkit-transition: all .8s; } .opin_txt p { font-size: .14rem; color: #deddf1; /* margin-bottom: 20px; */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; height: .84rem; line-height: .26rem; margin-bottom: .1rem; } .xq { text-align: right; display: flex; justify-content: flex-end; align-items: center; } .xq a { color: #fff; margin-left: .5rem; padding-bottom: 0px; transition: all .8s; -webkit-transition: all .8s; } .xq img { width: .22rem; height: .1rem; margin-left: .05rem; } .opn_boder .opinion_sender { display: flex; justify-content: space-between; padding-bottom: .3rem; } .opn_boder .opinion_sender .opinion_pic { width: 3.18rem; height: 2.07rem; overflow: hidden; } .opn_boder .opinion_sender .opinion_pic img { width: 3.18rem; height: 2.07rem; transition: all .8s; -webkit-transition: all .8s; } .opn_boder .opinion_sender .opinion_boder { /* width: calc(100% - 3.58rem); */ width: 100%; padding: .5rem .45rem .3rem .3rem; background: url(../image/opbg.png) no-repeat right center; background-size: 100% 100%; color: #333; } .opn_boder .opinion_sender .opinion_boder a { color: #333;display: block; width: 100%; } .opn_boder .opinion_sender .opinion_boder .opinion_title { font-size: .18rem; margin-bottom: .15rem; transition: all .8s; -webkit-transition: all .8s; height: .3rem; line-height: .3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .opn_boder .opinion_sender .opinion_boder .opinion_txt { font-size: .14rem; line-height: .26rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-height: .52rem; opacity: 0.7; margin-bottom: .3rem; } .opn_boder .opinion_sender .opinion_boder .opinion_time { display: flex; justify-content: space-between; padding-top: .16rem; border-top:.01rem solid #bfbfbf; } .opn_boder .opinion_sender .opinion_boder .opinion_time .opn_time { font-size: .14rem; color: #5319ae; } .opn_boder .opinion_sender .opinion_boder .opinion_time .opn_txt { display: flex; justify-content: flex-end; align-items: center; } .opn_boder .opinion_sender .opinion_boder .opinion_time .opn_txt a { font-size: .14rem; color: #5f25b4; display: flex; justify-content: flex-end; align-items: center; } .opn_boder .opinion_sender .opinion_boder .opinion_time .opn_txt img { width: .15rem; height: auto; margin-left:.05rem; } .opn_boder .opinion_sender:hover .opinion_pic img { transform: scale(1.02); -webkit-transform: scale(1.02); } .opn_boder .opinion_sender:hover .opinion_boder,.opn_boder .opinion_sender:hover .opinion_boder a{ color: #5f25b4; } .opn_boder .opinion_sender:hover .opinion_boder .opinion_time .opn_time { color: #999; transition: all .8s; -webkit-transition: all .8s; } @media all and (max-width: 1366px) { .opin_pic { position: relative; width: 5rem; height: auto; overflow: hidden; } .opin_txt { width: calc(100% - 5rem); text-align: left; padding: .5rem .4rem .3rem 0; } .opin_txt p { -webkit-line-clamp: 3; height: .72rem; } } @media all and (max-width: 1080px) { .opn_boder .opinion_sender .opinion_pic { width: 2.6rem; height: 1.69rem; overflow: hidden; } .opn_boder .opinion_sender .opinion_pic img { width: 2.6rem; height: 1.69rem; } .opn_boder .opinion_sender .opinion_boder { padding: .3rem; } .opn_boder .opinion_sender .opinion_boder .opinion_txt{margin-bottom: .15rem;} .opinion_header { background: url(../image/kuaiji/opinion_banner.png) no-repeat; background-size: 100% 100%; margin-bottom: .3rem; padding-left: .3rem; padding-right: .3rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .opin_pic { position: relative; margin-bottom: .1rem; padding-bottom: .15rem; border-bottom: .01rem solid rgba(255, 255, 255, 0.5); width: 100%; } .opin_txt { width: 100%; text-align: center; padding-top: 0px; font-size: .16rem; color: #deddf1; display: flex; flex-flow: column; padding: .2rem 0 .2rem; } .opin_txt .opin_time { font-size: .14rem; color: #d7bf69; padding-top: .1rem; margin-bottom: .1rem; order: 2; } .opin_txt .opin_title { font-size: .2rem; color: #fff; margin-bottom: 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; order: 1; } .opin_txt p { font-size: .16rem; color: #deddf1; margin-bottom: .1rem; display: -webkit-box; -webkit-box-orient: vertical; line-height: .24rem; -webkit-line-clamp: 3; overflow: hidden; max-height: .72rem; order: 3; } .xq { text-align: center; position: static; color: #fff; order: 4; padding-bottom: .05rem; display: flex; justify-content: center; align-items: center; } .xq img { position: static; margin-left: .05rem; } } @media all and (max-width: 480px) { .opinion_header { background: url(../image/kuaiji/opinion_banner.png) no-repeat; background-size: 100% 100%; margin-bottom: .3rem; padding-left: .3rem; padding-right: .3rem; display: flex; justify-content: space-between; flex-wrap: wrap; } .opin_pic { position: relative; margin-bottom: .1rem; padding-bottom: .15rem; border-bottom: .01rem solid rgba(255, 255, 255, 0.5); } .opin_pic .tion_setting2 { /* position: relative; */ width: 100%; height: 100%; } .opin_pic .tion_setting1 { position: absolute; top: 0px; left: 0px; z-index: 10; height: 100%; } .opin_pic .tion_setting3 { position: absolute; top: 0px; right: 0px; z-index: 10; height: 100%; } .opin_txt { width: 100%; text-align: center; padding-top: 0px; font-size: .14rem; color: #deddf1; } .opn_boder .opinion_sender { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: .1rem; } .opn_boder .opinion_sender .opinion_pic { width: 100%; height: 100%; overflow: hidden; } .opn_boder .opinion_sender .opinion_pic img { width: 90%; height: 2.07rem; margin: 0 auto; } .opn_boder .opinion_sender .opinion_boder { padding: .2rem .3rem; } }