/* 2017/11/14 */
/* 描述：公共样式表 */
body,p,h1,h2,h3,h4,h5,h6,textarea{
font-family: "HYQiHei 55S", "思源黑体", "微软雅黑", "宋体";
margin: 0;
padding: 0;
font-size: 15px;
-webkit-user-select: text!important;
-ms-user-select: text!important;
-moz-user-select: text!important;
user-select:text!important;
}
body{
background: #f5f5f5;
}
/* 清空样式 */
button{
cursor: pointer;
}
input::-webkit-input-placeholder {
color: #d1d1d1;
}
ul{
display: block;
list-style-type: disc;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0px;
}
ul,li{
margin: 0;
padding: 0;
list-style-type: none;
}
a{
text-decoration: none;
color: #000;
}
input{
outline: none;
}
textarea{
outline: none;
}
button{
border: none;
outline: none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
/* 复用类 */
.fl{
float: left;
}
.fr{
float: right;
}
.tl{
text-align: left;
}
.tr{
text-align: right;
}
.tc{
text-align: center;
}
.pr{
position: relative;
display: inline-block;
}
.pa{
position: absolute;
}
.pf{
position: fixed;
bottom: 0;
}
.dn{
display: none;
}
.warp{
width: 90%;
margin-left: 5%;
}
.cp{
cursor: pointer;
}
.zi{
z-index: 999;
}
.bk{
word-wrap:break-word;
}
.w10{
width: 10%;
}
.w20{
width: 20%;
}
.w30{
width: 30%;
}
.w40{
width: 40%;
}
.w50{
width: 50%;
}
.w60{
width: 60%;
}
.w70{
width: 70%;
}
.w80{
width: 80%;
}
.w90{
width: 90%;
}
.w100{
width: 100%;
}
.f12{
font-size:12px;
}
.f13{
font-size:13px;
}
.f14{
font-size:14px;
}
.f16{
font-size:16px;
}
.f18{
font-size:18px;
}
.f20{
font-size:20px;
}
.f24{
font-size:24px;
}
.b{
border: 1px solid #f2f2f2;
}
.bl{
border-left: 1px solid #f2f2f2;
}
.br{
border-right: 1px solid #f2f2f2;
}
.bb{
border-bottom: 1px solid #f2f2f2;
}
.bt{
border-top: 1px solid #f2f2f2;
}
/* 蒙版层 */
#test_j{
width:100%;
background-color:#000;
position:absolute;
top:0;
left:0;
z-index:1;
opacity:0.2;
/*兼容IE8及以下版本浏览器*/
filter: alpha(opacity=20);
}
/*
蒙版层div块复用
jq使用：
$("#test").hide();
$(".click").click(function(){
$("#test_j").toggle();
})
*/
/* ajax */
/*
$.ajax({
type: "POST",
url: "http://sdc.data.zenko.cc/public/index.php/index/index/p",//你后台请求URL地址
//data 是你取到的值传给后台
data: {传的值:后台的变量,},
success: function(msg){
alert(msg);
//返回数据
}
});
*/
/* 下拉加载 */
/*http://www.jq22.com/jquery-info16177*/
/* 页头页脚产品列表等等重复的可以使用以下样式避免出现重复代码 */
/* 开发者： */
/* 时间： */
/*描述：*/
/* 地图定位 */
/**/
/**/
/**/
/*顶部标题栏*/
header {
position: fixed;
top: 0;
height: 1rem;
left: 0;
right: 0;
width: auto;
background-color: #fff;
border-bottom: 1px solid #eaeaea;
z-index: 6666;
}
header .back {
color: #888;
text-decoration: none;
font-size: 0.28rem;
font-weight: bold;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
display: block;
position: absolute;
left: 0;
top: 0;
width: 1rem;
height: 1rem;
text-align: center;
line-height: 1rem;
z-index: 10;
}
header .back: active {
background-color: #ccc;
}
header .title {
position: absolute;
left: 1rem;
right: 1rem;
top: 0;
bottom: 0;
width: auto;
height: auto;
line-height: 1rem;
text-align: center;
font-size: 0.28rem;
z-index: 1;
max-width: 80%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-danger{
color: #FA475C;
}
/* 重写部分layer插件的样式 */
.layui-layer-btn .layui-layer-btn0{
background-color: #FA475C !important;
border-color: #FA475C !important;
}
/* 返回顶部 start */
#y-totop{
width: 40px;
max-height: 245px;
position: fixed;
bottom: 30%;
right: 0%;
background-color: rgba(0,0,0,0.5);
z-index: 666;
text-align: center;
font-size: 12px;
color: #fff;
}
.y-totop-item{
width: 40px;
height: 40px;
display: flex;
font-size:24px;
color:#ffffff;
justify-content: center;
align-items: center;
border-bottom: 1px solid #fff;
cursor: pointer;
}
.y-totop-item:hover{
background-color:#f13f59;
}
/* 返回顶部 end */