142 lines
2.0 KiB
CSS
Executable File
142 lines
2.0 KiB
CSS
Executable File
body {
|
|
background: white;
|
|
}
|
|
|
|
.con {
|
|
position: fixed;
|
|
top: 66px;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.mui-slider-group,
|
|
.mui-slider-item,
|
|
.mui-slider-item img {
|
|
height: 144px;
|
|
}
|
|
|
|
.ac5_con {
|
|
padding: 3%;
|
|
}
|
|
|
|
.title {
|
|
position: relative;
|
|
margin-bottom: 1%;
|
|
}
|
|
|
|
.title img {
|
|
width: 100%;
|
|
}
|
|
|
|
.title p {
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 45%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%);
|
|
text-align: center;
|
|
color: #FFFFFF;
|
|
font-size: 16.8px;
|
|
}
|
|
|
|
.con_o {
|
|
position: relative;
|
|
margin-bottom: 2%;
|
|
}
|
|
|
|
.con_o img {
|
|
width: 100%;
|
|
}
|
|
|
|
.con_o .img {
|
|
position: absolute;
|
|
left: 6%;
|
|
top: 22%;
|
|
width: 35%;
|
|
}
|
|
|
|
.con_oo {
|
|
position: absolute;
|
|
right: 6%;
|
|
top: 22%;
|
|
bottom: 14%;
|
|
left: 43%;
|
|
text-align: center;
|
|
}
|
|
|
|
.p1 {
|
|
font-size: 15.6px;
|
|
color: #909090;
|
|
margin-top: 2%;
|
|
}
|
|
|
|
.p2 {
|
|
font-size: 15.6px;
|
|
color: #525252;
|
|
font-weight: bold;
|
|
margin-top: 2%;
|
|
}
|
|
|
|
.p3 {
|
|
color: #f23046;
|
|
font-size: 19.2px;
|
|
margin-top: 2%;
|
|
}
|
|
|
|
.con_oo_btn {
|
|
padding: 5% 10%;
|
|
background: #f23249;
|
|
color: white;
|
|
font-size: 13.2px;
|
|
border: none;
|
|
margin-top: 2%;
|
|
}
|
|
|
|
.con_t_block {
|
|
width: 49%;
|
|
margin: 0.5%;
|
|
border: 2px solid #f1f1f1;
|
|
float: left;
|
|
}
|
|
|
|
.con_t_block img {
|
|
width: 100%;
|
|
}
|
|
|
|
.con_t_block p {
|
|
padding: 2%;
|
|
height: 48px;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.tfooter{
|
|
width: 100%;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
.tfooter span{
|
|
font-size: 14.4px;
|
|
color: #fa3c50;
|
|
float: left;
|
|
|
|
}
|
|
.con_t_btn{
|
|
float: right;
|
|
border: none;
|
|
border-radius: 50px 0 0 50px;
|
|
color: white;
|
|
background: -moz-linear-gradient(left, #fc055f, #fb2c54);
|
|
/*Mozilla*/
|
|
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fc055f), to(#fb2c54));
|
|
/*Old gradient for webkit*/
|
|
background: -webkit-linear-gradient(left, #fc055f, #fb2c54);
|
|
/*new gradient for Webkit*/
|
|
background: -o-linear-gradient(left, #fc055f, #fb2c54);
|
|
}
|