.data-wezhanbg *{
box-sizing: content-box;
}
.data-wezhanbg ul,.data-wezhanbg li,.data-wezhanbg p{
margin:0;
padding: 0;
list-style: none;
}
.data-wezhanbg{
line-height: normal !important;
}
.template-box{
background-color: #3A2492;
min-height: 100%;
}
.template-clearfix{
overflow: hidden;
}
.template-left{
float:left;
}
.template-right{
float:right;
}
.template-block{
display: block;
overflow: hidden;
}
.template-box img{
max-width: 100%;
}
.template-box{
position: relative;
}
.template-box .template-box-bg{
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.template-box .template-box-bg li{
position: absolute;;
}
.template-box .template-box-bg .template-box-bg1{
right:0;
top:0;
left:0;
padding-left: 36px;
}
.template-box .template-box-inner{
margin:135px 36px 95px;
padding-top: 30px;
position: relative;
z-index: 20;
}
.template-box .template-title{
color:#fff;
overflow: hidden;
}
.template-box .template-title-left{
float: left;
margin-right: 25px;
}
.template-box .template-title-right{
margin-top:15px;
float: left;
width: 120px;
}
.template-box .template-title-left .template-title-c{
font-size:35px;
margin-bottom:5px;
}
.template-box .template-title-left .template-title-n{
font-size:24px;
}
.template-box .template-content{
color: #fff;
overflow: hidden;
}
.template-box .template-content-border{
padding:30px;
margin-top:32px;
margin-bottom:80px;
border-radius: 10px;
border:1px solid #fff;
}
.template-box .template-content-inner-point{
width:10px;
height:10px;
margin-top: 18px;
margin-right:20px;
border-radius: 50%;
background-color: #fff;
}
.template-box .template-content-inner-text{
font-size: 20px;
line-height: 2.2;
}
.template-box .template-timebox{
margin-top:12px;
color:#fff;
font-size:26px;
line-height: 1.7;
}
.template-box .template-list{
margin-left:-37px;
}
.template-box .template-list .template-item{
margin-left:37px;
margin-top:37px;
padding: 56px;
width: calc(50% – 149px);
color:#fff;
font-size: 30px;
text-align: center;
word-break:break-all;
height: 293px;
}
.template-box .template-list .template-item-icon{
width: 113px;
margin: 0 auto 30px;
}
.template-box .template-list .template-item p{
margin-bottom: 10px;
}
.template-box .template-list .template-item.yellow{
background-color: #FCD643;
}
.template-box .template-list .template-item.yellow{
color:#3C38A2;
}
.template-box .template-list .template-item.blue{
background-color:#4A55DA;
}
.template-box .template-list .template-item.red{
background-color:#F25C19;
}
.template-box .template-list .template-item.green{
background-color:#2CCB5E;
}
@media screen and (max-width: 750px) {
.template-box .template-box-inner {
margin: 60px 15px 40px;
padding-top: 10px;
}
.template-box .template-title-left {
margin-right: 10px;
}
.template-box .template-title-left .template-title-c {
font-size: 16px;
margin-bottom: 2px;
}
.template-box .template-title-left .template-title-n {
font-size: 12px;
}
.template-box .template-title-right {
margin-top: 7px;
width: 50px;
}
.template-box .template-content-border {
padding: 10px;
margin-top: 10px;
margin-bottom: 30px;
}
.template-box .template-content-inner-point {
width: 4px;
height: 4px;
margin-top: 12px;
margin-right: 8px;
}
.template-box .template-content-inner-text {
font-size: 12px;
}
.template-box .template-timebox {
margin-top: 6px;
font-size: 12px;
line-height: 1.7;
}
.template-box .template-list {
margin-left: -12px;
}
.template-box .template-list .template-item{
margin-left:12px;
margin-top:12px;
padding: 20px;
width: calc(50% – 52px);
color:#fff;
font-size: 12px;
height: calc((50vw + 3em)/2);
}
.template-box .template-list .template-item-icon {
width: 45px;
margin: 0 auto 10px;
}
.template-box .template-list .template-item p {
margin-bottom: 5px;
}
}
box-sizing: content-box;
}
.data-wezhanbg ul,.data-wezhanbg li,.data-wezhanbg p{
margin:0;
padding: 0;
list-style: none;
}
.data-wezhanbg{
line-height: normal !important;
}
.template-box{
background-color: #3A2492;
min-height: 100%;
}
.template-clearfix{
overflow: hidden;
}
.template-left{
float:left;
}
.template-right{
float:right;
}
.template-block{
display: block;
overflow: hidden;
}
.template-box img{
max-width: 100%;
}
.template-box{
position: relative;
}
.template-box .template-box-bg{
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
}
.template-box .template-box-bg li{
position: absolute;;
}
.template-box .template-box-bg .template-box-bg1{
right:0;
top:0;
left:0;
padding-left: 36px;
}
.template-box .template-box-inner{
margin:135px 36px 95px;
padding-top: 30px;
position: relative;
z-index: 20;
}
.template-box .template-title{
color:#fff;
overflow: hidden;
}
.template-box .template-title-left{
float: left;
margin-right: 25px;
}
.template-box .template-title-right{
margin-top:15px;
float: left;
width: 120px;
}
.template-box .template-title-left .template-title-c{
font-size:35px;
margin-bottom:5px;
}
.template-box .template-title-left .template-title-n{
font-size:24px;
}
.template-box .template-content{
color: #fff;
overflow: hidden;
}
.template-box .template-content-border{
padding:30px;
margin-top:32px;
margin-bottom:80px;
border-radius: 10px;
border:1px solid #fff;
}
.template-box .template-content-inner-point{
width:10px;
height:10px;
margin-top: 18px;
margin-right:20px;
border-radius: 50%;
background-color: #fff;
}
.template-box .template-content-inner-text{
font-size: 20px;
line-height: 2.2;
}
.template-box .template-timebox{
margin-top:12px;
color:#fff;
font-size:26px;
line-height: 1.7;
}
.template-box .template-list{
margin-left:-37px;
}
.template-box .template-list .template-item{
margin-left:37px;
margin-top:37px;
padding: 56px;
width: calc(50% – 149px);
color:#fff;
font-size: 30px;
text-align: center;
word-break:break-all;
height: 293px;
}
.template-box .template-list .template-item-icon{
width: 113px;
margin: 0 auto 30px;
}
.template-box .template-list .template-item p{
margin-bottom: 10px;
}
.template-box .template-list .template-item.yellow{
background-color: #FCD643;
}
.template-box .template-list .template-item.yellow{
color:#3C38A2;
}
.template-box .template-list .template-item.blue{
background-color:#4A55DA;
}
.template-box .template-list .template-item.red{
background-color:#F25C19;
}
.template-box .template-list .template-item.green{
background-color:#2CCB5E;
}
@media screen and (max-width: 750px) {
.template-box .template-box-inner {
margin: 60px 15px 40px;
padding-top: 10px;
}
.template-box .template-title-left {
margin-right: 10px;
}
.template-box .template-title-left .template-title-c {
font-size: 16px;
margin-bottom: 2px;
}
.template-box .template-title-left .template-title-n {
font-size: 12px;
}
.template-box .template-title-right {
margin-top: 7px;
width: 50px;
}
.template-box .template-content-border {
padding: 10px;
margin-top: 10px;
margin-bottom: 30px;
}
.template-box .template-content-inner-point {
width: 4px;
height: 4px;
margin-top: 12px;
margin-right: 8px;
}
.template-box .template-content-inner-text {
font-size: 12px;
}
.template-box .template-timebox {
margin-top: 6px;
font-size: 12px;
line-height: 1.7;
}
.template-box .template-list {
margin-left: -12px;
}
.template-box .template-list .template-item{
margin-left:12px;
margin-top:12px;
padding: 20px;
width: calc(50% – 52px);
color:#fff;
font-size: 12px;
height: calc((50vw + 3em)/2);
}
.template-box .template-list .template-item-icon {
width: 45px;
margin: 0 auto 10px;
}
.template-box .template-list .template-item p {
margin-bottom: 5px;
}
}






