<style type="text/css">
.deom-class1{
background-image: url(<?= yii::getAlias('@web');?>/images/addtchebj.png);
background-position: top center;
background-color: transparent;
background-repeat: no-repeat;
box-shadow: unset;
}
.deom-class1 .layui-layer-title{
background-color: transparent;
border: 0;
height: 320px;
text-indent: -99999px;
}
.deom-class1 .layui-layer-setwin a{
height: 29px;
width: 29px;
}
.deom-class1 .layui-layer-setwin{
top: 64px;
}
.deom-class1 .layui-layer-setwin .layui-layer-close1{
background-image: url(<?= yii::getAlias('@web');?>/images/addfsicon.png);
background-position: -149px -32px;
}
.deom-class1 .layui-layer-content{
background-color: #fff;
}
.add-tcdiv{
font-size: 30px;
color: #333333;
text-align: center;
padding-top: 50px;
padding-bottom: 42px;
}
.deom-class1 .layui-layer-btn{
background-color: #fff;
text-align: center;
padding-bottom: 52px;
}
.deom-class1 .layui-layer-btn a{
background-color: #888888;
box-shadow: 0px 3px 6px 0px rgba(136, 136, 136, 0.35);
width: 213px;
height: 66px;
line-height: 66px;
border-radius: 40px;
font-size: 28px;
color: #fff;
}
.deom-class1 .layui-layer-btn .layui-layer-btn0{
border-color: #c40400;
color: #fff;
background-color: #c40400;
}
.deom-class2{
background-image: url(<?= yii::getAlias('@web');?>/images/addtchebj.png);
background-position: top center;
background-color: transparent;
background-repeat: no-repeat;
box-shadow: unset;
}
.deom-class2 .layui-layer-title{
background-color: transparent;
border: 0;
height: 320px;
text-indent: -99999px;
}
.deom-class2 .layui-layer-setwin a{
height: 29px;
width: 29px;
}
.deom-class2 .layui-layer-setwin{
top: 64px;
}
.deom-class2 .layui-layer-setwin .layui-layer-close1{
background-image: url(<?= yii::getAlias('@web');?>/images/addfsicon.png);
background-position: -149px -32px;
}
.deom-class2 .layui-layer-content{
background-color: #fff;
border-radius: 0 0 15px 15px;
}
.deom-class2 .layui-layer-btn{
background-color: #f1f1f1;
text-align: center;
padding-bottom: 52px;
border-radius: 0 0 10px 10px;
}
.deom-class2 .layui-layer-btn a{
background-color: #888888;
box-shadow: unset;
width: auto;
height: auto;
line-height: 30px;
border-radius: 40px;
font-size: 14px;
color: #fff;
color: #333333;
text-align: left;
}
.deom-class2 .layui-layer-btn .layui-layer-btn0{
border-color: transparent;
/* color: #fff; */
background-color: transparent;
}
.pexuform{
width: 555px;
margin:0 auto;
}
.pexuform ul li{
margin-bottom: 20px;
}
.pexlabel{
font-size: 14px;
color: #333333;
float: left;
width: 101px;
text-align: right;
margin-right: 18px;
line-height: 30px;
}
.pexlabel span{
color: #c40400
}
.pageinput{
border: 1px solid #f1f1f1;
border-radius: 3px;
padding-left: 20px;
padding-top: 2px;
padding-bottom: 2px;
width: 378px;
background-color: #f1f1f1;
}
.pexselect{
border: 1px solid #dcdcdc;
border-radius: 3px;
padding-left: 20px;
padding-top: 12px;
padding-bottom: 11px;
width: 400px;
outline: none;
}
.pexuyzm{
border: 1px solid #f1f1f1;
border-radius: 3px;
padding-left: 20px;
padding-top: 2px;
padding-bottom:2px;
width: 215px;
background-color: #f1f1f1;
}
.pexyzmimg{
width: 51px;
height: 30px;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
}
.pexyzma{
font-size: 14px;
color: #c40400;
vertical-align: middle;
}
.pexpasub{
/*padding-left: 91px;*/
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
.pexsubinpt{
background: #c40400;
font-size: 14px;
color: #fff;
text-align: center;
width: 120px;
height: 36px;
line-height: 36px;
border-radius: 3px;
margin-right: 30px;
cursor: pointer;
border: 0;
}
/* .pextsubinput2{
background: #fff;
border: 1px solid #eeeeee;
color: #999999;
}*/
.add-tabh3{
font-size: 24px;
color: #333333;
padding: 30px 0;
text-align: center;
}
.add-tup{
background: #f1f1f1;
font-size: 14px;
color: #333333;
line-height: 30px;
padding: 24px 40px;
}
.add-tup span{
color: #c40400
}
</style>
<script type="text/javascript">
$(".addclickon").on("click",function(){
var addtc1=layer.open({
title: '在线调试',
skin: 'deom-class1',
area: ['700px'],
type: 1,
offset: 't',
content: '\<\div class="add-tcdiv">请选择是否需要最新一期纸质版期刊\<\/div>',
btn: ['是', '否'],
yes: function(index, layero){
layer.open({
title: '在线调试',
skin: 'deom-class2',
area: ['700px'],
offset: 't',
type: 1,
content: '<div class="add-tabh3">请完善信息</div><div class="pexuform"><ul><li class="clearFloat"><div class="pexlabel"><span>*</span>收件人姓名：</div><input type="text" class="pageinput"></li><li class="clearFloat"><div class="pexlabel"><span>*</span>手机号：</div><input type="text" class="pageinput"></li><li class="clearFloat"><div class="pexlabel"><span>*</span>邮箱：</div><input type="text" class="pageinput"></li><li class="clearFloat"><div class="pexlabel"><span>*</span>邮寄地址：</div><input type="text" class="pageinput"></li><li class="clearFloat"><div class="pexlabel"><span>*</span>邮编：</div><input type="text" class="pageinput"></li><li class="clearFloat"><div class="pexlabel">验证码：</div><input type="text" class="pexuyzm"><img src="<?= yii::getAlias('@web');?>/images/add-tcyzmimg.png" class="pexyzmimg"> <a href="#" class="pexyzma">看不清换一张</a></li><div class="pexpasub"><input type="submit" value="提交" class="pexsubinpt add-petj"><input type="submit" value="重置" class="pexsubinpt"></div></ul></div><div class="add-tup"><span>* </span>友情提醒：提交邮寄地址等相关信息后，协会每期最新的纸质版期刊杂志都会按照提交的地址信息进行邮寄。</div>',
});
$(".add-petj").on("click",function(){
layer.closeAll()
})
layer.close(index)
},
end:function(){
alert(11)
}
});
})
