@charset "utf-8";
html{ /*font-size:62.5%;*/}
body{ padding:0px; margin:0px auto; /*font-size:1.6em;*/ font-size:24px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; color:#333 !important; background-color:#f6f6f6; padding-bottom: 94px;
min-width:320px; 
max-width:720px;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); 

/*控制内容的可选择性*/
-webkit-user-select: none;  
-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased; 
}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
ul,li,form,dl,dt,dd, div,p,i,em{ font-style:normal; list-style:none; padding:0px; margin:0px;}
h1,h2,h3,h4,h5,h6,p{padding:0px; margin:0px;}
select,input,textarea{ font-size:1em; font-style:normal; color:#636363; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; border-radius:0; -webkit-border-radius:0; vertical-align:middle; outline:none;}
img,object{ border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
td img{border:none; max-width:100%; border:0; overflow:hidden; vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
input,button,textarea,select{
 -webkit-appearance: none;
 }
input[type="date"]:before{
    content: attr(placeholder);
    
}
/*清楚浮动*/
.fl{float:left;}
.fr{float:right;}
.clear,.clearfix{ clear:both; overflow:hidden; zoom:0;}

/*页面框架*/
.auto{padding:0px 20px;}
.relative{position: relative;}
input,textarea{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}



/*字体、图片单位可以直接使用px*/

/*公用样式*/
.btr{border-radius: 45px 45px 0 0; overflow: hidden;}
.br{border-radius: 20px;}
.br10{border-radius: 10px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.Ban{position:relative;}
.Ban img,.pic img{display: block; width: 100%;}
.Ban a.back{position:fixed;left:18px;top:15px;background:#2fcc9a;color:#fff;border-radius:30px;line-height:40px;padding:0 30px;z-index:10;font-size:24px;}
.whitebg{background-color: #fff;}
.f_green{color: #1bc48e;}

.imgbg{background-image: url(../images/boxbg2.png); background-repeat: no-repeat; background-position: center bottom;}
.Bottom{border-top: 1px solid #e9e9e9; background: #fff; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 9;} 
.Bottom ul{padding: 16px 36px}
.Bottom li{width: 33.333%; float: left; text-align: center; line-height: 66px; font-size: 26px;}
.Bottom li a{display: block; color: #333; border-radius: 40px;}
.Bottom li .icon{display: inline-block; vertical-align: middle; width: 40px; height: 40px; position: relative; margin-right: 10px;}
.Bottom li .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.Bottom li .icon .i1{transition: 400ms;}
.Bottom li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.Bottom li:hover .icon .i2,.Bottom li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.Bottom li:hover .icon .i1,.Bottom li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.Bottom li:hover a,.Bottom li.on a{color: #fff; background: #1bc48e;}

/*index*/
.Search{position: absolute; top: 33px; left: 20px; right: 20px; z-index: 3; padding-right: 65px;}
.Search form{padding-right: 112px; background: #fff; border-radius: 30px; overflow: hidden;}
.Search input{height: 65px;}
.Search .input{width: 100%; color: #333; border-radius: 25px; padding: 0 20px 0 168px;}
.Search .input::placeholder{color: #969696;}
.Search .btn{position: absolute; right: 0; top: 0; width: 103px; color: #fff; background: #2fcc9a; border-radius: 30px;}

.select_box {
	position:absolute;
	padding: 0;
	width: 150px;
	z-index: 500;
	height: 65px;
}
.select_box input {
	cursor: pointer;
	width: 100%;
	padding-right: 13px;
	height: 65px;
	line-height: 65px;
	overflow: hidden;
	border: 0px;
	color: #666;
	text-align: center;
	background: url(../images/selectarr.png) right 5px center no-repeat;
}
.select_box ul {
	width: 100%
	position: absolute;
	left: 0px;
	top: 65px;
	display: none;
	background: #fff;
	box-shadow:0 5px 10px rgba(0,0,0,0.4);
	z-index: 99999;
}
.select_box ul li {
	text-align: left;padding-left:10px;
	cursor: pointer;
	line-height: 45px;
}
.select_box .hover {
	color: #fff;
	background: #007750;
}

.vioce{position: absolute; width: 55px; height: 55px; right: 0; top: 0; border-radius: 50%; background-color: #f1c83a; background-image: url(../images/music.png); background-repeat: no-repeat; background-position: center center;}
.vioce.play{animation: rotate 3s linear infinite;}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.Banner li img{display: block; width: 100%;}
.Banner .owl-dots{position: absolute; bottom: 14px; height: 10px; width: 100%;left: 0;text-align: center;}
.Banner .owl-dot{width: 8px; height: 8px; margin: 0 3px; border: 1px solid #3bd0a0 !important; transition: 500ms; border-radius: 50%;}
.Banner .owl-dot.active{background: #3bd0a0; width: 28px; border-radius: 20px;}

.HomeTit{line-height: 40px; text-align: center; font-size: 32px; color: #333; font-weight: bold;}
.HomeTit img{display: inline-block; vertical-align: middle; margin: 0 20px;}
.HomeAbout{background: #fff url(../images/boxbg1.jpg) no-repeat center bottom; padding: 38px 30px 87px;}
.HomeAbout .con{margin-top: 15px; text-align: center;}
.HomeAbout .info{line-height: 38px; font-weight: lighter;/* color: #555;*/}
.HomeAbout .more{display: block; width: 170px; line-height: 45px; color: #fff; background: url(../images/more.png); margin: 27px auto 0;}

.HomeList{padding: 44px 0 49px;}
.HomeList ul{margin: 32px 0 0;}
.HomeList ul li{width: 220px; margin: 0 10px 10px 0; float: left; position: relative;}
.HomeList ul li:nth-child(3n){margin-right: 0;}
.HomeList ul li .name{position: absolute; top: 15px; left: 15px; padding: 0 15px; height: 180px; display: flex; align-items: center; width: 25px; text-align: center; line-height: 26px; color: #fff; background-image: url(../images/namebg.png); background-size: 100% 100%;}
.HomeList ul li.li7{ width:335px;}
.HomeList ul li.li8{ width:335px; margin-right:0;}
.HomeList ul li:hover .name{background-image: url(../images/nameon.png);}

/* 园区介绍 */
.ParkAbout{overflow: hidden; margin: -82px 20px 20px; padding: 49px 27px 77px; position: relative; z-index: 3;}
.ParkAbout .HomeTit{font-size: 34px;}
.ParkAbout .address{font-weight: lighter; line-height: 65px; color: #2f2f2f; background: #f5f5f5; text-align: center; border-radius: 50px; margin: 38px 0 32px;}
.ParkAbout .address i{padding: 0 25px;}
.ParkAbout .info{line-height: 40px; font-weight: lighter;}
.ParkAbout .address a{color: #2f2f2f !important;}

.ParkList{ margin-top:25px;padding: 52px 40px 65px;}
.ParkList li{width: 160px; margin: 0 60px 40px 0; float: left; border-radius: 50%; overflow: hidden; position: relative;}
.ParkList li:nth-child(3n){margin-right: 0;}
.ParkList li .name{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; font-size: 26px; color: #2f2f2f; font-weight: bold;}

.LoadMore{display: block; width: 360px; line-height: 65px; background: #f4f4f4; border-radius: 30px; color: #878787; text-align: center; margin: 23px auto 0;}
.LoadMore img{display: inline-block; vertical-align: middle; margin-left: 18px;}


/*首页弹窗*/
.HomePop{ position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);display: none;align-items: center;justify-content: center;}
.HomePop a.close{ cursor:pointer; position:absolute; width:54px; height:54px; z-index:2; right:0; top:0; background:url(../images/close2.png) center center no-repeat;}
.HomePop .content{ position:relative; height:90%; background:#fbf9f2 url(../images/cysbg.jpg) center top no-repeat; width:680px; margin:10px auto; padding-bottom:38px; border-radius:25px;}
.HomePop .head{ text-align:center; padding-top:33px; font-size:26px; color:#333333; font-weight:bold; height:93px; line-height:38px;}
.HomePop .info{ margin:0 20px; height:88%; color:#666666; border:2px solid #2fcc9a; background: #fff url(../images/cysbg2.jpg) bottom no-repeat; position:relative; padding:28px 32px 0;}
.HomePop .info p{ margin-bottom:15px; text-indent:2em;}
.HomePop .info .xuan{ text-align:right; color:#666666; margin-top:-10px; padding-bottom:48px;}
.HomePop .scroll{ position:absolute; width:90%; height:90%; overflow-x:hidden; overflow-y:auto; }
.HomePop .blank{ background:url(../images/bland.gif); width:62px; height:62px; position:absolute; right:-3px; bottom:-3px;}
#btnLogin{  height:72px !important; width:100%;}

/* 逝者信息 */
.Container{margin-bottom: 76px;}
.DeceasedBox{margin: -90px 20px 15px; position: relative; z-index: 3; padding: 53px 29px 33px 42px;}
.DeceasedBox .pic{width: 240px; text-align:center; margin:0px auto;}
.DeceasedBox .pic img{width: 240px;}
.DeceasedBox .con { margin:20px 0; line-height:40px;}
.DeceasedBox .con .title{ font-size:28px;}
.DeceasedBox .con .item{ background:#f7f7f7; padding:25px 0 25px 25px; margin-bottom:20px; color:#666; font-size:20px;}
.DeceasedBox .con .item .name{ margin-bottom:10px; font-size:24px; color:#2f2f2f; font-weight:bold;}
.DeceasedBox .con .item .name img{ display:inline-block; vertical-align:middle; margin-left:5px;}
.DeceasedBox .con .item span{ display:inline-block; margin-right:25px;}
.DeceasedBox .con .item img{ display:inline-block; vertical-align:middle; margin-right:4px;}

.DeceasedBox ul{margin-top: 10px;text-align: center}
.DeceasedBox ul li{width: 298px;float: none;border: 1px solid #ececec;border-radius: 10px;background: url(../images/bg.png) no-repeat center bottom;position: relative;display: inline-block;text-align: left;}
.DeceasedBox ul li:nth-child(2n){float: right;}
.DeceasedBox ul li img{position: absolute; right: 0; bottom: 0; width: 114px; z-index: 1;}
.DeceasedBox ul li a{display: block; line-height: 128px; padding: 0 38px; font-size: 24px; color: #333; font-weight: bold;}

.DeceasedBox .list{}
.DeceasedBox .list .img{ text-align:center;}
.Title01{height: 66px; border-bottom: 2px solid #ddd; margin-bottom: 25px;}
.Title01 span{display: inline-block; line-height: 66px; border-bottom: 2px solid #3bd0a0; font-size: 30px; color: #2b2b2b; font-weight: bold;}
.CameBox{padding: 10px 30px 48px;}
.CameBox .list{padding-bottom: 20px; border-bottom: 1px dashed #ccc;}
.CameBox .list li{width: 81px; float: left; text-align: center; position: relative; margin: 0 52px 10px 0;}
.CameBox .list li i{position: absolute; width: 14px; height: 14px; border-radius: 50%; top: 4px; right: 4px; background: #3bd0a0;}
.CameBox .list li:nth-child(5n){margin-right: 0;}
.CameBox .list li .img{display: block; width: 100%; border-radius: 50%;}
.CameBox .list li .name{display: block; font-size: 20px; color: #2b2b2b; line-height: 47px; font-weight: bold;}
.CameBox dl dd{padding: 20px 0; border-bottom: 1px dashed #ccc;}
.CameBox dl dd .topimg{width: 100px; border-radius: 50%; float: left;}
.CameBox dl dd .con{width: 470px; float: right; padding-top: 10px;}
.CameBox dl dd .con .title{line-height: 30px; margin-bottom: 13px;}
.CameBox dl dd .con .title .date{float: right; font-size: 18px; color: #666666; padding-left: 35px; background: url(../images/time.png) no-repeat left center;}
.CameBox dl dd .con .title .name{font-size: 24px; color: #2b2b2b; font-weight: bold;}
.CameBox dl dd .con .info{margin-bottom: 15px; color: #666; line-height: 38px;}
.CameBox dl dd li{width: 60px; float: left; margin: 10px 22px 0 0;}
.CameBox dl dd li img{display: block; width: 100%; border-radius: 6px;}

.FixBox{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;display: none;align-items: center;justify-content: center;}
.FixBox .close{width: 22px; position: absolute; top: 18px; right: 15px;}

.WashBox{ position:relative; padding: 46px 40px 53px 39px; width:581px; margin:30px auto 0; overflow: auto;} 
.WashBox .box{height: 100%; overflow: auto;}
.WashBox .box dl{margin-bottom: 37px;}
.WashBox .box dl dt{font-size: 26px; line-height: 30px; color: #333; font-weight: bold; margin-bottom: 13px;}
.WashBox .box dl dd select,.WashBox .box dl dd .input{width: 100%; padding: 0 14px; height: 58px; border: 1px solid #444444; border-radius: 5px; margin-bottom: 10px; font-size: 20px; color: #666; font-weight: lighter;}
.WashBox .box dl dd select:last-child{margin-bottom: 0;}
.WashBox .box dl dd ul li{position: relative; padding-left: 30px; width: 123px; height:110px; float: left;}
.WashBox .box dl dd ul li .num{position: absolute; left: 0; height: 20px; top: 50%; margin-top: -23px; width: 20px; background-image: url(../images/radio3.png);}
.WashBox .box dl dd ul li .pic img{ width:78px; height:78px;}
.WashBox .box dl dd ul li.on .num{background-image: url(../images/radio4.png);}
.WashBox .box dl dd ul li:nth-child(4n+4){ width:80px;}
.WashBox .box .sure{width: 200px; height: 60px; background: #1bc48e; font-size: 24px; color: #fff; border-radius: 10px; text-align: center; display: block; margin: 0 auto;}

.OverBox{width: 560px; background:#e1f8fb url(../images/success1.jpg) center bottom no-repeat; padding:60px 40px 35px; height:81%; margin:55px auto 0; position:relative;}
.OverBox .cgico{ position:absolute; left:50%; top:-35px; margin-left:-137px;}
.OverBox .mbbox{ width:560px; margin:0px auto; position:relative;}
.OverBox .mbbox .txt{ position:absolute; text-align:center; width:115px; left:219px; font-size:0; top:178px;}
.OverBox .mbbox .txt li{ font-size:18px; line-height:20px; color:#fff; display:inline-block;*display:inline;zoom:1; width:24px;}
.OverBox .mbbox .txt li span{display: flex;align-items: center;justify-content: center; height:103px;}
.OverBox .info{ text-indent:2em; border:1px solid #d5d5d5; padding:15px; margin-top:10px;}
.OverBox .gift{ margin:22px 0 0 -2%;}
.OverBox .gift li{ width:23%; float:left; background:#fff; margin:0 0 2% 2%; text-align:center;}
.OverBox .gift li img{ width:100%;}
.FixBox2{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 99; display: none;display: none;align-items: center;justify-content: center;}
.FixBox2 .close{width: 22px; position: absolute; top: 12px; right: 15px;}
.OverBox2{width: 660px; height: 460px; background:url(../images/success2.jpg); border-radius: 20px; position: absolute; left: 50%; top: 50%; margin: -230px 0 0 -330px;}
.OverBox2 .con{padding: 139px 57px 0; height:321px;}
.OverBox2 .con .img{ width:246px; float:left;}
.OverBox2 .con .img img{ width:246px; height:246px;}
.OverBox2 .con .info{ width:260px; float:right; color:#666666; font-size:20px; line-height:34px;}
.OverBox2 .con .info .name{ line-height:55px; padding-top:4px; color:#2e2e2e; font-size:28px;}
.OverBox2 .con .info .name img{ display:inline-block; vertical-align:middle; margin-left:13px;}
/* 代客祭扫 */
.Title02{font-size: 30px; line-height: 36px; color: #252525; margin-bottom: 16px;}
.Title02 span.on a{color:#3bd0a0;}
.GuestBox{padding: 20px 20px 44px;}
.GuestBox .box{padding: 40px 40px 44px;}

.SelectBox .con{border: 1px solid #333333; line-height: 68px; position: relative; padding: 0 10px 0 150px; font-weight: lighter; border-radius: 10px;}
.SelectBox .con .name{position: absolute; left: 0; width: 160px; color: #858585;}
.SelectBox .con .name img{display: inline-block; vertical-align: middle; margin: 0 10px 0 14px;}
.SelectBox .con .txt{text-align: right; font-size: 24px; color: #535353;}
.SelectBox .con .input{width: 100%; height: 68px; text-align: right; font-size: 24px; color: #535353; font-weight: lighter;}
.SelectBox .con input[type=file]{font-size:24px;}
.SelectBox .tip{ color:#666; line-height:34px; padding-top:10px; font-size:22px;}
.SelectBox .con .input2{width: 100%; height: 68px; text-align: left; font-size: 24px;color: #252525 !important;  }
.ProjectBox li{position: relative; border: 1px solid #f0f0f0; padding: 15px 140px 15px 68px; margin-bottom: 20px; border-radius: 5px; overflow: hidden;}
.ProjectBox li:last-child{margin-bottom: 0;}
.ProjectBox li .radio{position: absolute; width: 24px; height: 24px; left: 20px; top: 50%; margin-top: -12px; background: url(../images/radio1.png);}
.ProjectBox li .pic{width: 160px; float: left; border-radius: 5px; overflow: hidden;}
.ProjectBox li .con{width: 200px; float: right; padding-top: 34px;}
.ProjectBox li .con .name{font-size: 28px; line-height: 30px; color: #252525; margin-bottom: 17px;}
.ProjectBox li .con .price{display: block; line-height: 30px; font-size: 28px; color: #3bd0a0; font-weight: bold;}
.ProjectBox li .cheack{position: absolute; top: 0; right: 0; width: 128px; height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #3bd0a0; line-height: 30px; color: #fff;}
.ProjectBox li.on .radio{background: url(../images/radio2.png);}

.Remarks textarea{width: 100%; height: 198px; border: 1px solid #333; border-radius: 10px; font-size: 18px; color: #252525; padding: 10px;}

.FormBtn ul{padding: 16px 50px;}
.FormBtn li{color: #666666; width: auto;}
.FormBtn li.f2{float: right;}
.FormBtn li b{font-size: 30px;}
.FormBtn li a{display: inline-block; width: 250px; background: #1bc48e; color: #fff; font-weight: bold; border-radius: 35px;}

.OrderAbout{position: absolute; top: 15%; bottom: 15%; left: 40px; right: 40px; padding: 34px 30px;} 
.OrderAbout .box{height: 100%; overflow: auto;}
.OrderAbout.bg{ background:url(../images/dkjsbg.jpg) center bottom no-repeat; background-size:cover; border-radius:10px;}
.order{padding-bottom: 28px; border-bottom: 1px solid #dedede;}
.order .pic{width: 160px; float: left; border-radius: 10px;}
.order .con{width: 384px; float: right; padding-top: 34px;}
.order .con .name{font-size: 28px; line-height: 30px; color: #252525; margin-bottom: 17px;}
.order .con .price{display: block; line-height: 26px; font-size: 28px; color: #3bd0a0; font-weight: bold;}
.OrderAbout .title{width: 146px; line-height: 50px; background: #1bc48e; font-size: 24px; color: #fff; text-align: center; margin-bottom: 25px;}
.OrderAbout .info b{ color:#1bc48e;}

.imgList{margin-top: 38px;}
.imgList li{/*width: 95px;*/ float: left; margin: 0 16px 16px 0;}
.imgList li:nth-child(5n){margin-right: 0;}
.imgList li img{display: block; width: 100%; border-radius: 5px;}
.Txtcon{margin-top: 52px; font-size: 20px; line-height: 36px; color: #707070; font-weight: lighter;}
.Txtcon h3{font-size: 22px; line-height: 30px; color: #363636; margin-bottom: 15px; font-weight: bold;}

/* 个人中心 */
.Personal{position: absolute; background: rgba(0,0,0,0.7); left: 0; top: 0; right: 0; bottom: 0; padding: 90px 30px 67px; text-align: center; color: #fff;}
.Personal img{display: block; width: 120px; border-radius: 50%; margin: 0 auto;}
.Personal .name{display: block; margin: 18px 0 16px; font-size: 30px; line-height: 36px;}
.Personal .other{ line-height: 43px;margin-top:10px;}
.Personal .other i{padding: 0 22px;}
.Personal .other a{display: inline-block; width: 135px; border: 1px solid #fff; border-radius: 10px; color: #fff;}
.MyOrder{padding: 38px 20px;}
.MyOrder li{margin-top: 30px; background: #fff; border-radius: 10px; padding: 10px 28px 36px;}
.MyOrder li .date{line-height: 50px; border-bottom: 1px solid #ebebeb; color: #666; font-weight: lighter; padding-left: 35px; background: url(../images/time.png) no-repeat left center; margin-bottom: 20px;}
.MyOrder li .order{padding: 0 12px; border-bottom: none;}
.MyOrder li .order .con{padding: 15px 20px 0 0;}
.MyOrder li .order .statu{margin-top:10px;font-size:24px;display:block;}
.MyOrder li .check{display: block; border: 1px solid #ababab; border-radius: 5px; width: 140px; line-height: 48px; text-align: center; font-size: 22px; margin-top: 10px; color: #3e3e3e;}
.MyOrder .Title02 .check{display: block; border: 1px solid #ababab; border-radius: 5px; width: 180px; line-height: 48px; text-align: center; font-size: 26px; margin-left: 25px; color: #3e3e3e;float:left;}
.MyOrder .Title02 .check.on{background-color:#3bd0a0;}
.MyOrder .Title02 .check.on a{color:white;}
.MyOrder .Title02 .check2{width:90%;}
.MyOrder .noorder{text-align:center;font-size:26px;padding-top:100px;}
/* 查看反馈 */
.CheackBox{padding: 36px 20px;}
.CheackBox .order{padding: 32px 30px; border-bottom: none;}
.CheackBox .order .con{width: 400px;}
.CheackBox .imgList{padding: 25px 30px 30px;}
.CheackBox .imgList li{/*width: 109px;*/}
.Evaluate textarea{width: 100%; height: 240px; border: 1px solid #dedede; background: #fff; border-radius: 10px; color: #252525; padding: 20px 30px; margin-bottom: 20px;}
.Evaluate textarea::placeholder{color: #666666;}
.Evaluate .pj{line-height: 68px; padding: 0 30px;  color: #333;}
.Evaluate .pj .name{display: inline-block; margin-right: 10px;}
.Evaluate .btn{height: 58px; background: #3bd0a0; font-size: 24px; color: #fff; width: 100%; border-radius: 10px; font-weight: bold;}
.Progess{display: inline-block; vertical-align: middle; width: 149px; height: 22px; background: url(../images/star.png); position: relative;}
.Progess span{ height: 100%; width:20%;display:block;float:left;}
.Progess span.on{ background: url(../images/staron.png);}

/* 个人纪念堂 */
.RemberBox{padding: 16px 20px 80px;}
.RemberBox .box{padding: 30px 30px 40px;}
.RemberBox form input{width: 100%; height: 68px; border-radius: 5px; margin-bottom: 20px;}
.RemberBox form input:last-child{margin-bottom: 0;}
.RemberBox form .input{border: 1px solid #444; padding: 0 10px; font-weight: lighter; color: #333;}
.RemberBox form .input::placeholder{color: #666666;}
.RemberBox form .btn{font-size: 26px; background: #3bd0ce; color: #fff;}
.RemberBox form .sbg{background: #3bd0a0;}
.searchbox{position:relative;}
.RemberBox .input2{width: 100%;padding: 0 20px 0 168px;color: #333;border: 1px solid #444;font-weight: lighter;}
.RemberBox .box .li{position: relative; margin: 10px 0; padding: 20px 0 14px; text-align: center; width: 298px; float: left; border: 1px solid #e9e9e9; border-radius: 10px; background: #fafafa;}
.RemberBox .box .li:nth-child(2n){float: right;}
.RemberBox .box .li h3{font-size: 26px; line-height: 55px; color: #252525;}
.RemberBox .box .li p{font-size: 22px; line-height: 35px;  font-weight: lighter;}
.RemberBox .box .li i{position: absolute; width: 21px; height: 21px; background: url(../images/xs.png); top: 7px; right: 7px;}

/* 创建 */
.CreatBox{margin: 26px 20px 80px; padding: 30px 40px 48px;}
.CreatBox li{border: 1px solid #333; border-radius: 8px; margin-bottom: 20px; position: relative; padding: 0 14px;}
.CreatBox li .input,.CreatBox li textarea,.CreatBox li select{height: 72px; width: 100%; color: #333;}
.CreatBox li select{color: #666666;}
.CreatBox li .input::placeholder,.CreatBox li textarea::placeholder{color: #666666;}
.CreatBox li .upload{display: block; color: #666666; background: url(../images/upload.png) no-repeat right center; line-height: 68px;}
.CreatBox li .file{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; opacity: 0;}
.CreatBox li textarea{height: 198px; line-height: 72px;}
.CreatBox .btn{height: 72px; background: #3bd0a0; font-size: 24px; color: #fff; width: 100%; border-radius: 10px; margin-top: 27px;}
.CreatBox .agreen{line-height: 36px; margin-top: 40px; padding-left: 30px; color: #333; background: url(../images/radio5.png) no-repeat left center;}
.CreatBox .agreen.on{background: url(../images/radio6.png) no-repeat left center;}
.commonbtn{height: 58px; margin-top: 18px; background: #3bd0a0; font-size: 24px; color: #fff; width: 100%; border-radius: 10px; font-weight: bold;}


/*20250314*/
.Form{ padding-bottom:5%;margin-top: 30px;}
.Form form{margin-top: 35px;}
.Form dl{ width:48%; float:left; padding-left:170px; min-height:64px; position:relative; margin-bottom:20px; }
.Form dl.odd{ margin-left:4%;}
.Form dt{ color:#5b5b5b; font-size:30px; position:absolute; left:0; width:160px; text-align:right; line-height:64px;}
.Form .text{ border:none; border-radius:5px; width:100%; padding:0 10px; line-height:64px;height:64px; color:#848484;background-color: #f8f8fc;font-size: 24px;}
.Form dl.dl{ width:100%; float:none; max-width:none;}
.Form textarea{border:none; border-radius:5px;overflow:hidden; resize:none; width:calc(100% - 110px); height:120px; padding:10px; color:#848484;background-color: #f8f8fc;font-size: 24px;}
.Form select { border:none; border-radius:5px; width:100%; padding:0 10px; line-height:64px;height:64px; color:#848484;background-color: #f8f8fc;font-size: 24px;background: #f8f8fc url(../images/xiala.png) no-repeat 95% center;}
.Form .btn{ display:inline-block; line-height:64px; min-width:240px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:24px; border:none; border-radius:64px; cursor:pointer;}
.Form .submitbtn{ color:#fff; background-color:#8785ca;} 
.Form dd{position: relative;}
.Form dd .imgcode{position: absolute;right: 0;top: 0;height:64px;}
@media(max-width:768px){
.Form dl{ float:none; width:calc(100% - 110px); margin-left:0 !important;}	
.Form textarea{ height:120px;}
.Form{margin-top: 20px;}
}
@media(max-width:480px){
.Form .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;}	
}

.list_form dl{margin-top:20px; border-bottom:1px dashed #E6E6E6; font-size:28px;}
.list_form dt,
.list_form dd{ position:relative; padding-left:92px; margin-bottom:15px;}
.list_form dl span.icon{ position:absolute; left:0; width:80px; height:50px; line-height:50px; text-align:center; font-size:24px; font-family:Arial; border-radius:3px;}
.list_form dt span.icon{ background-color:#ddd; color:#424242;}
.list_form dd span.icon{ background-color:#2FCC9A; color:#fff;}
.list_form dt p,
.list_form dd p{ line-height:40px; padding:20px; background-color:#F2F2F2;display: inline-block;margin-bottom: 20px;}
.list_form p time{float: right;color: #999}
.list_form dt p{ margin:0;}
.list_form dd i{ position:absolute; left:92px; top:-8px; border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #F2F2F2;}

button.btn{display: block;padding:0 20px;min-width: 260px;height: 60px;line-height: 60px;text-align: center;background: url(../images/bg1.png) no-repeat center/100%;color: #fff;border: none;margin: 0 auto 50px;/* border-radius: 60px; */font-size: 30px;}