* {
|
margin: 0;
|
top: 0;
|
/* 不允许复制 */
|
-moz-user-select: none;
|
/* Firefox私有属性 */
|
-webkit-user-select: none;
|
/* WebKit内核私有属性 */
|
-ms-user-select: none;
|
/* IE私有属性(IE10及以后) */
|
-khtml-user-select: none;
|
/* KHTML内核私有属性 */
|
-o-user-select: none;
|
/* Opera私有属性 */
|
user-select: none;
|
/* CSS3属性 */
|
/* IOS点击阴影 */
|
-webkit-tap-highlight-color: transparent;
|
/* 禁止长按图片保存 */
|
-webkit-touch-callout: none;
|
}
|
|
body {
|
background-color: #F3F3F3;
|
font-family: Arial, "Microsoft YaHei";
|
}
|
|
.div_header img {
|
width: 100%;
|
height: 3.4rem;
|
background-repeat: no-repeat;
|
/** 不重复*/
|
background-size: contain;
|
}
|
|
.div_contair {
|
margin-top: -0.25rem;
|
height: 0.74rem;
|
}
|
|
.par-type {
|
margin-top: -0.25rem;
|
overflow: hidden;
|
cursor: pointer;
|
}
|
|
.div_change {
|
/* display: -webkit-box;
|
overflow: auto;
|
-scrollbar-base-color: #ff6600;
|
-webkit-overflow-scrolling: touch;
|
over-flow: auto;
|
margin-top: -0.24rem;
|
background-color: white;
|
height: 0.74rem; */
|
/*滚动条的基色*/
|
display: -webkit-box;
|
overflow-x: scroll;
|
-webkit-overflow-scrolling: touch;
|
padding-bottom: 10px;
|
margin-bottom: -10px;
|
background-color: white;
|
cursor: pointer;
|
}
|
|
.div_items {
|
height: 0.74rem;
|
cursor: pointer;
|
}
|
|
.div_items_content_1 {
|
color: #333333;
|
margin-left: 0.29rem;
|
margin-top: 0.15rem;
|
font-size: 0.3rem;
|
display: -webkit-flex;
|
align-items: center;
|
color: #E5005B;
|
}
|
|
.div_items_content_1_line {
|
width: 1.25rem;
|
height: 2px;
|
background-color: #E5005B;
|
margin-left: 0.27rem;
|
margin-top: 0.1rem;
|
}
|
|
.div_items_content_2 {
|
color: #333333;
|
margin-left: 0.4rem;
|
margin-top: 0.15rem;
|
font-size: 0.3rem;
|
display: -webkit-flex;
|
align-items: center;
|
}
|
|
.div_items_content_2_line {
|
width: 1.25rem;
|
height: 2px;
|
background-color: white;
|
margin-left: 0.38rem;
|
margin-top: 0.1rem;
|
}
|
|
.div_items_content_3 {
|
/* background-color: red; */
|
color: #333333;
|
margin-left: 0.4rem;
|
margin-top: 0.15rem;
|
font-size: 0.3rem;
|
display: -webkit-flex;
|
align-items: center;
|
}
|
|
.div_items_content_3_line {
|
width: 1.25rem;
|
height: 2px;
|
background-color: white;
|
margin-left: 0.38rem;
|
margin-top: 0.1rem;
|
}
|
|
.div_items_content_4 {
|
/* background-color: red; */
|
color: #333333;
|
margin-left: 0.4rem;
|
margin-top: 0.15rem;
|
font-size: 0.3rem;
|
display: -webkit-flex;
|
align-items: center;
|
}
|
|
.div_items_content_4_line {
|
width: 1.25rem;
|
height: 2px;
|
background-color: white;
|
margin-left: 0.38rem;
|
margin-top: 0.1rem;
|
}
|
|
.div_items_content_5 {
|
/* background-color: red; */
|
color: #333333;
|
margin-left: 0.4rem;
|
margin-top: 0.15rem;
|
font-size: 0.3rem;
|
display: -webkit-flex;
|
align-items: center;
|
}
|
|
.div_items_content_5_line {
|
width: 1.25rem;
|
height: 2px;
|
background-color: white;
|
margin-left: 0.38rem;
|
margin-top: 0.1rem;
|
}
|
|
.div_items_content_6 {
|
/* background-color: red; */
|
color: #333333;
|
margin-left: 0.4rem;
|
margin-top: 0.15rem;
|
font-size: 0.3rem;
|
display: -webkit-flex;
|
align-items: center;
|
margin-right: 0.29rem;
|
}
|
|
.div_items_content_6_line {
|
width: 1.25rem;
|
height: 2px;
|
background-color: white;
|
margin-left: 0.38rem;
|
margin-top: 0.1rem;
|
}
|
|
.div_headertabs_xf {
|
top: 0.25rem;
|
position: fixed;
|
z-index: 1000;
|
width: 100%;
|
}
|
|
.div_content_1 {
|
margin-top: 0.28rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 5.7rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
}
|
|
.div_content_header_1 {
|
color: #FFFFFF;
|
font-size: 0.3rem;
|
height: 0.93rem;
|
display: flex;
|
align-items: center;
|
padding-left: 0.44rem;
|
background-color: #FF7AAF;
|
border-top-right-radius: 0.2rem;
|
border-top-left-radius: 0.2rem;
|
}
|
|
.div_content_2 {
|
margin-top: 0.28rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 5.7rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
}
|
|
.div_content_header_2 {
|
color: #FFFFFF;
|
font-size: 0.3rem;
|
height: 0.93rem;
|
display: flex;
|
align-items: center;
|
padding-left: 0.44rem;
|
background-color: #FF7AAF;
|
border-top-right-radius: 0.2rem;
|
border-top-left-radius: 0.2rem;
|
}
|
|
.div_content_3 {
|
margin-top: 0.28rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 5.7rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
}
|
|
.div_content_header_3 {
|
color: #FFFFFF;
|
font-size: 0.3rem;
|
height: 0.93rem;
|
display: flex;
|
align-items: center;
|
padding-left: 0.44rem;
|
background-color: #FF7AAF;
|
border-top-right-radius: 0.2rem;
|
border-top-left-radius: 0.2rem;
|
}
|
|
.div_content_4 {
|
margin-top: 0.28rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 5.7rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
}
|
|
.div_content_header_4 {
|
color: #FFFFFF;
|
font-size: 0.3rem;
|
height: 0.93rem;
|
display: flex;
|
align-items: center;
|
padding-left: 0.44rem;
|
background-color: #FF7AAF;
|
border-top-right-radius: 0.2rem;
|
border-top-left-radius: 0.2rem;
|
}
|
|
.div_content_5 {
|
margin-top: 0.28rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 5.7rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
}
|
|
.div_content_header_5 {
|
color: #FFFFFF;
|
font-size: 0.3rem;
|
height: 0.93rem;
|
display: flex;
|
align-items: center;
|
padding-left: 0.44rem;
|
background-color: #FF7AAF;
|
border-top-right-radius: 0.2rem;
|
border-top-left-radius: 0.2rem;
|
}
|
|
.div_content_6 {
|
margin-top: 0.28rem;
|
margin-left: 0.2rem;
|
margin-right: 0.2rem;
|
height: 5.7rem;
|
background-color: white;
|
border-radius: 0.2rem;
|
}
|
|
.div_content_header_6 {
|
color: #FFFFFF;
|
font-size: 0.3rem;
|
height: 0.93rem;
|
display: flex;
|
align-items: center;
|
padding-left: 0.44rem;
|
background-color: #FF7AAF;
|
border-top-right-radius: 0.2rem;
|
border-top-left-radius: 0.2rem;
|
}
|
|
.div_quanyi {
|
/* margin-top: -0.01rem; */
|
display: flex;
|
justify-content: flex-start;
|
width: 100%;
|
flex-wrap: wrap;
|
background-color: #FFFFFF;
|
}
|
|
.div_items_quanyi {
|
display: flex;
|
flex-direction: column;
|
align-items: center;
|
margin-top: 0.37rem;
|
width: 1.775rem;
|
}
|
|
.title {
|
color: #333333;
|
font-size: 0.26rem;
|
}
|
|
.subtitle {
|
color: #F45530;
|
font-size: 0.22rem;
|
}
|
