/* CSS Document */

/*index首页*/

.wp{ width:94%; margin:0 auto;}

.header{ height:56px;  position:relative; z-index:3; text-align:center;background:#99c750;border:0px solid #e6e6e6; border-width:0px 0 2px 0;}

.header .logo{ display:inline-block; color:#fff; font-size:20px; padding-top:11px;  float:left;left:10px; margin-left:10px;}

.header .logo img{ height:36px; width:auto;}

.lobtn{ float:right; text-align:center; margin-top:14px;}

.lobtn img{ display:block; width:26px; height:26px;}

.lobtn span{ font-size:14px; color:#555; line-height:1.2; display:block; text-align:center;}

.lobtn:active span{ color:#6cc;}

.backbtn{ background:url(../images/icon/return.png) center center no-repeat; background-size:26px 22px; left:8px !important; top:15px; width:40px; height:40px; position:absolute;}

/*.menu{ background:url(../images/icon/icon1.png) center center no-repeat; background-size:26px; right:8px !important; top:15px; width:34px; height:34px; position:absolute;}*/

.menu{ position:absolute; width:24px; height:24px; top:16px; right:10px; cursor:pointer;}

.menu i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s;}

.menu i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menu i:nth-child(2){ top:11px;}

.menu i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menu.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menu.on i:nth-child(2){ opacity:0;}

.menu.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}



/*小导航*/

.inav{ width:140px; background-color:#fff;  position:absolute; z-index:3; top:56px; right:3%; display:none; z-index:99;}

.inav::after,.inav::before{ content: ''; display: block; position: absolute;width: 0; height: 0;}

.inav::after{ border: 5px solid transparent; border-bottom-color: #fff;  top: -9px; right: 10px;}

.inav::before{ border: 7px solid transparent; border-bottom-color: #e0e0e0;  top: -13px; right: 8px;}

.inavul{border:1px solid #e0e0e0;}

.inavul li{opacity:0;}

.inav a{ display:block; text-align:center;  font-size:0.28rem; color:#1a1a1a; padding:0.4em 0;border-bottom:1px dashed #e0e0e0;}

.inavul li:last-child a{ border: none;}

.inav a:hover{background-color: #ff9b00; color:#fff;}

.inav li.on{ opacity:1;}



.banner{}

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:auto; display:block;}

.banner .swiper-pagination{ bottom:8px !important;}

.banner .swiper-pagination-bullet{width:8px;height:8px;padding: 0;background-color:#dbcfd1;  font-size: 0;line-height: 0;outline:none;cursor: pointer; border-radius:50%;filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 4px !important;}

.banner .swiper-pagination-bullet-active{background-color:#fff;}

/* .banner .swiper-button-prev{ background:url(../images/icon/prev2.png) center center no-repeat; left:2%;}

.banner .swiper-button-next{ background:url(../images/icon/next2.png) center center no-repeat; right:2%;}

.banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;width:33px;  height:60px; top:50%; margin-top:-30px; -webkit-background-size:80%; -moz-background-size:80%;-ms-background-size:80%; -o-background-size:80%; background-size:80%;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */



/*底部1*/

.footer{background:#f4f4f4; z-index:99; width:100%; position:fixed; left:0; bottom:0;}

.footerul{ padding:6px 0px;}

.footerul li{width:20%; float:left; text-align:center;}

.footerul li a{ display:block; font-size:13px; color:#555; line-height:1.3;}

.footerul li a .iconfont{ font-size:18px;}

.footerul li a:hover{ color:#00bda8;}

/*.footerul li img{ width:24px; height:auto}小图标是图片的话就这行*/

.footerheight{ height:52px;}

/*底部2*/

.footerheight{ height:1.04rem;}

.footer_wap{background:#f8f8f8; z-index:99; width:100%; position:fixed; left:0; bottom:0; }

.fwapul{ margin-bottom:0;}

.fwapul li{ width:25%; float:left; text-align:center; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; padding:0.1rem 0;}

.fwapul li a{ display: block;}

.fwapul li span.tparea{display:block; width:32%; margin:0 auto 0; font-size:0;}

.fwapul li span.tparea img{ width:0.48rem; height:auto}

.fwapul li span.tparea .img1{display: inline-block;}

.fwapul li span.tparea .img2{ display: none;}

.fwapul li p{ width:100%; text-align:center; font-size:0.22rem;}

.act_fwap span.tparea .img1{ display: none !important;}

.act_fwap span.tparea .img2{ display: inline-block !important;}



/*搜索*/

.seabtn{ display:inline-block; width:28px; height:30px; background:url(../images/icon/sear.png) center center no-repeat; -webkit-background-size:70%; -moz-background-size:70%; -ms-background-size:70%; -ms-background-size:70%; -o-background-size:70%; background-size:70%; position:absolute; right:50px; top:14px; cursor:pointer;}

.search{ width:100%; overflow:hidden; right:0; top:52px; position:absolute; display:none;}

.search table{ width:100%;}

.search table td{ padding:0;}

.searbox{ padding:6px; background:url(../images/icon/black6.png) repeat;}

.searbox .text{ width:100%; height:25px;padding-left:10px; line-height:25px;font-family:"宋体"; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; border:none;}

.searbox .tj{width:100%; height:24px; border:none; background-color:#0c5fa5;-webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0;}





/* 登录 */

.loginBg{ width: 100%;}

.logoarea{ text-align: center; margin-top: 0.4rem;}

.logoarea .tp{ height: 1.2rem;}



.loginForm{ width: 78%; margin: 0.4rem auto 0;}

.formItem{ border-bottom: 1px solid #CBCBCB; padding: 0.2rem 0; margin-bottom: 0.2rem; position: relative; }

.formItem .text{ display: block; width: 100%; color: #666; padding: 0.1rem 0.4rem 0.1rem 0.8rem; font-size: 0.32rem; }

.formItem .icon{ height: 0.32rem; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.formItem .emptyIcon{ height: 0.24rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.formConfirm .sbtn{ padding: 0.6em 0; font-size: 0.32rem;}



/* list */

.main{ min-height: 100vh;background: radial-gradient( 100% 70% at 100% 50%, rgba(255, 116, 109, .5) 0%, rgba(255,255,255,0) 100%);}

.main::before{ content: ""; display: block; width: 6rem ; height: 6rem; position: fixed; left: 0; top: 0; background: radial-gradient( 100% 70% at 0% 0%, rgba(255, 116, 109, .3) 0%, rgba(255,255,255,0) 100%);}

.chooseDate,.listViews{ position: relative; z-index: 2;}

.chooseDate{ display: flex; padding: 0.3rem 3%; justify-content: space-between; align-items: center; }

.chooseDate .day{ width: 0.8rem; margin-right: 0.16rem; padding: 0.1rem 0; border: 1px solid #C03E38; text-align: center; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; font-size: 0.24rem; color: #C03E38; line-height: 1.3;  }

.chooseDate .day .p1{ }

.chooseDate .day .p2{}

.chooseDate .weeks{ flex: 1; min-width: 0; display: flex; justify-content: space-between;}

.chooseDate .weeks .box{ margin: 0.2rem 0; border-radius: 0.04rem; padding: 0.06rem 0.06rem; text-align: center; -webkit-border-radius: 0.04rem; -moz-border-radius: 0.04rem; -ms-border-radius: 0.04rem; -o-border-radius: 0.04rem; line-height: 1.2; }

.chooseDate .weeks .box .p1{ font-size: 0.3rem;}

.chooseDate .weeks .box .p2{ font-size: 0.26rem;}
.actWeeks{ background-color: #C03E38;}
.actWeeks a{ color: #fff !important;}



.listViews{}

.sineItem{ margin-bottom: 0.3rem;}

.sineItem .status{ padding: 0.12rem 0.3rem 0.32rem; border-radius: 0.2rem 0.2rem 0  0; -webkit-border-radius: 0.2rem 0.2rem 0  0; -moz-border-radius: 0.2rem 0.2rem 0  0; -ms-border-radius: 0.2rem 0.2rem 0  0; -o-border-radius: 0.2rem 0.2rem 0  0; }

.sineItem .status1{ background-color: #D8D8D8;color: #999;}

.sineItem .status2{ background-color: #CAEED1;color: #28C445;}

.sineItem .status3{ background-color: #FAD3D1;color: #C03E38;}

.sineItem .wrap{ margin-top: -0.2rem; background-color: #fff; display: flex; border-radius: 0.2rem; padding: 0.3rem; -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; -ms-border-radius: 0.2rem; -o-border-radius: 0.2rem; }

.sineItem .tparea{ font-size: 0; width: 1.7rem; margin-right: 0.24rem; }

.sineItem .tparea .tp{ width: 100%; height: 1.7rem;}

.sineItem .des{ flex: 1; min-width: 0; display: flex; flex-direction: column;}

.sineItem .des .tit{ position: relative; padding-right: 0.5rem; font-size: 0.32rem; font-weight: bold; position: relative;}

.sineItem .des .tit .name{}

.sineItem .des .age{ margin-top: 0.08rem; font-size: 0.24rem; }

.sineItem .des .tit .icon{ position: absolute; right: 0rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); width: 0.32rem; }

.sineItem .des .timelong{ font-size: 0.28rem; margin-top: 0.05rem;}

.sineItem .des .mandiv{ margin-top: auto;}

.sineItem .des .mandiv .sbtn{ font-size: 0.28rem; padding: 0.3em 1.2em; position: relative;}

.sineItem .des .mandiv .sbtn .text{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}

.footerHeight{ height:1.5rem;}

.main .formConfirm{ padding: 0.3rem 0; position: fixed; z-index: 10; width: 100%; left: 0; bottom:0; background-color: #fff; box-shadow: -2px -2px 5px 0 #ddd; }

.main .formConfirm .sbtn{ font-size: 0.32rem;}  



/* creat-info */

.creatInfoForm{ padding: 0.6rem 0.3rem;}
.creatInfoForm .row{ display: flex; justify-content: space-between; }
.creatInfoForm .row .formItem2{ width: 48%;}
.formItem2{ margin-bottom: 0.3rem;}

.formItem2 .attrmc{ font-size: 0.36rem; font-weight: bold; padding: 0.1rem 0;}

.formItem2 .attrval{}

.formItem2 .attrval .text{ display: block; background-color: #F3F3F3; width: 100%; text-align: center;  height: 0.7rem; line-height: 0.7rem;  font-size: 0.28rem; color: #666; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; }

.sex{ display: flex; justify-content: space-between;}

.sex .list{ width: 48%; display: inline-flex; justify-content: center; align-items: center; font-size: 0.28rem; font-weight: bold; background-color: #F3F3F3; border-radius: 0.1rem; height: 0.7rem; line-height: 0.7rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem; }

.sex .list .icon{ margin-right: 0.1rem; height: 0.32rem;}

.actSex{ border: 1px solid #C03E38 !important;}

.birthday{ display: flex; justify-content: space-between; align-items: center;}

.birthday select{ width: 26%; display: block; background-color: #F3F3F3; text-align: center;  height: 0.7rem; line-height: 0.7rem;  font-size: 0.28rem; color: #666; border-radius: 0.1rem; -webkit-border-radius: 0.1rem; -moz-border-radius: 0.1rem; -ms-border-radius: 0.1rem; -o-border-radius: 0.1rem;}

.birthday .cutline{ width:0.36rem; display: block; height: 1px; background-color: #999;}



.uploadBtn{ position: relative; width: 1.6rem; height: 1.6rem; display:flex; align-items: center; justify-content: center; background-color: #F4F5F7; color:#999}

.uploadBtn .inner{ color: #666; text-align: center;}

.uploadBtn .inner .sysbol{ font-size: 0.6rem; line-height: 1.2;}

.uploadBtn .inner .name{ font-size: 0.24rem;}

.uploadBtn .text{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}



#previewImage{ width: 1.6rem; height: 1.6rem; object-fit: cover;}