/*reset*/
html,body{width:100%;min-height: 100%;background: #f4f4f4;position: relative;overflow-x:hidden;}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color:#000;}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}

::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}


img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}

#container{position: relative;height: 1080px;width: 1920px;background: url("../images/plsbg.jpg") no-repeat top center;background-size: 100% 100%;transition: .3s;}
/*全屏询问对话框*/
#qpcont{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 10000;display: none;}
#qpcont #qp{width:450px;position: absolute;top:50%;left: 50%;background: #fff;padding:0 15px;transform: translate3d(-50%,-50%,0);box-sizing: border-box}
#qpcont #qp .qp-top{font-size: 16px;color: #333;padding:10px 0;box-sizing: border-box;border-bottom: 1px solid #eeeeee;}
#qpcont #qp .qp-info{padding:10px;font-size: 16px;color: #333;box-sizing: border-box;line-height: 2}
#qpcont #qp .qp-info span{font-weight: bold;font-size: 20px;}
#qpcont #qp .qp-info i{color: #d88119;font-size: 18px;font-weight: bold}
#qpcont #qp .qp-b{text-align: right;padding:15px 10px;box-sizing: border-box}
#qpcont #qp .qp-b button{border: 1px solid #1E9FFF;width:100px;line-height: 2;text-align: center;font-size: 14px;color: #fff;background: #1E9FFF;cursor: pointer}
#qpcont #qp .qp-b button:nth-child(2){background: none;border: 1px solid #ccc;color: #41444d}

/*画像*/
#photo{width: 100px;height: 118px;background: url("../images/touxiang.jpg") no-repeat center center;background-size: cover;position: absolute;left: 50%;top: 398px;margin-left: -50px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none; }
.pls-name{position: absolute;top:530px;width: 220px;left: 50%;margin-left: -110px;z-index: 9;text-align: center;font-size: 30px;color: #e86c2e;}
/*祭品台*/
#jipintai{}
#jipintai .plscandle{position: absolute;bottom:430px;width: 320px;z-index: 6;left: 50%;margin-left: -160px;display: flex;justify-content: space-between;padding-bottom: 40px;opacity: 0}
#jipintai .plsflower{position: absolute;bottom:180px;width: 700px;left: 50%;margin-left: -360px;z-index: 7;padding-bottom: 40px;opacity: 0}
#jipintai .plsflower img{width: 100%;}

/*祭文表单*/
#jwform{position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);z-index: 10000;display: none;}
#jwform .jwform-cont{width:600px;position: absolute;top:50%;left: 50%;background: #fff;transform: translate(-50%,-50%);border-radius: 15px;overflow: hidden}
#jwform .jwform-cont .jwform-top{padding:20px 0;background: #ffcc00;text-align: center}
#jwform .jwform-cont .jwform-top p{font-size: 16px;color: #333333;padding-top: 15px;}


#jwform .jwform-cont .jwform-ul{box-sizing: border-box;height: 200px;overflow-y: auto;margin-top: 20px;padding:0 20px;}
#jwform .jwform-cont .jwform-ul li{line-height: 1.4;font-size: 16px;color: #333333;padding:5px 10px;text-align: justify;border: 1px solid #dadada;margin-bottom:20px;box-sizing: border-box;border-radius: 10px;user-select: none;cursor: pointer;transition: .3s;}
#jwform .jwform-cont .jwform-ul li.active{border-color: #e06666;}


#jwform .jwform-cont .jwform-bot{text-align: center;padding:20px 0;}
#jwform .jwform-cont .jwform-bot button{width:100px;line-height: 2;font-size: 16px;color: #fff;background: #ff3333;cursor: pointer;border: none;margin: 0 10px;border-radius: 5px;}
#jwform .jwform-cont .jwform-bot button:nth-child(2){background: #cccccc;color: #fff;}


/*祭文列表*/
#jiwen{position: absolute;left:50%;bottom:210px;width:1000px;overflow: hidden;margin-left: -500px;background: #ff3333;padding:10px 30px;border: 2px solid #ff9c79;border-radius: 30px;z-index: 11;display: none;}
#jiwen .jiweninfo{font-size: 16px;color: #fff;display: inline-block;}


/*祭品列表*/
#jipinlist{width: 780px;background: url("../images/jipinlist.png") no-repeat center;background-size: 100% 100%;height:120px;position: absolute;bottom:70px;left: 50%;margin-left: -600px}
#jipinlist .swi-pre{position: absolute;left: 25px;top:50%;margin-top: -12.5px;cursor: pointer;}
#jipinlist .swi-next{position: absolute;right:25px;top:50%;margin-top: -12.5px;cursor: pointer;}
#jipinlist .swi-jp{width: 620px;margin: 0 auto;overflow: hidden;padding:15px 0;box-sizing: border-box;height: 120px;}
#jipinlist .swi-jp .swiper-slide{text-align: center;line-height: 90px;}
#jipinlist .swi-jp .swiper-slide img{max-height: 90px;cursor: pointer;vertical-align: bottom}

/*按钮组*/
.menus{position: absolute;width: 1000px;left: 50%;bottom:90px;z-index: 6;margin-left: -500px;}
.menus ul{display: flex;justify-content: space-between;align-items: flex-end}
.menus ul li{cursor: pointer;}

#shiji{position: absolute;left:50%;top:50px;transform: translateX(-50%);cursor: pointer;}
#shijicont{position: absolute;top:0;left:0;width:100%;height: 100%;background: rgba(255,255,255,.9);z-index: 99;padding:10vh 20vw;box-sizing:border-box;display: none;}
#shijicont .shijicont-info{height: 100%;overflow-y:auto;font-size:20px;line-height: 35px;color: #333;}

#shijicont .shijicont-close{position: absolute;right:30px;top:30px;width:50px;height: 50px;border-radius: 50%;border: 2px solid #b6a881;cursor: pointer;;}
#shijicont .shijicont-close span{position: absolute;left:20%;top:50%;width: 60%;height: 2px;background: #f00;transform: rotate(45deg)}
#shijicont .shijicont-close span:nth-child(2){transform: rotate(-45deg);}