@charset "utf-8";
/* CSS Document */
body .layui-state,body .layui-confirm{ border-radius: 5px; }
#confirm-layer .layer-cont{ padding: 60px;  display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;}
#confirm-layer .layer-cont .cont{ position: relative; min-height: 100px; padding-left: 110px; padding-top: 5px; font-size: 18px; color: #333; line-height: 40px; text-align: left;}
#confirm-layer .layer-cont .cont img{ position: absolute; left: 0; top: 0; width: 100px;}
#confirm-layer .layer-cont .agree-btn{ display: block; margin-top: 30px; width: 240px; height: 50px; font-size: 18px; color: #fff; background-color: #5ba9f2; line-height: 50px; text-align: center; border-radius: 5px; }
.state-bottom .wd1{ width: 100%; border: none; font-size: 16px;}
.warn{ margin-top: 10px; display: block; font-size: 12px; float: left; width: 100%; color: #FF0033;} 

img{max-width: 100%;}
.cpts-list{	padding: 20px 30px 50px; background: #7abd59;}
.cpts-item{	position: relative;	margin-top: 70px; padding-top: 90px; padding-bottom: 30px; background: #fff; text-align: center;	border-radius: 20px; box-shadow: 0 10px 20px rgba(159,189,89,0.53),inset 0 0 0.16rem rgba(159,189,89,0.5); }
.cpts-item .title{ position: absolute;	left: 50%;	top: -34px;	width: 606px; height: 93px; text-align: center; transform: translateX(-50%); background: url(../images/titlebg.png) no-repeat center; background-size: 606px 93px;}
.cpts-item .title h2{font-size: 40px;color: #fff;font-weight: bold;	line-height: 90px; text-shadow: 4px 4px 10px #ff943d;}
.cpts-md1 .title h2{font-size: 28px;}
.cpts-md1 img{ width: 620px;}
.cpts-md2 img{max-width: 440px;}
.md2-ul{margin-top: 30px; margin-left: 50px; overflow: hidden;}
.md2-ul li{ float: left; width: 40%; text-align: left; font-size: 28px; color: #333; line-height: 40px; text-indent: 35px; background: url(../images/icon_dui.png) no-repeat left top 7px; background-size: 27px; }
.md2-ul li:first-child{ width: 55%;}

.red{ color: #f9531c !important;}
.md3-ul{ overflow: hidden; margin: 30px;}
.md3-ul li{ float: left; width: 50%; }
.md3-ul li img{ width: 186px; margin-bottom: 20px;}
.md3-ul li p{ font-size:24px; color: #333; line-height: 36px;}

.cpts-md4 .title h2{ line-height: 45px; font-size: 34px;}
.md4-ul{ overflow: hidden; margin-bottom: 30px;}
.md4-ul li{ float: left; width: 28%; font-size: 26px; color: #333; line-height: 36px;}
.md4-ul li:nth-child(2){ width: 44%;}
.md4-ul li img{ width: 150px; margin-bottom: 15px;}
.anchor-btn{ display: block; font-size: 30px; color: #fff; line-height: 64px; text-align: center; width: 400px; background: linear-gradient(#fe712a,#fd4b01); border-radius: 32px; margin: 20px auto; }
.cpts-md4 .explain{ font-size:24px; color: #555; line-height: 40px; }
