@charset "UTF-8";
/* CSS Document */
.tool_index_btn{position:fixed;display:block;left:50%;bottom:30px;width:60%;height:40px;margin-left:-30%;border:0.5px solid rgba(255,255,255,.4);border-radius:25px;font-size:16px;line-height:40px;color:rgba(255,255,255,.6);text-align:center}
.tool_index_btn:hover{background:#fff;color:#20213d;}

/* 单击左右开关切换 */
.chk_1,.chk_2,.chk_3,.chk_4 {display: none;}
.chk_3 + label {background-color: rgba(255,255,255,.2);padding: 5px;border-radius: 30px;display: inline-block;position: relative;margin-right: 10px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;width: 25px;height: 10px;border: none;}
.chk_3  + label:after {content: ' ';position: absolute;top: 0;-webkit-transition: box-shadow 0.1s ease-in;transition: box-shadow 0.1s ease-in;left: 0;width: 100%;height: 100%;border-radius: 30px;box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);}
.chk_3  + label:before {content: ' ';position: absolute;background: white;top: 1px;left: 1px;z-index: 999999;width: 18px;-webkit-transition: all 0.1s ease-in;transition: all 0.1s ease-in;height: 18px;border-radius: 30px;box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);}
.chk_3:active + label:after {box-shadow: inset 0 0 0 20px #eee, 0 0 1px #eee;}
.chk_3:active + label:before {width: 25px;}
.chk_3:checked:active + label:before {width: 25px;left: 18px;}
.chk_3  + label:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.chk_3:checked + label:before {content: ' ';position: absolute;left: 18px;border-radius: 30px;}
.chk_3:checked + label:after {content: ' ';font-size: 1.5em;position: absolute;background: #8285c7;}

/* 静心工具 - page1 */
.pt-perspective .index_warp{width:100%;height:100%;padding:0;background:rgba(10,10,40,1);margin:0;text-align:center}
.pt-perspective .index_warp .linebgimg{width:100%;height:100%;overflow:hidden;background-size:auto 100%;opacity:0.3;filter:Alpha(opacity=30);}
.pt-perspective .index_warp .swiper-container{width:100%;height:100%;background:rgba(10,10,40,1);z-index:2;}

.toptitl{position:fixed;top:0;left:0;display:block;width:100%;padding:0 3%;z-index:999;}
.toptitl .back_icon{position:absolute;left:3%;top:9px;width:24px;height:24px;background:url(img/icon_left.png) no-repeat left;background-size:24px auto;}
.toptitl .close_icon{position:absolute;right:3%;top:13px;width:16px;height:16px;background:url(img/close.png) no-repeat right;background-size:16px auto;}
.toptitl h4{font-size:16px;line-height:46px;text-align:center;color:#fff;}

.topbox{position:absolute;left:0;top:0;width:100%;height:100%;}
.topbox .toplogo{width:80px;height:130px;margin:75px auto 10px;font-size:22px;line-height:50px;font-weight:400;color:#fff;}
.topbox .toplogo img{border-radius:50%;
animation-name:'ripple';/*动画属性名，也就是keyframes定义的动画名*/
animation-duration: .6s;/*动画持续时间*/
animation-timing-function: ease; /*动画频率*/
animation-delay: 0s;/*动画延迟时间*/
animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
animation-direction: alternate;/*定义动画方式*/
	
-webkit-animation-name:'ripple';/*动画属性名，也就是我们前面keyframes定义的动画名*/
-webkit-animation-duration: .6s;/*动画持续时间*/
-webkit-animation-timing-function: ease; /*动画频率*/
-webkit-animation-delay: 0s;/*动画延迟时间*/
-webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
-webkit-animation-direction: alternate;/*定义动画方式*/
}
@keyframes ripple {
0% {
margin:-5px auto;
width:80px;
height:80px;
box-shadow:0 0 0px 7px rgba(255,255,255,.1);
}
100% {
margin:0 auto;
width:70px;
height:70px;
box-shadow:0 0 0px 1px rgba(255,255,255,.1);
}
}

.topbox .doctext{width:72%;margin:0 auto;}
.topbox .doctext p{font-size:14px;line-height:30px;color:#fff;margin-top:20px;}

.botm_btnbox{position:fixed;bottom:40px;left:0;width:100%;z-index:999}
.botm_btnbox .index_btn{display:block;width:70%;height:38px;margin:0 auto;font-size:16px;line-height:38px;font-weight:300;color:#20213d;border-radius:20px;background:rgba(255,255,255,1);}
.botm_btnbox .index_btn:hover{color:#fff;border-radius:20px;background:#00baf2;}
.botm_btnbox .zjdoc_p{width:100%;height:20px;font-size:14px;line-height:20px;color:#666;text-align:center;}
.botm_btnbox i{width:24px;height:24px;vertical-align:middle;margin-top:-4px;margin-right:4px;}

/* 静心工具 - page3 */
.endbox{position:absolute;width:100%;height:100%;left:0;top:0;text-align:center;}
.endbox h2{padding-top:90px;font-size:24px;line-height:32px;font-weight:200;color:#fff;}
.endbox img{width:120px;height:120px;margin:40px auto;padding:3px;background:rgba(20,20,60,.8);border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.15)}
.endbox p{font-size:14px;line-height:22px;color:#fff;}

/* 觉察工具 - page1 */
.index_warp2{width:100%;height:100%;padding:0;margin:0;background:url(img/user_box_bg.png) rgba(10,10,60,1);background-size:10px auto;text-align:center}
.index_warp2 .demobgimg{width:100%;height:100%;overflow:hidden;background-size:auto 100%;opacity:0.5;filter:Alpha(opacity=50);-webkit-filter:blur(5px);filter:blur(5px);}
.botm_btnbox .index_btn2{display:block;width:80%;height:38px;margin:0 auto;font-size:16px;line-height:36px;font-weight:300;color:#fff;border-radius:20px;border:0.5px solid rgba(255,255,255,.6);}
.botm_btnbox .index_btn2:hover{color:#20213d;border-radius:20px;background:rgba(255,255,255,.6);border:0.5px solid rgba(255,255,255,.6);}

/* 转念工具 - page1 */
.index_warp3{width:100%;height:100%;padding:0;margin:0;background:rgba(10,10,40,1);text-align:center}
.index_warp3 .linebgimg{width:100%;height:100%;overflow:hidden;background-size:auto 100%;opacity:0.4;filter:Alpha(opacity=40);-webkit-filter:blur(3px);filter:blur(3px);}
.index_warp3 .noicetxt{position:fixed;bottom:20%;left:15%;width:70%;font-size:14px;line-height:24px;color:rgba(255,255,255,.8)}

/* 关系页面入口 */ 
.pagebg{width:100%;height:auto;}