/* CSS Document */
<style>
/*--------------------all part---------------------*/
.all{
font-family:Helvetica, Arial, sans-serif;
}
.all{
font-family:Helvetica, Arial, sans-serif;
background:url(https://bizpictures.bizslink.com/ps/banner/icon/zs-b.jpg) repeat;
}
.main-container{
width:95%;
margin:0 auto;
padding-bottom:40px;
font-size:1rem;
}
/*-----------------banner-----------------*/
.banner img{
width:100%;
}
.title{
font:bold 1.3rem 'Arial', Helvetica, Arial, sans-serif;
font-weight:700;
padding:30px 0 25px 0;
text-align:center;
}
/*-------------------content details------------------*/
.all li{
line-height:1.5rem;
}
.all ul{
margin:0;padding:0;
}
.main-container .icon{
height:1.5rem;
font:24px Arial, Helvetica, sans-serif;
font-weight:600;
background-color:#00b998;
margin:0;
padding:5px 0 8px 60px;
color:#fff;
border:solid #e4e4e4 2px;
border-radius:10px;
box-shadow:#a5a5a5 2px 2px 2px;
}
.first-part .icon.bul{
width:160px;
}
.first-part .bullet{
position:absolute;
width:40px;
height:40px;
background:url(https://bizpictures.bizslink.com/ps/banner/icon/zs-1.png) no-repeat;
}
.main-container .small{
position:absolute;
width:40px;
height:40px;
margin-left:15px;
}
.detail .pictures{
background:url(https://bizpictures.bizslink.com/ps/banner/icon/zs-2.png) no-repeat;
}
.detail .icon.pic {
width:120px;
}
.description .desc{
background:url(https://bizpictures.bizslink.com/ps/banner/icon/zs-3.png) no-repeat;
}
.description .package {
background:url(https://bizpictures.bizslink.com/ps/banner/icon/zs-4.png) no-repeat;
}
.description .icon.des {
width:160px;
}
.description .icon.pac {
width:240px;
}
.first-part,.detail,.description{
width:95%;
margin:0 auto;
padding-top:10px;
border-radius:10px;
line-height:25px;
}
.content,.part{
padding:15px 10px;
}
/*----------------description--------------*/
.pic-container .pic{
width:90%;
margin:0 auto;
}
.detail .content {
width:70%;
margin:0 auto;
padding-top:30px;
}
.pic-container li{
margin-bottom:10px;
}
.pic-container img {
width:90%;
}
.pic-container li,.policy-container li{
list-style:none;
}
.description .ins{
padding-bottom:10px;
}
/*------------------store policy------------------*/
.policy{
width:95%;
margin:0 auto;
margin-top:15px;
padding:1px 0;
background-color:#00b998;
border-radius:10px;
}
.policy-container{
padding:5px 30px;
margin:20px;
font-size:16px;
border:solid #fff 2px;
border-radius:10px;
}
.policy .con{
margin:30px;10px;
}
.policy h3{
margin-bottom:8px;
margin-top:0;
color:#fff;
}
.policy li{
color:#fff;
}
.policy .little-icon{
position:absolute;
left:10%;
height:8px;
width:8px;
background-color:#fff;
margin-top:5px;
transform:rotate(45deg);
-moz-transform:rotate(45deg)
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
@media screen and (min-width: 768px) and (max-width: 959px){
.all{
width:100%;
}
.policy-container{
padding:15px 5px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.all{
width:100%;
}
.policy-container{
padding:15px 5px;
}
}
@media only screen and (max-width: 479px){
.all{
width:100%;
}
.policy-container{
padding:15px 5px;
}
}
</style>