POS机专用流量卡

.data-wezhanbg *{
box-sizing: content-box;
}
.data-wezhanbg ul,.data-wezhanbg li,.data-wezhanbg p{
margin:0;
padding: 0;
list-style: none;
}
.data-wezhanbg{
position: relative;
max-width: 800px;
margin: 0 auto;
line-height: normal !important;
}
.template-marginTop17b{
margin-top: 17% !important;
}
.template-marginTop27b{
margin-top: 27% !important;
}
.template-lg-margin{
margin-top: 80px !important;
}
.template-mid-margin{
margin-top: 65px !important;
}
.template-sm-margin{
margin-top: 50px !important;
}
.template-smer-margin{
margin-top: 40px !important;
}
.template-min-margin{
margin-top: 20px !important;
}
.template-box{
background-color: #fff;
}
/* banner */
.template-banner-box{
width: 100%;
}
.template-banner-box img{
max-width: 100%;
}
/* title */
.template-title .template-title-img{
margin: 0 auto;
width: 225px;
height: 196px;
line-height: 196px;
text-align: center;
}
.template-title .template-title-img img{
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.template-title .template-title-text{
text-align: center;
}
.template-title .template-title-text .text-main{
margin-top: 45px;
font-size: 40px;
color:#333;
}
.template-title .template-title-text .template-title-line{
width: 50%;
margin: 20px auto;
height: 1px;
background-color:#999;
}
.template-title .template-title-text .template-title-line .line-inner{
width: 50%;
height: 3px;
margin: 0 auto;
background-color:#333;
position: relative;
top:-1px;
}
.template-title .template-title-text .text-section{
font-size: 20px;
color:#999;
}
/* row */
.template-parcel{
padding: 0 10px;
}
.template-parcel .template-row{
font-size: 20px;
color:#666;
padding:30px 0;
margin:0 auto;
border:1px solid #999;
background-color: #f9f9f9;
border-radius: 10px;
overflow: hidden;
}
.template-parcel .template-row .template-col{
width: 50%;
float:left;
}
.template-parcel .template-row .template-col p{
padding: 0 80px;
line-height: 40px;
}
/* border-box */
.double-border-box{
text-align: center;
}
.double-border-box .double-border-outer{
padding: 10px;
border: 1px solid #979797;
display: inline-block;
*display: inline;
*zoom:1;
}
.double-border-box .double-border-inner-border{
}
.double-border-box .double-border-inner{
padding: 10px 20px;
display: inline-block;
*display: inline;
*zoom:1;
font-size: 42px;
color: #333;
line-height: 60px;
border: 1px solid #979797;
background-color: #fff;
margin-left: -40px;
margin-top: -20px;
text-align: center;
}
.double-border-box .double-border-inner img{
max-width: 100%;
}
/* 图片列表 */
.template-imglist {
overflow: hidden;
}
.template-imglist .template-imgitem{
width: calc((100% – 20.1px)/3);
float:left;
}
.template-imglist .template-imgitem .template-imgitem-img{
width: 100%;
height: auto;
background-color: #eee;
position: relative;
text-align: center;
}
.template-imglist .template-imgitem .template-imgitem-img img{
max-width: 100%;
}
.template-imglist .template-imgitem:first-child+.template-imgitem{
margin: 0 10px;
}
.template-imglist .template-imgitem .template-imgitem-text-middle{
font-size: 24px;
color: #333333;
text-align: center;
line-height: 24px;
margin:24px 0;
}
.template-imglist .template-imgitem .template-imgitem-text {
line-height: 48px;
width: 70%;
margin: 0 auto;
overflow: hidden;
text-align: center;
font-size: 20px;
}
.template-imglist .template-imgitem .template-imgitem-text .template-imgitem-text-left{
width: 30%;
background-color: #333;
color: #fff;
float: left;
}
.template-imglist .template-imgitem .template-imgitem-text .template-imgitem-text-right{
display: block;
line-height: 46px;
border:1px solid #333;
overflow: hidden;
}
/* 分栏图片 */
.template-image-subfiel-text-bold{
text-align: center;
font-weight: bold;
color:#333;
font-size: 18px;
width: 100%;
}
.template-image-subfiel-text-bold.big{
font-size: 35px;
line-height: 1;
}
.template-image-subfiel-text-bold.biger{
font-size: 20px;
line-height: 1;
}
.template-image-subfiel-text-bold.gray{
line-height: 1;
color:#999;
}
.template-image-subfiel-text-line{
border: 1px solid #999;
width: 40px;
height: 0;
margin: 20px auto;
}
.template-image-subfiel-text-bold.small{
font-size: 16px;
line-height: 1;
}
.template-image-subfield{
text-align: center;
overflow: hidden;
}
.template-image-subfield img{
max-width: 100%;
}
.template-image-subfield .template-image-subfield-right{
overflow: hidden;
}
.template-image-subfield .template-image-subfield-left{
width: 75%;
height: auto;
}
.template-image-subfield.subfield1 .template-image-subfield-left{
width: 94%;
margin:0 auto;
}
.template-image-subfield.subfield2 .template-image-subfield-left{
float:left;
}
.template-image-subfield.subfield2 .template-image-subfield-right{
text-align: center;
overflow: hidden;
}
.template-image-subfield.subfield2 .template-image-subfield-right > span{
display: block;
width: 75%;
height: auto;
margin: 0 auto;
}
.template-image-subfield.subfield3{
margin-top: calc(-33% + 110px);
}
.template-image-subfield.subfield3 .template-image-subfield-left{
width: 32.8%;
float:right;
}
.template-image-subfield.subfield3 .template-image-subfield-right{
width: 67.2%;
padding-top: calc(32.8% – 86px);
}
/* 分类列表 */
.template-icon-list{
overflow:hidden;
}
.template-icon-list .template-icon-item{
float:left;
width:20%;
}
.template-icon-list .template-icon-item .template-icon-img{
width: 46%;
margin: 0 auto;
text-align: center;
}
.template-icon-list .template-icon-item .template-icon-img img{
max-width: 100%;
}
.template-icon-list .template-icon-item .template-icon-text{
text-align: center;
color:#999;
font-size: 18px;
padding-top: 15px;
}
/* 第二块分栏图片 */
.template-image-subfield.subfield5 .template-image-subfield-left{
float: right;
width: 85%;
}
.template-image-subfield.subfield5 .template-image-subfield-left{
float: right;
width: 85%;
position: relative;
}
.template-image-subfield.subfield5 .template-image-subfield-left .template-black-block{
position: absolute;
top:15%;
left:calc(-1em – 20px);
}
.template-image-subfield.subfield6 .template-image-subfield-left{
float: left;
width: 80%;
position: relative;
}
.template-image-subfield.subfield6 .template-image-subfield-left .template-black-block{
position: absolute;
top:15%;
right:calc(-1em – 20px);
}
.template-black-block{
padding-top: 15%;
text-align: center;
}
.template-black-block .template-black-block-inner{
display: inline-block;
*display: inline;
*zoom:1;
background-color: #333;
padding: 15px 30px;
color:#fff;
font-size: 18px;
}
/* 品牌故事 */
.template-product-story{
position: relative;
text-align: center;
}
.template-product-story img{
max-width: 100%;
}
.template-product-story-mask{
width:56%;
margin:0 auto;
padding: 30px 0 20px;
font-size:18px;
line-height: 1.5;
text-align: center;
background-color: rgba(255,255,255,.75);
}
.double-border-box-img{
padding-left:10px !important;
}
@media screen and (max-width: 750px) {
/* */
.template-lg-margin{
margin-top: 40px !important;
}
.template-mid-margin{
margin-top: 27px !important;
}
.template-sm-margin{
margin-top: 20px !important;
}
.template-smer-margin{
margin-top: 16px !important;
}
.template-min-margin{
margin-top: 8px !important;
}
/* title */
.template-title .template-title-img{
width: 90px;
height: 80px;
line-height: 80px;
}
.template-title .template-title-text .text-main{
margin-top: 20px;
font-size: 20px;
}
.template-title .template-title-text .template-title-line{
margin: 8px auto;
}
.template-title .template-title-text .text-section{
font-size: 14px;
}
/* 分栏 */
.template-parcel .template-row{
font-size: 12px;
padding:10px 0;
}
.template-parcel .template-row .template-col p{
padding: 0 20px;
line-height: 20px;
}
.double-border-box .double-border-outer{
padding:10px 10px 10px 20px;
}
.double-border-box .double-border-inner{
font-size: 18px;
line-height: 30px;
margin-left:-30px;
}
.template-imglist .template-imgitem .template-imgitem-text {
font-size: 12px;
line-height: 24px;
}
.template-imglist .template-imgitem .template-imgitem-text .template-imgitem-text-right{
line-height: 22px;
}
.template-imglist .template-imgitem .template-imgitem-text-middle{
font-size: 12px;
line-height: 12px;
margin:8px 0;
}
.template-image-subfiel-text-bold.big{
font-size: 15px;
line-height: 1;
}
.template-image-subfiel-text-line{
border: 1px solid #999;
width: 15px;
margin: 10px auto;
}
.template-image-subfiel-text-bold.small{
font-size: 12px;
line-height: 1;
}
.template-image-subfiel-text-bold{
font-size: 13px;
}
.template-black-block .template-black-block-inner{
padding: 5px 10px;
font-size: 16px;
}
.template-parcel .template-row{
border-radius: 7px;
}
.template-icon-list .template-icon-item .template-icon-text{
padding-top: 5px;
}
.template-product-story-mask{
padding: 20px;
}
.template-product-story-mask,
.template-icon-list .template-icon-item .template-icon-text{
font-size: 12px;
}
.double-border-box-img{
padding-left:6px !important;
}
}