552 lines
7.7 KiB
CSS
Executable File
552 lines
7.7 KiB
CSS
Executable File
/* 6p */
|
|
|
|
@media all and (min-width: 376px) and (max-width: 414px) {
|
|
.time {
|
|
width: 100%;
|
|
height: 182px;
|
|
background: white;
|
|
}
|
|
.time_con {
|
|
width: 100%;
|
|
height: 150px;
|
|
overflow: hidden;
|
|
margin-top: -5px;
|
|
}
|
|
.time_con .swiper-container {
|
|
height: 140px;
|
|
width: 100%;
|
|
margin-left: 12px;
|
|
}
|
|
.time_con .swiper-slide img {
|
|
width: 100%;
|
|
height: 99px;
|
|
}
|
|
.banner,
|
|
.banner1 {
|
|
width: 100%;
|
|
height: 120px;
|
|
margin-top: 6px;
|
|
}
|
|
}
|
|
/* 6 */
|
|
|
|
@media all and (min-width: 321px) and (max-width: 375px) {
|
|
.time {
|
|
width: 100%;
|
|
height: 172px;
|
|
background: white;
|
|
}
|
|
.time_con {
|
|
width: 100%;
|
|
height: 140px;
|
|
overflow: hidden;
|
|
margin-top: -5px;
|
|
}
|
|
.time_con .swiper-container {
|
|
height: 130px;
|
|
width: 100%;
|
|
margin-left: 12px;
|
|
}
|
|
.time_con .swiper-slide img {
|
|
width: 100%;
|
|
height: 89px;
|
|
}
|
|
.banner,
|
|
.banner1 {
|
|
width: 100%;
|
|
height: 120px;
|
|
margin-top: 6px;
|
|
}
|
|
}
|
|
/* 5 */
|
|
|
|
@media all and (max-width: 320px) {
|
|
.time {
|
|
width: 100%;
|
|
height: 178px;
|
|
background: white;
|
|
}
|
|
.time_con {
|
|
width: 100%;
|
|
height: 140px;
|
|
overflow: hidden;
|
|
margin-top: -5px;
|
|
}
|
|
.time_con .swiper-container {
|
|
height: 130px;
|
|
width: 100%;
|
|
margin-left: 12px;
|
|
}
|
|
.time_con .swiper-slide img {
|
|
width: 100%;
|
|
height: 89px;
|
|
}
|
|
.banner,
|
|
.banner1 {
|
|
width: 100%;
|
|
height: 98px;
|
|
margin-top: 6px;
|
|
}
|
|
}
|
|
|
|
.ac_center {
|
|
float: left;
|
|
width: 30%;
|
|
border-right: 1px solid #efefef;
|
|
background: #fff;
|
|
}
|
|
|
|
.youhaohuo {
|
|
width: 100%;
|
|
height: 100px;
|
|
border-bottom: 1px solid #efefef;
|
|
background: #fff;
|
|
}
|
|
|
|
.youhaohuo .img {
|
|
width: 86.4px;
|
|
margin-top: 6px;
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.aiguangjie {
|
|
width: 100%;
|
|
height: 105px;
|
|
background: #fff;
|
|
}
|
|
|
|
.aiguangjie .img {
|
|
width: 80.4px;
|
|
margin-top: 6px;
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.ac_right {
|
|
float: left;
|
|
width: 35%;
|
|
background: #fff;
|
|
}
|
|
|
|
.kongbai {
|
|
width: 100%;
|
|
height: 100px;
|
|
border-bottom: 1px solid #efefef;
|
|
background: #fff;
|
|
}
|
|
|
|
.bimaiqingdan {
|
|
width: 100%;
|
|
height: 105px;
|
|
background: #fff;
|
|
}
|
|
|
|
.bimaiqingdan .img {
|
|
width: 85.5px;
|
|
margin-top: 6px;
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.activity-lxy {
|
|
width: 100%;
|
|
height: 213px;
|
|
background: #fff;
|
|
border-bottom: 6px solid #efefef;
|
|
}
|
|
|
|
.ac1_left-lxy {
|
|
width: 40%;
|
|
float: left;
|
|
height: 213px;
|
|
border-right: 1px solid #efefef;
|
|
}
|
|
|
|
.ac1_left-lxy .img-lxy {
|
|
width: 123px;
|
|
margin-top: 12px;
|
|
margin-left: 12px;
|
|
}
|
|
|
|
.ac1_left-lxy .img-lxy1 {
|
|
width: 100%;
|
|
height: 170px;
|
|
}
|
|
|
|
.ac_right-lxy {
|
|
width: calc(50% - 1px);
|
|
float: left;
|
|
height: 213px;
|
|
}
|
|
|
|
.ac_r-lxy {
|
|
width: 120%;
|
|
height: 106px;
|
|
border-bottom: 1px solid #EFEFEF;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
|
|
.ac_r-lxy .img-lxy {
|
|
width: 54px;
|
|
margin-top: 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.ac_right_img1 {
|
|
width: 50%;
|
|
height: 85px;
|
|
position: absolute;
|
|
top: 20px;
|
|
}
|
|
|
|
.ac_right_img1 img {
|
|
width: 100%;
|
|
height: 85px;
|
|
}
|
|
|
|
.ac_right_img2 {
|
|
width: 50%;
|
|
height: 85px;
|
|
position: absolute;
|
|
top: 20px;
|
|
right: 0;
|
|
}
|
|
|
|
.ac_right_img2 img {
|
|
width: 100%;
|
|
height: 85px;
|
|
}
|
|
|
|
.sw_l {
|
|
width: 40%;
|
|
height: 105px;
|
|
}
|
|
|
|
.sw_l .img {
|
|
width: 39.6px;
|
|
margin-top: 6px;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.sw_r {
|
|
width: 60%;
|
|
height: 105px;
|
|
background: #c1c1c1;
|
|
}
|
|
|
|
.sw_r img {
|
|
width: 100%;
|
|
height: 105px;
|
|
}
|
|
|
|
.xianshitehui {
|
|
background: white url(../img/xianshitehui.png) no-repeat left top;
|
|
background-size: 175.2px 108px;
|
|
width: 100%;
|
|
height: 108px;
|
|
border-bottom: 6px solid #efefef;
|
|
}
|
|
|
|
.xsth_con {
|
|
width: calc(100% - 114px);
|
|
height: 87px;
|
|
margin-top: 8px;
|
|
float: right;
|
|
background: #c1c1c1;
|
|
}
|
|
|
|
.xsth_con img {
|
|
width: 100%;
|
|
height: 87px;
|
|
}
|
|
|
|
|
|
.search1 {
|
|
width: 70%;
|
|
position: fixed;
|
|
left: 11.5%;
|
|
top: 0;
|
|
z-index: 100;
|
|
}
|
|
|
|
.wst-in-search1 input {
|
|
float: left;
|
|
width: 120%;
|
|
height: 26px;
|
|
font-size: .181rem;
|
|
margin-top: 9px;
|
|
outline: 0;
|
|
border: 0;
|
|
position: relative;
|
|
left: -13px;
|
|
background: #fff;
|
|
opacity: 0.8;
|
|
font-size: 10px;
|
|
text-indent: 50px;
|
|
z-index: 10;
|
|
}
|
|
|
|
.wst-in-search1 p {
|
|
float: left;
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
|
|
.wst-in-search1 .ui-icon-search {
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 1px;
|
|
font-size: .35rem;
|
|
color: #fff
|
|
}
|
|
|
|
.wst-in-actives1 input {
|
|
float: left;
|
|
width: 120%;
|
|
height: 26px;
|
|
margin-top: 9px;
|
|
outline: 0;
|
|
border: 0;
|
|
position: relative;
|
|
background: #fff;
|
|
opacity: 0.8;
|
|
font-size: 10px;
|
|
color: #000
|
|
}
|
|
|
|
.msg {
|
|
width: calc(100% - 24);
|
|
height: 31.2px;
|
|
background: white;
|
|
margin: 6px 6px;
|
|
border-radius: 12px;
|
|
line-height: 31.2px;
|
|
}
|
|
|
|
.msg img {
|
|
width: 61.2px;
|
|
margin: 6px 2%;
|
|
float: left;
|
|
}
|
|
|
|
.msg p {
|
|
float: left;
|
|
color: #e51329;
|
|
line-height: 30px;
|
|
margin: 0;
|
|
font-size: 12xp;
|
|
}
|
|
|
|
.msg marquee {
|
|
width: 50%;
|
|
height: 31.2px;
|
|
line-height: 31.2px;
|
|
font-size: 12px;
|
|
margin-left: 2%;
|
|
float: left;
|
|
}
|
|
|
|
.msg .msg_more {
|
|
float: left;
|
|
color: black;
|
|
margin-left: 2%;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.time_title {
|
|
width: 100%;
|
|
height: 33px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
.time_title img {
|
|
float: left;
|
|
width: 95.4px;
|
|
margin-left: 4px;
|
|
margin-top: -3px;
|
|
}
|
|
|
|
.time_title p {
|
|
float: left;
|
|
font-size: 13.2px;
|
|
color: black;
|
|
margin: 0;
|
|
margin-left: 1.5%;
|
|
}
|
|
|
|
.count {
|
|
margin-left: 1%;
|
|
float: left;
|
|
}
|
|
|
|
.count div {
|
|
line-height: 15px;
|
|
float: left;
|
|
font-size: 10.8px;
|
|
color: #fefefe;
|
|
background: black;
|
|
margin-top: 6px;
|
|
padding: 3px 2px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.count o {
|
|
float: left;
|
|
font-size: 10.8px;
|
|
line-height: 33px;
|
|
}
|
|
|
|
.jxyh {
|
|
float: right;
|
|
font-size: 13.2px;
|
|
color: #e51329;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
.time_title .jxyh img {
|
|
float: right;
|
|
width: 13.8px;
|
|
margin-top: 11px;
|
|
}
|
|
|
|
.time_con .swiper-slide p {
|
|
margin: 0;
|
|
text-align: center;
|
|
color: #e51329;
|
|
font-size: 15.6px;
|
|
}
|
|
|
|
.time_con .swiper-slide del {
|
|
display: block;
|
|
text-align: center;
|
|
color: #909090;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.box {
|
|
width: 100%;
|
|
height: 350px;
|
|
background: white;
|
|
}
|
|
|
|
.box .img {
|
|
height: 15.6px;
|
|
}
|
|
|
|
.box p {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
height: 21px;
|
|
}
|
|
|
|
.box_1 {
|
|
width: 42%;
|
|
border-top: 1px solid #e6e6e6;
|
|
border-right: 1px solid #e6e6e6;
|
|
padding: 9px 12px;
|
|
float: left;
|
|
}
|
|
|
|
.box .box2 {
|
|
border-right: none;
|
|
}
|
|
|
|
.boxcon img {
|
|
float: left;
|
|
width: 66px;
|
|
height: 66px;
|
|
margin: 0 calc((100% - 132px)/4);
|
|
}
|
|
/*.banner,
|
|
.banner1 {
|
|
width: 100%;
|
|
height: 120px;
|
|
margin-top: 6px;
|
|
}*/
|
|
|
|
.banner .swiper-container,
|
|
.banner1 .swiper-container {
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.banner .swiper-container .swiper-wrapper .swiper-slide img,
|
|
.banner1 .swiper-container .swiper-wrapper .swiper-slide img {
|
|
width: 100%;
|
|
}
|
|
|
|
.pzss_title {
|
|
margin: 0;
|
|
margin-top: -9px;
|
|
}
|
|
|
|
.pzss_title img {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.pzss {
|
|
margin: 0;
|
|
/*margin-top: -7px;*/
|
|
width: 100%;
|
|
height: 345px;
|
|
background: white;
|
|
}
|
|
|
|
.pzss1 {
|
|
width: 49%;
|
|
border-top: 1px solid #e6e6e6;
|
|
border-right: 1px solid #e6e6e6;
|
|
float: left;
|
|
}
|
|
|
|
.pzss1 .p1,
|
|
.pzss3 .p1 {
|
|
margin: 0;
|
|
margin-top: 6px;
|
|
margin-left: 9px;
|
|
color: #525252;
|
|
font-size: 15.6px;
|
|
overflow: hidden;
|
|
height: 21px;
|
|
}
|
|
|
|
.pzss1 .p2,
|
|
.pzss3 .p2 {
|
|
margin: 0;
|
|
font-size: 12px;
|
|
overflow: hidden;
|
|
height: 21px;
|
|
color: #ee5be2;
|
|
margin-left: 9px;
|
|
}
|
|
|
|
.pzss .pzss2 {
|
|
border-right: none;
|
|
}
|
|
|
|
.pzss3 {
|
|
width: 24.4%;
|
|
border-top: 1px solid #e6e6e6;
|
|
border-right: 1px solid #e6e6e6;
|
|
float: left;
|
|
}
|
|
|
|
.pzss .pzss4 {
|
|
border-right: none;
|
|
}
|
|
|
|
.pzss3 img {
|
|
width: 66px;
|
|
height: 66px;
|
|
margin: 0 calc(50% - 33px);
|
|
}
|
|
|
|
<style type="text/css">input::-ms-input-placeholder {
|
|
text-align: center;
|
|
}
|
|
|
|
input::-webkit-input-placeholder {
|
|
text-align: center;
|
|
}
|
|
|
|
</style> |