Skip to content

A
allCampaign
Commit b31d4b63 by Sweet Zhang
Options

重疾险和送体检增加悬浮在线客服

parent a2fcbf23
Showing with 724 additions and 10 deletions
2days-campaign/layer/twoCampain.js
......@@ -628,5 +628,4 @@ $(function () {
return row;
}
})
\ No newline at end of file
ci-campaign/css/mstyle.css
......@@ -243,22 +243,22 @@ footer ul li.selected {
#compaignCS .csBox-init {
position: fixed;
top: 65%;
right: 1rem;
right: 10px;
z-index: 1000;
width: 3.8rem;
height: 3.8rem;
width: 50px;
height: 70px;
transition: .2s;
background: url('https://p.qpic.cn/qidian_pic/2852152378/20190301581fc07351cb9ad81487d8362531b1f5/0') center/cover no-repeat;
background: url('../images/cs.png') center/cover no-repeat;
}
#compaignCS .csBox-init-actived {
position: fixed;
top: 65%;
right: -1.9rem;
right: -25px;
z-index: 1000;
width: 3.8rem;
height: 3.8rem;
width: 50px;
height: 70px;
transition: .2s;
background: url('https://p.qpic.cn/qidian_pic/2852152378/20190301581fc07351cb9ad81487d8362531b1f5/0') center/cover no-repeat;
background: url('../images/cs.png') center/cover no-repeat;
}
\ No newline at end of file
physical-campaign/.idea/ci-campaign.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
physical-campaign/.idea/inspectionProfiles/Project_Default.xml 0 → 100644
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
</profile>
</component>
\ No newline at end of file
physical-campaign/.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JsFlowSettings">
<service-enabled>false</service-enabled>
<exe-path />
<annotation-enable>false</annotation-enable>
<other-services-enabled>false</other-services-enabled>
</component>
<component name="ProjectInspectionProfilesVisibleTreeState">
<entry key="Project Default">
<profile-state>
<expanded-state>
<State>
<id />
</State>
</expanded-state>
<selected-state>
<State>
<id>TypeScript</id>
</State>
</selected-state>
</profile-state>
</entry>
</component>
</project>
\ No newline at end of file
physical-campaign/.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/ci-campaign.iml" filepath="$PROJECT_DIR$/.idea/ci-campaign.iml" />
</modules>
</component>
</project>
\ No newline at end of file
physical-campaign/css/bootstrap.min.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
physical-campaign/css/iconfont.css 0 → 100644
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1548390487871'); /* IE9 */
src: url('iconfont.eot?t=1548390487871#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAR8AAsAAAAACcgAAAQuAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDXgqFbIUCATYCJAMcCxAABCAFhG0HgQwbhggRFZx3yX4kxjEp68ySN6FqNxM80Hvlm8wEi6uB3FXaLYBczS+CuYopgA2AzamFdaCi3kMBkgl7vOW/aL0kx1nKKXLX/3+vaiaFAjavPYvLv5lrdQ1qLadcoIKNPch+QOreRTybZodTeNCtuyEAP+nIg6hSrU4TLBR0kABE9y7hdlgFO6qDL7BMRsOZCjETHUubpF0AZrjJizcUEhZo6BI6skGoakcqPFfefulEHFoaBor9eYHheSCBPIACMb7R7yBDPg8S/3x7RRMgHhYaxr7oTeS18zp6Y739kUhxOo0L4olB0NCRqOv65wkDrg8CN6ZgwHOlCDTwEhHo4LUjkOB1JFDgjSUQ4O03cFfZ5v7xgPjABRA1GTePX6IBmu0SqETBREmCwQQqSE9OMSTB5PnCjF0QSDhlHoYzd2hCM0GXycns+bELpiRtGtZXneck6Th32M3nTW88a+J6dtyLTvMnJ+loM3rXOEmbzpuSPLwgtsPkZL3tc5uup4/eZqJDb9xocvNm07i4aNc9VrSd69ot2L7uxo31tMMOhxvjLsZdb3D3sc3nrkmyyk21YH3q+W62FVdS1HhWX06fukoVKFvd/95fQ/GqByKFncJJ6Ol5WgVC+/aFk3xIMmjN6vbtQ0nfJw337z+QDNK5rTJkULcFZVCrU+eXcvvS7cuWbckSmw2lW79//+KKFSuuT8fC+UalXaf3hpI9SB7auXp4zEB/RDJ7StfCK1tFLuuJEumXBWVQq1NHlFy4V/3+rUCzFxHUqOM8PYEHAcW8734XgE4imbaqN2/UVkEZ1OrUEcicabm6c0eBZjkixNXdOxI7ySDtU7pl6aA5hQhq7Aj2C21QT58q0GxABDV+a61GH5dcydygfpV4ivQl7SIVnHxWqwcPu/qOpEvQOqYsrQGIHJOHZDknXCBfyS7+4/JgUXhfLpeZi+ukK+1/2d+QvvmRI23il/lmBRQAt3pvjeZ9EUchHfirGFhb8Z9SrLlMLVTkMNVsbrUnAjApgITvx4pfrIF/UjgRD/ZnTLp2MwgskibQMEkLEossTMXNAzoBioCBRXnwk5vq5wdITF8kQvmAXIxjIEjAZtCIx2GQJOAiU3Hvg04y3oFBAiHBjy0SXzGAMptIx8qCVjGAe0PyvJB06dG3fmPMk5W8ygn+UbaUgrZqyqUbLij7OGZ7xE6VgIRnuLL74TQxrMIDeq161fVS19T0S5XnuThSWdAqBsC9geR5IbOxHiv0f2PMk5WOWefS/yhb2jrQUtGswbzpl7VmPZf3bI/YoUoACc/AlXlxEnkG1ubdBvRa0W+RXS/UfDVaV18d3zi/zpsAP3RnU2hCCiV0YQhTWBj9eYnvtLOO9jSoemW7fPpJoty7XDZ8YTflZ9Zkeez0Bnwb3fn53eg+WYfT3XGwIdmlz7YoAAA=') format('woff2'),
url('iconfont.woff?t=1548390487871') format('woff'),
url('iconfont.ttf?t=1548390487871') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1548390487871#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 14px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-tongyi:before {
content: "\e684";
}
.icon-tongyi1:before {
content: "\e504";
}
.icon-tongyixuanzhong-:before {
content: "\e661";
}
.icon-butongyi:before {
content: "\e664";
}
.icon-tongyifuwutiaokuandeyuan:before {
content: "\e612";
}
.icon-icon_label_bodadianhua:before {
content: "\e6bb";
}
physical-campaign/css/mstyle.css 0 → 100644
* {
padding: 0;
margin: 0;
color: #333;
font-family: '微软雅黑';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul, ol {
list-style: none;
}
a {
color: #333;
display: block;
text-decoration: none;
}
a:link {
text-decoration: none;
}
img {
display: block;
border: 0;
max-width: 100%;
}
html, body {
width: 100%;
height: 100%;
min-width: 320px;
max-width: 640px;
margin: 0 auto;
font-size: 16px;
}
.banner {
margin: 0 auto;
}
.btn1, .orderBtn, .testBtn {
width: 70%;
margin: 0 auto;
}
.btn1 {
margin: 20px auto;
}
.wrapper {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.wrapper section {
float: left;
width: 100%;
padding: 0 5%;
}
.wrapper section label {
width: 30%;
float: left;
}
.wrapper .counts {
position: relative;
}
.wrapper .counts p {
position: absolute;
color: #fff;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin: 0;
height: 40px;
}
.form-control, .wrapper section .item {
float: left;
width: 70%;
height: 34px;
line-height: 34px;
}
.wrapper section .item .icon {
margin-right: 5%;
}
.item .sex_item {
float: left;
width: 30%;
margin-right: 10%;
}
.wrapper section .tips {
float: right;
width: 70%;
height: 30px;
line-height: 30px;
color: #f81e06;
font-size: 12px;
}
.agree {
font-size: 12px;
width: 100%;
height: 25px;
line-height: 25px;
position: relative;
}
.agree span {
display: inline-block;
position: absolute;
}
.agree span b {
font-weight: normal;
color: #8a8a8a;
}
.content {
position: relative;
width: 100%;
margin: 0 auto;
}
.content #orderBtn, .content #btn3 {
position: absolute;
width: 70%;
left: 15%;
}
.content #orderBtn {
top: 58.5%;
}
.content #btn3 {
top: 79%;
}
footer {
width: 100%;
position: relative;
bottom: 0;
background: #fff;
min-width: 320px;
max-width: 640px;
margin: 0 auto;
}
footer ul {
width: 100%;
border-top: 1px #d1d1d1 solid;
}
footer ul li {
width: 50%;
float: left;
height: 45px;
line-height: 45px;
text-align: center;
border-right: 1px #d1d1d1 solid;
}
footer ul li:nth-child(2) {
border-right: none;
}
footer ul li.selected {
background: #fc6351;
color: #fff;
}
/* .toast{
display: none;
width: 100%;
height:100%;
background-color: rgba(0,0,0,.5);
position: fixed;
bottom: 0;
}
.toast .toast_wrapper{
width: 85%;
height:30%;
background: #fff;
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
border-radius: 2%;
}
.toast .toast_wrapper .title{
width:100%;
text-align: center;
color:#fff;
background: #299bf3;
margin: 0;
height:80px;
line-height:80px;
}*/
.layui-m-layercont {
position: relative !important;
padding: 0 !important;
text-align: center !important;
width: 100% !important;
height: 105px !important;
line-height: 105px !important;
}
.totast_content {
width: 100%;
text-align: center;
margin: 0 auto;
height: 130px;
position: relative;
}
.totast_content .iconfont {
width: 60px;
height: 60px;
font-size: 60px;
position: relative;
top: 5px;
left: 40%;
line-height: 60px;
}
.callBtn {
width: 60px;
text-align: center;
position: relative;
left: 40%;
top: 4%;
height: 40px;
line-height: 40px;
}
.layui-m-layercont .service_item {
margin-top: 10%;
}
.layui-m-layercont p.service {
height: 30px;
line-height: 30px;
}
#compaignCS .csBox-init {
position: fixed;
top: 65%;
right: 10px;
z-index: 1000;
width: 50px;
height: 70px;
transition: .2s;
background: url('../images/cs.png') center/cover no-repeat;
}
#compaignCS .csBox-init-actived {
position: fixed;
top: 65%;
right: -25px;
z-index: 1000;
width: 50px;
height: 70px;
transition: .2s;
background: url('../images/cs.png') center/cover no-repeat;
}
\ No newline at end of file
physical-campaign/css/style.css 0 → 100644
*{padding: 0;margin: 0;color:#333;font-family: '微软雅黑';-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
ul,ol{
list-style: none;
}
a{
color:#333;
display: block;
text-decoration: none;
}
a:link{
text-decoration:none;
}
img{display:block;border:0;max-width: 100%;}
html,body{
width:100%;
height:100%;
margin:0 auto;
font-size: 14px;
min-width: 1200px;
max-width: 2000px;
}
.banner{
width: 100%;
margin:0 auto;
position: relative;
}
.wrapper{
width: 18%;
position: absolute;
right: 18%;
top: 7%;
background: #fff;
padding: 1% 1% 0 1%;
}
.btn1 {
margin:0 auto;
}
.wrapper section{
float: left;
width: 100%;
height: 50px;
line-height: 30px;
position: relative;
}
.wrapper section label {
width: 30%;
float: left;
}
.wrapper .last_item{
margin-top:25px;
}
.form-control,.wrapper section .item{
float: left;
width: 70%;
height: 32px;
line-height: 32px;
}
.wrapper section .item .icon{
margin-right: 5%;
}
.item .sex_item{
float: left;
width: 30%;
margin-right: 20%;
}
.sex_item .icon:hover,#choseMoney:hover,#choseMoney option:hover{
cursor: pointer;
}
.wrapper section .tips{
float: right;
width: 70%;
height: 20px;
line-height: 20px;
color:#f81e06;
font-size: 12px;
}
.agree{
width: 100%;
height: 25px;
line-height: 25px;
}
.agree span{
display: inline-block;
width: 100%;
position: absolute;
cursor: pointer;
}
.agree span b{
font-weight:normal;
color:#8a8a8a;
font-size: 13px;
}
.testBtn{
max-width: 80%;
margin: 0 auto;
cursor: pointer;
}
.content{
width: 100%;
margin-top:5%;
padding:0 18%;
position: relative;
}
footer{
display: none;
}
.content #orderBtn,.content #btn3{
position: absolute;
width: 30%;
left: 35%;
}
.content #orderBtn {
top: 63.5%;
}
.content #btn3 {
top: 85%;
}
.layui-m-layercont{
position: relative!important;
padding:0!important;
text-align: center!important;
width: 100%!important;
height: 95px!important;
line-height: 95px!important;
}
.layui-m-layercont .service_item{
margin-top: 10%;
}
.layui-m-layercont p.service{
height:30px;
line-height:30px;
}
#compaignCS .csBox-init {
width: 0;
height: 0;
}
@media screen and (max-width: 1400px){
html,body{
font-size:12px;
}
.wrapper{
padding:.5%;
}
.wrapper section{
height: 40px;
line-height:30px;
}
.form-control, .wrapper section .item {
height: 25px;
line-height: 25px;
padding:0;
}
.wrapper section .tips{
height: 15px;
line-height: 15px;
font-size:10px;
}
.wrapper .last_item{
margin-top: 0px;
}
.agree {
width: 100%;
height: 20px;
line-height: 20px;
}
.agree span b{
font-size: 10px;
}
}
@media screen and (min-width:1400px) and (max-width: 1600px){
html,body{
font-size:12px;
}
.wrapper .last_item {
margin-top: 10px;
}
.wrapper section{
height: 45px;
line-height:30px;
}
.form-control, .wrapper section .item {
height: 25px;
line-height: 25px;
padding:0;
}
.wrapper section .tips{
height: 20px;
line-height: 20px;
font-size:10px;
}
.agree {
width: 100%;
height: 20px;
line-height: 20px;
}
.agree span b{
font-size: 12px;
}
}
@media screen and (min-width:1600px) and (max-width: 1800px){
.wrapper{
padding:.8%;
}
.wrapper .last_item{
margin-top: 15px;
}
.agree {
width: 100%;
height: 20px;
line-height: 20px;
}
}
@media screen and (min-width:1800px) and (max-width:2000px){
.wrapper .last_item {
margin-top: 25px;
}
.agree{
height: 20px;
line-height: 20px;
}
}
physical-campaign/index.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iconfont.css">
<!-- <link rel="stylesheet" href="css/style.css"> -->
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"/>
<link rel="stylesheet" href="css/mstyle.css">
<title>重疾险,大病保险-最惠比</title>
<meta name="keywords" content="重疾险,重疾险排名，重疾险哪家好"/>
<meta name="description" content="2018畅销款重大疾病保险，保障范围100种重疾.30种轻症，保额50万。"/>
</head>
<body>
<div class="banner">
<img class="pbanner" src="images/banner.jpg" alt="banner"/>
<section class="wrapper">
<div class="counts">
<img class="btn1" src="images/btn1.png"/>
<p>今天已有197人预约</p>
</div>
<section>
<label>性别:</label>
<div class="item">
<div class="sex_item"><span class="icon iconfont male on">&#xe684;</span>男</div>
<div class="sex_item"><span class="icon iconfont female">&#xe664;</span>女</div>
</div>
<div class="sexTips tips"></div>
</section>
<section>
<label>保障金额：</label>
<select class="form-control" id="choseMoney">
<option value="1">10万</option>
<option value="2">20万</option>
<option value="3">30万</option>
<option value="4">40万</option>
<option value="5">50万</option>
</select>
<div class="moneyTips tips"></div>
</section>
<section>
<label>姓名：</label>
<input class="form-control username" type="text" placeholder="请输入您的姓名">
<div class="nameTips tips"></div>
</section>
<section>
<label>手机号码：</label>
<input class="form-control userphone" type="text" placeholder="请输入您的手机号码">
<div class="phoneTips tips"></div>
</section>
<section>
<img class="testBtn" src="images/btn3.png" alt="保费试算">
</section>
<section class="last_item">
<div class="agree">
<span><i class="iconfont on">&#xe504;</i> <b>本人同意最惠比联系本人进行精准报价和产品介绍 </b></span>
</div>
<div class="agreeTips tips"></div>
</section>
</section>
<img class="bottom" src="images/bottom.png">
</div>
<section class="content">
<img class="bg" src="images/bg.jpg"/>
<img id="orderBtn" src="images/btn2.png" alt="预约保险顾问">
<img id="btn3" src="images/btn2.png" alt="预约保险顾问">
</section>
<footer>
<ul class="tab">
<li id="askBtn">电话咨询</li>
<li class="jump">立即预约</li>
</ul>
</footer>
<div id="compaignCS">
<div class="csBox-init"></div>
</div>
<!-- <div class="toast">
<div class="toast_wrapper">
<h2 class="title">400-921-9290</h2>
<div class="totast_content">
<span class="iconfont">&#xe6bb;</span>
<a class="callBtn" href="tel:+400-921-9290">拨打电话</a>
</div>
</div>
</div> -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
\ No newline at end of file
physical-campaign/js/layer.js 0 → 100644
/*! layer mobile-v2.0 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */
;!function(a){"use strict";var b=document,c="querySelectorAll",d="getElementsByClassName",e=function(a){return b[c](a)},f={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},g={extend:function(a){var b=JSON.parse(JSON.stringify(f));for(var c in a)b[c]=a[c];return b},timer:{},end:{}};g.touch=function(a,b){a.addEventListener("click",function(a){b.call(this,a)},!1)};var h=0,i=["layui-m-layer"],j=function(a){var b=this;b.config=g.extend(a),b.view()};j.prototype.view=function(){var a=this,c=a.config,f=b.createElement("div");a.id=f.id=i[0]+h,f.setAttribute("class",i[0]+" "+i[0]+(c.type||0)),f.setAttribute("index",h);var g=function(){var a="object"==typeof c.title;return c.title?'<h3 style="'+(a?c.title[1]:"")+'">'+(a?c.title[0]:c.title)+"</h3>":""}(),j=function(){"string"==typeof c.btn&&(c.btn=[c.btn]);var a,b=(c.btn||[]).length;return 0!==b&&c.btn?(a='<span yes type="1">'+c.btn[0]+"</span>",2===b&&(a='<span no type="0">'+c.btn[1]+"</span>"+a),'<div class="layui-m-layerbtn">'+a+"</div>"):""}();if(c.fixed||(c.top=c.hasOwnProperty("top")?c.top:100,c.style=c.style||"",c.style+=" top:"+(b.body.scrollTop+c.top)+"px"),2===c.type&&(c.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(c.content||"")+"</p>"),c.skin&&(c.anim="up"),"msg"===c.skin&&(c.shade=!1),f.innerHTML=(c.shade?"<div "+("string"==typeof c.shade?'style="'+c.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(c.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(c.skin?"layui-m-layer-"+c.skin+" ":"")+(c.className?c.className:"")+" "+(c.anim?"layui-m-anim-"+c.anim:"")+'" '+(c.style?'style="'+c.style+'"':"")+">"+g+'<div class="layui-m-layercont">'+c.content+"</div>"+j+"</div></div></div>",!c.type||2===c.type){var k=b[d](i[0]+c.type),l=k.length;l>=1&&layer.close(k[0].getAttribute("index"))}document.body.appendChild(f);var m=a.elem=e("#"+a.id)[0];c.success&&c.success(m),a.index=h++,a.action(c,m)},j.prototype.action=function(a,b){var c=this;a.time&&(g.timer[c.index]=setTimeout(function(){layer.close(c.index)},1e3*a.time));var e=function(){var b=this.getAttribute("type");0==b?(a.no&&a.no(),layer.close(c.index)):a.yes?a.yes(c.index):layer.close(c.index)};if(a.btn)for(var f=b[d]("layui-m-layerbtn")[0].children,h=f.length,i=0;h>i;i++)g.touch(f[i],e);if(a.shade&&a.shadeClose){var j=b[d]("layui-m-layershade")[0];g.touch(j,function(){layer.close(c.index,a.end)})}a.end&&(g.end[c.index]=a.end)},a.layer={v:"2.0",index:h,open:function(a){var b=new j(a||{});return b.index},close:function(a){var c=e("#"+i[0]+a)[0];c&&(c.innerHTML="",b.body.removeChild(c),clearTimeout(g.timer[a]),delete g.timer[a],"function"==typeof g.end[a]&&g.end[a](),delete g.end[a])},closeAll:function(){for(var a=b[d](i[0]),c=0,e=a.length;e>c;c++)layer.close(0|a[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var a=document.scripts,c=a[a.length-1],d=c.src,e=d.substring(0,d.lastIndexOf("/")+1);c.getAttribute("merge")||document.head.appendChild(function(){var a=b.createElement("link");return a.href=e+"need/layer.css?2.0",a.type="text/css",a.rel="styleSheet",a.id="layermcss",a}())}()}(window);
\ No newline at end of file
physical-campaign/js/need/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment