/**** Reset ****/
html{background-color:#ffffff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote {padding: 0;margin: 0;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
body{font-size:14px;padding:0px;font-family:"微软雅黑",Arial, "宋体", Helvetica, sans-serif, Verdana;line-height:24px;min-width:320px;color:#333333;margin:auto !important;max-width:768px;height: 100%;}
a{text-decoration:none;color:#333333;font-family:"微软雅黑",Arial, "宋体", Helvetica, sans-serif, Verdana;background:none;}
a:hover{color:#422C29;}
.clear{clear:both;font-size:0px;line-height:0px;height:0px;width:100%;}
hr{background-color:#EDEDED;height:1px;border:0px;}
.clear{clear:both;font-size:0px;line-height:0px;height:0px;width:100%;float:none;padding:0px;margin:0px;position:inherit;}
.clear15{clear:both;font-size:0px;line-height:0px;height:15px;width:100%;float:none;padding:0px;margin:0px;position:inherit;}
.main_cle{clear:both;font-size:0px;line-height:0px;height:30px;}
.main_con_cle{clear:both;font-size:0px;line-height:0px;height:30px;width:100%;}
.bottom_ccc{padding:15px 0px;line-height:30px;font-size:14px;border-top:1px solid White;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.max_width{padding-left:12px;padding-right: 12px;width:100%;box-sizing: border-box;}

.user_head{width:100%;padding-top: 46%;position: relative;overflow: hidden;}
.user_head .ban_img{width:100%;height: 100%;position: absolute;left:0;top:0;z-index: 0;}
.user_head .user_avatar{position: absolute;left:9%;top:28%;}
.user_head .user_avatar .avatar{width:81px;height: 81px;border:3px solid #ffffff;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: middle;}
.user_head .user_avatar .avatar img{width:100%;}
.user_head .user_avatar .user_name{font-size: 18px;color:#ffffff;display: inline-block;vertical-align: top;line-height: 40px;}
.user_head .user_avatar .user_login{font-size: 18px;color:#ffffff;display: inline-block;vertical-align: middle;}
.user_head .user_set{width:24px;height: 24px;display: block;position: absolute;top:31%;right:10%;}
.user_head .user_set img{width:100%;}
.user_head .verson{position: absolute;top:10%;right:10%;color:#ffffff;display: block;font-size: 16px;font-weight: bold;}


.user_con{width:100%;border-top-left-radius:20px; border-top-right-radius:20px;padding:1px 15px 10px 15px;box-sizing: border-box;margin:-20px auto auto auto;position: relative;background-color: #ffffff;display:none;}
.user_con .title_con{font-size: 20px;font-weight: bold;margin-top: 20px}
.user_con .title_con .all_course{display: block;float:right;margin-top: -3px}
.user_con .title_con .all_course img{width:30px;}
.user_con .course_order{padding-bottom: 25px;margin-top: 30px;border-bottom: 1px solid #E6E6E6;}
.user_con .course_order li{width:25%;float:left;text-align: center;}
.user_con .course_order li .li_icon{height: 38px;margin-bottom: 10px}
.user_con .course_order li .li_icon img{max-height: 38px;display: block;margin:auto;}
.user_con .course_order li .li_title{text-align: center;font-size: 16px;line-height: 20px;}
.user_con .other_menue{padding-bottom: 25px;margin-top: 20px;border-bottom: 1px solid #E6E6E6;}
.user_con .other_menue li{width:32%;padding:3vh 0px 2vh 0px;text-align: center;float:left;margin-bottom: 10px;margin-right: 2%}
.user_con .other_menue li .li_icon{height: 34px;display: inline-block;overflow: hidden;vertical-align: middle;width:100%;}
.user_con .other_menue li .li_icon img{max-height: 34px;display: block;margin:auto;}
.user_con .other_menue li .li_title{display: inline-block;font-size: 16px;vertical-align: middle;width:100%;height: 42px;text-align:center;margin-top: 10px}
.user_con .other_menue li:nth-child(1){background-color: #F1FFF8}
.user_con .other_menue li:nth-child(1) .li_title{color: #02CB6A;}
.user_con .other_menue li:nth-child(2){background-color: #FFF1F1}
.user_con .other_menue li:nth-child(2) .li_title{color: #E40E0E;}
.user_con .other_menue li:nth-child(3){background-color: #FCF1FF;margin-right: auto;}
.user_con .other_menue li:nth-child(3) .li_title{color: #B10EDD;}
.user_con .other_menue li:nth-child(4){background-color: #F8FFF1}
.user_con .other_menue li:nth-child(4) .li_title{color: #5DAD0E;}
.user_con .other_menue li:nth-child(5){background-color: #FFFBF1}
.user_con .other_menue li:nth-child(5) .li_title{color: #ECAB07;}


.user_edit{width:100%;height: 100vh;background-color: #f5f5f5}
.user_head_title{width:100%;height:15vh;background: linear-gradient(to bottom, rgba(2,203,106,1), rgba(45,225,138,1));}
.user_head_title .title{font-size:25px;color:#ffffff;text-align:center;line-height:90px;}
.user_head_title .black{display:block;float:left;margin:-65px auto auto 6%}
.user_head_title .black i{font-size:30px;color:#ffffff;font-weight:600;}
.user_head_title .black .arrow{width:36px;}
.user_head_title.fixed{position: fixed;top:0;left:0;z-index: 88}


.user_edit .con{margin:auto;}
.user_edit .con .list{width:100%;height: 18vh;border-bottom: 1px solid #e6e6e6;}
.user_edit .con .list .li_title{font-size: 18px;float:left;line-height: 18vh;}
.user_edit .con .list .li_con{float:right;display: block;line-height: 100%;margin-top: 2.5vh}
.user_edit .con .list .li_con .avatar{width:80px;height: 80px;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: middle;}
.user_edit .con .list .li_con .avatar img{width:100%;}
.user_edit .con .list .li_con .arrow{width:36px;display: inline-block;vertical-align: middle;}
.user_edit .con .list .input{width:150px;font-size: 18px;margin-top:7.5vh;color:#666666;float:right;background-color: #F5F5F5;border:0px;display: inline-block;text-align: right}
.user_edit .con .btn{width:80%;height: 50px;line-height: 50px;background-color:#3DBB46;border-radius: 30px;color:#ffffff;text-align: center;font-size: 20px;margin:30vh auto auto auto;display: block;}

.student{padding-top: 15px;padding-bottom:10px;background: #f5f5f5;}
.student .list{padding:15px 15px;background-color: #ffffff;border-top-left-radius: 25px;border-bottom-right-radius: 25px;position:relative;margin-bottom:15px;}
.student .list .avatar{width:80px;height:80px;position: absolute;right:20px;top:15px;z-index: 0;border-radius: 50%;overflow: hidden;}
.student .list .avatar img{width:100%;min-height:100%}
.student .list .li_data{width:100%;font-size:16px;margin-bottom:10px;}
.student .list .li_data .li_item{width:105px;color:#666666;text-align: right;display: inline-block;vertical-align: top;}
.student .list .li_data .li_con{width:calc(100% - 110px);display: inline-block;vertical-align: top;}
.student .list .li_edit{display:block;float:right;margin-top:10px;}
.student .list .li_edit img{width:24px;}

.add_student{width:100%;margin:auto;min-height: 100vh;}
.add_student .con{margin:auto}
.add_student .con .stu_form{display: none}
.add_student .con .form_con{margin:25px auto auto auto}
.add_student .con .form_con .title{font-size:21px;margin-bottom:10px;margin-top: 10px;}
.add_student .con .form_con .list{padding:2vh 0px;border-bottom: 1px solid #e6e6e6}
.add_student .con .form_con .list.first{padding:4vh 0px;}
.add_student .con .form_con .list .li_title{font-size:18px;float:left;display: block;height:50px;line-height:50px;}
.add_student .con .form_con .list .li_title span{color:#F13F2C;font-size:12px;}
.add_student .con .form_con .list .li_item{float:right;margin-top:7px;}
.add_student .con .form_con .list .li_item .li_avatar{width:50px;height:50px;overflow: hidden;border-radius: 50%;display: inline-block;vertical-align: middle}
.add_student .con .form_con .list .li_item .li_avatar img{width:100%;min-height:100%}
.add_student .con .form_con .list .li_item .li_arrow{width:22px;display: inline-block;vertical-align: middle;}
.add_student .con .form_con .list .li_item .li_input{width:150px;height:40px;line-height: 40px;font-size:18px;text-align:right;border:0px;vertical-align: middle}
.add_student .con .form_con .list .li_item .li_textarea{width:95%;height:105px;line-height:35px;padding:5px 5px;border-radius: 4px;}
.addstudent_btn{width:80%;height: 50px;line-height: 50px;background-color:#3DBB46;border-radius: 30px;color:#ffffff;text-align: center;font-size: 20px;margin:50px auto 50px auto;display: block;border:0px}
.addstudent_btn span{font-weight:bold;}
#file1{font-size:16px;border:0px;width:80px;}

.foot_tarbar{width:100%;height: 50px;border-top:1px solid #d8d8d8;position:fixed;left:0;bottom: 0;z-index: 9999;background-color:#ffffff}
.foot_tarbar .tarbar{width:20%;float:left;}
.foot_tarbar .tarbar a{color:#999999}
.foot_tarbar .tarbar .icon{height:30px;margin-top:3px}
.foot_tarbar .tarbar .icon img{display: block;margin:auto;height: 30px;}
.foot_tarbar .tarbar .icon img.img1{}
.foot_tarbar .tarbar .icon img.img2{display: none;}
.foot_tarbar .tarbar .title{display: block;text-align: center;font-size:13px;line-height:13px;}
.foot_tarbar .tarbar.active .title{color:#02CB6A;}
.foot_tarbar .tarbar.active .icon img.img1{display:none}
.foot_tarbar .tarbar.active .icon img.img2{display:block}

.index_banner{width:100%;}
.index_banner .con{width:100%;padding-top: 38%;position: relative;overflow: hidden;}
.index_banner .con .ban_img{width:100%;height: 100%;position: absolute;top:0;z-index: 0;left:0}
.index_banner .con .title{width:100%;font-size: 22px;color:#ffffff;text-align:center;position: absolute;top:20%;z-index: 0;left:0}
.index_banner .con .search_con{width:85%;height: 32px;border-radius: 25px;background-color:#ffffff;position: absolute;bottom:10%;z-index: 1;left:7.5%;overflow:hidden;}
.index_banner .con .search_con .input{width:70%;height:32px;display: block;float:left;margin-left:5%;outline: none;border:0px;font-size:16px;}
.index_banner .con .search_con .submit{width:20%;height: 32px;background:url(../image/search-logo.png) center center no-repeat;display: block;float:right;background-size:23px 23px;}
.index_banner .notice{position: absolute;top:4%;z-index: 1;height:24px;width:94%;left:12px;box-sizing: border-box;background-color:rgba(0,0,0,0.5);border-radius: 15px;}
.index_banner .notice i{color:#ffffff;margin-top:5px;margin-left:10px}
.index_banner .notice .notice_con{width:calc(100% - 35px);float:right;height:24px;}
.index_banner .notice .notice_con ul{}
.index_banner .notice .notice_con li{width:98%;height: 24px;line-height:24px;font-size: 16px;overflow: hidden;color:#ffffff;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.index_empty{width:100%;padding-top: 38%;position: relative;}
.index_empty .div{width:100%;height: 100%;position: absolute;top:0;left:0;z-index: 0}

.index_banner_show{margin:12px auto auto auto;position: relative;}
.index_banner_show .notice{position: absolute;top:10%;z-index: 1;height:24px;width:94%;left:12px;box-sizing: border-box;background-color:rgba(0,0,0,0.5);border-radius: 15px;}
.index_banner_show .notice i{color:#ffffff;margin-top:5px;margin-left:10px}
.index_banner_show .notice .notice_con{width:calc(100% - 35px);float:right;height:24px;}
.index_banner_show .notice .notice_con ul{}
.index_banner_show .notice .notice_con li{width:98%;height: 24px;line-height:24px;font-size: 16px;overflow: hidden;color:#ffffff;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index_banner_show .banner_con{z-index: 0;border-radius: 5px;overflow: hidden;}
.index_banner_show .banner_con li{width:100%;padding-top: 55%;overflow: hidden;position: relative;z-index: 0}
.index_banner_show .banner_con li img{width:100%;position: absolute;left:0;top:0;z-index: 0;height: 100%}

.index_menue{width:100%;padding:0px 15px;margin:14px auto auto auto;box-sizing: border-box;}
.index_menue li{width:31.5%;float:left;height:42px;line-height:42px;text-align:center;background-color: #02cb6a;font-size:16px;margin-right:2.75%;margin-bottom: 15px;border-radius:5px;overflow:hidden;}
.index_menue li a{display:block;color:#ffffff;}
.index_menue li:nth-child(3n){margin-right:auto;}

.index_video{margin:auto auto auto auto}
.index_video .title{height: 26px;border-left:4px solid #02cb6a;line-height: 26px;font-size: 20px;padding-left:6px}
.index_video .con{margin-top:15px;}
.index_video .con video{width:100%}

.myclass{background-color: #f5f5f5;width:100%;min-height:100vh;margin-bottom: 50px;}
.myclass .top_banner{width:100%;padding-top:45%;overflow: hidden;position: relative;}
.myclass .top_banner img{width:100%;height:100%;position:absolute;left:0;top:0;z-index: 0}
.myclass ul{margin: 12px auto auto auto;width:95%;}
.myclass ul li{padding:12px 12px 12px 12px;background-color: #ffffff;border-radius: 5px;margin-bottom: 10px;}
.myclass ul li .li_title{float:left;}
.myclass ul li .li_title .icon{width:60px;height: 60px;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: middle;}
.myclass ul li .li_title .icon img{width:100%;height: 100%}
.myclass ul li .li_title .li_name{font-weight: bold;font-size: 16px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.myclass ul li .li_goclass{width:110px;height: 30px;border-radius: 15px;line-height: 30px;border:1px solid #5BA35B;text-align: center;display: block;float:right;color:#5BA35B;font-size: 15px;margin-top: 13px;}
.myclass ul li .li_type{width:70px;height: 30px;border-radius: 15px;line-height: 30px;border:1px solid #5BA35B;text-align: center;display: block;float:right;color:#5BA35B;font-size: 15px;margin-top: 13px;margin-left: 15px;}
.myclass .search_con{width:85%;height: 42px;border-radius: 25px;background-color:#ffffff;overflow:hidden;margin:10px auto auto auto;}
.myclass .search_con .input{width:70%;height:42px;display: block;float:left;margin-left:5%;outline: none;border:0px;font-size:16px;}
.myclass .search_con .submit{width:20%;height: 42px;background:url(../image/search-logo.png) center center no-repeat;display: block;float:right;background-size:23px 23px;}

.myroll{width:100%;min-height:100vh;margin-bottom: 50px;}
.myroll .item{margin-top: 10px;padding:8px 0px;border-bottom: 1px solid #e6e6e6;}
.myroll .item .li_title{float:left;}
.myroll .item .li_title .icon{width:60px;height: 60px;border-radius: 50%;overflow: hidden;display: inline-block;vertical-align: middle;}
.myroll .item .li_title .icon img{width:100%;height: 100%}
.myroll .item .li_title .li_name{font-weight: bold;font-size: 16px;display: inline-block;vertical-align: middle;}
.myroll .item .li_class{float:right;margin-top: 20px;color:#666666;}

.camp{margin:auto auto 30px auto}
.camp .title{text-align:center;font-size:21px;font-weight:bold;margin-top:20px;}
.camp .title .line{width:60px;height:1.5px;background-image: linear-gradient(to right,#ffffff,#333333);display:inline-block;margin-right:6px;vertical-align: middle}
.camp .title .line2{width:60px;height:1.5px;background-image: linear-gradient(to right,#333333,#ffffff);display:inline-block;margin-left:6px;vertical-align: middle}
.camp .camp_cate{margin:25px auto auto auto;}
.camp .camp_cate li{width:24%;margin-right:1.33%;margin-bottom:20px;float:left;}
.camp .camp_cate li:nth-child(4n){margin-right:auto;}
.camp .camp_cate li .li_pic{width:100%;padding-top: 65%;overflow: hidden;position: relative;}
.camp .camp_cate li .li_pic img{width:100%;min-height: 100%;position: absolute;left:0;top:0;z-index: 0}
.camp .camp_cate li .li_title{line-height: 16px;margin-top: 5px;text-align: center;font-size: 13px;}
.camp .camp_con{padding-top:15px;padding-bottom:15px;background-color:#f5f5f5;}
.camp .camp_con ul{}
.camp .camp_con ul li{width:100%;border-radius: 6px;overflow: hidden;margin-bottom:20px;box-shadow: 0px 3px 8px 3px rgba(228,228,228,1)}
.camp .camp_con ul li .li_pic{width:100%;padding-top: 60%;position: relative;overflow: hidden;}
.camp .camp_con ul li .li_pic .img{width:100%;height:100%;position: absolute;left:0;top:0;z-index: 0}
.camp .camp_con ul li .li_pic .other{position: absolute;left:20px;bottom:10px;z-index: 1;color:#ffffff}
.camp .camp_con ul li .li_con{padding:10px 16px 14px 16px;background-color:#ffffff;} 
.camp .camp_con ul li .li_con .li_title{height:22px;line-height:22px;font-size: 20px;font-weight:bold;}
.camp .camp_con ul li .li_con .li_price{font-size:19px;color:#F13F2C;float:left;margin-top:20px}
.camp .camp_con ul li .li_con .li_more{width:75px;height:35px;border-radius: 20px;color:#ffffff;display:block;background-color: #02CB6A;line-height:35px;text-align:center;font-size:19px;float:right;margin-top:10px}

.campdetail{margin-bottom:50px}
.campdetail .banner{width:100%;}
.campdetail .banner ul{margin-block-start:0px !important;padding-inline-start:0px !important;margin-block-end:0px !important;}
.campdetail .banner li{width:100%;padding-top: 70%;position: relative;overflow: hidden;}
.campdetail .banner li img{width:100%;height: 100%;position: absolute;left:0;top:0;z-index: 0;}
.campdetail .line{width:100%;height:8px;background-color:#f5f5f5;margin-top:20px;}
.campdetail .title_con{padding:18px 16px 25px 16px;border-bottom:6px solid #f5f5f5;}
.campdetail .title_con .title{font-size: 18px;font-weight:bold;line-height:20px;}
.campdetail .title_con .title .camp_cate{height:16px;display:inline-block;border-radius: 3px;border:1px solid #F13F2C;text-align:center;line-height:16px;font-size:12px;font-weight: normal;color: #F13F2C;padding:0px 3px;vertical-align: middle;margin-left:6px;}
.campdetail .title_con .price{color:#F13F2C;font-size:18px;margin-top:15px;}
.campdetail .des_con{padding:18px 16px 16px 16px;border-bottom:6px solid #f5f5f5;}
.campdetail .des_con .title{font-size: 18px;font-weight:bold;line-height:20px;}
.campdetail .des_con .des1{font-size:16px;margin-top:18px}
.campdetail .des_con .des2{font-size:16px;margin-top:10px;}
.campdetail .des_con .des2 .title2{width:115px;display: inline-block;vertical-align: top;}
.campdetail .des_con .des2 .item_con{width:calc(100% - 95px);display:inline-block;margin-top: 10px;float:right;}
.campdetail .des_con .des2 .item_con li{padding:0px 8px;height:36px;line-height:36px;background-color:#f7f7f7;margin-bottom:10px;border-radius: 16px;font-size:15px;font-weight: bold;}
.campdetail .des_con .des2 .item_con li:hover{background-color:#E2F5E3}
.campdetail .des_con .des2 .item_con li.on{background-color:#E2F5E3}
.campdetail .des_con .remark{margin-top:10px;line-height:30px;font-size:16px;}
.campdetail .des_con .address{margin-top:10px;font-size:16px;}
.campdetail .enroll{padding:12px 16px 6px 16px;border-bottom:6px solid #f5f5f5;}
.campdetail .enroll .title{font-size: 18px;font-weight:bold;line-height:20px;}
.campdetail .enroll .avatar_con{margin-top:12px}
.campdetail .enroll .avatar_con li{width:40px;height:40px;overflow: hidden;border-radius: 50%;margin-right:10px;margin-bottom:12px;float:left;}
.campdetail .enroll .avatar_con li img{width:100%;min-height:100%;}
.campdetail .detail{padding:12px 16px 10px 16px;border-bottom:6px solid #f5f5f5;}
.campdetail .detail .title{font-size: 18px;font-weight:bold;line-height:20px;text-align:center;}
.campdetail .detail .con{margin-top:15px;}
.campdetail .detail .con img{max-width:100% !important;height:auto !important;}
.campdetail_bot_nav{width:100%;height:50px;background-color:#ffffff;position: fixed;left:0;bottom:0;z-index: 90;}
.campdetail_bot_nav .price{float:left;font-size:17px;font-weight:bold;margin:11px auto auto 16px;}
.campdetail_bot_nav .price .price_con{color:#F13F2C;font-size: 15px;display:inline-block;}
.campdetail_bot_nav .price .price_con span{font-size:22px;font-weight: normal;}
.campdetail_bot_nav .btn{width:130px;height:50px;text-align: center;line-height: 50px;background:#F13F2C;color:#ffffff;font-size:21px;display:block;float:right}

.detailsubmit{margin-bottom: 60px;}
.detailsubmit .campinfo{padding:12px 16px 15px 16px;border-bottom:6px solid #f5f5f5;}
.detailsubmit .campinfo .li_pic{width:25%;padding-top:25%;overflow: hidden;position: relative;float:left}
.detailsubmit .campinfo .li_pic img{width:100%;position: absolute;left:0;top:0;z-index: 0}
.detailsubmit .campinfo .li_con{width:72%;float:right}
.detailsubmit .campinfo .li_con .title{font-size: 18px;font-weight:bold;line-height:20px;}
.detailsubmit .campinfo .li_con .title .camp_cate{height:16px;display:inline-block;border-radius: 3px;border:1px solid #F13F2C;text-align:center;line-height:16px;font-size:12px;font-weight: normal;color: #F13F2C;padding:0px 3px;vertical-align: middle;margin-left:6px;}
.detailsubmit .campinfo .li_con .item{font-size:16x;font-weight: bold;line-height:18px;margin-top:10px;}
.detailsubmit .campinfo .li_con .price_con{color:#F13F2C;margin-top:20px;}
.detailsubmit .campinfo .li_con .price_con .price{font-size: 20px;}
.detailsubmit .campinfo .li_con .price_con .number{float:right;font-size:16px;}
.detailsubmit .campstudent{margin:20px auto auto auto}
.detailsubmit .campstudent .title_con{font-size:19px;font-weight: bold;}
.detailsubmit .campstudent .title_con .choose{display:block;float:right;font-size:30px;margin-top:-10px;font-weight: normal;}
.detailsubmit .campstudent .studentlist{margin-top:20px;}
.detailsubmit .campstudent .studentlist li{padding:20px;background-color:#f7f7f7;font-size:18px;color:#666666;margin-bottom:12px;}
.detailsubmit .campstudent .studentlist li .li_key{}
.detailsubmit .campstudent .studentlist li .li_name{display: inline-block;margin-left:12px;}
.detailsubmit .campstudent .studentlist li .li_choose{width:18px;height:18px;display: block;border-radius: 50%;border:2px solid #C9C9C9;float:right;margin-top:2px;text-align:center;line-height:18px;color:#ffffff}
.detailsubmit .campstudent .studentlist li .li_choose.on{border:2px solid #40B44B;color:#40B44B}
.detailsubmit .campstudent .studentlist li.on{background:#E5FAF0}

.agreement{width:100%;height: 100%;position: fixed;top:0;left:0;z-index: 99;display: none;}
.agreement .img{width:100%;height: 100%;padding-bottom: 50px;box-sizing: border-box;overflow:scroll;}
.agreement .img img{width:100%;}
.agreement .pay_btn{width:100%;height: 50px;line-height: 50px;position: fixed;bottom:0;left:0;z-index: 100;background-color: #F13F2C;color:#ffffff;text-align: center;font-size: 20px;font-weight: bold;}

.camp_order_head{padding:17px 0px 0px 0px;border-bottom:4px solid #f5f5f5;}
.camp_order_head li{width:25%;float:left;text-align:center;font-size:16px}
.camp_order_head li a{}
.camp_order_head li .line{width:20px;height:3px;backgroud:#ffffff;margin:13px auto auto auto}
.camp_order_head li.on .line{background:#3DBB46}
.camp_order_head li.on a{color:#3DBB46;font-weight: bold;}

.camp_order_con{margin:auto auto 50px auto}
.camp_order_con ul{margin:auto;border-bottom:8px solid #f5f5f5;}
.camp_order_con li{padding:16px 12px 11px 12px;}
.camp_order_con li .li_date{font-size:13px;}
.camp_order_con li .li_con{padding:10px 0px 16px 0px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;margin-top:15px;}
.camp_order_con li .li_con .li_pic{width:27%;padding-top: 27%;position: relative;overflow: hidden;float:left}
.camp_order_con li .li_con .li_pic img{width:100%;min-height:100%;position: absolute;left:0;top:0;z-index: 0}
.camp_order_con li .li_con .li_des{width:70%;float:right}
.camp_order_con li .li_con .li_des .li_title{font-size:18px;font-weight:bold;}
.camp_order_con li .li_con .li_des .price_con{color:#F13F2C;margin-top:15px;}
.camp_order_con li .li_con .li_des .price_con .price{font-size: 20px;}
.camp_order_con li .li_con .li_des .price_con .number{float:right;font-size:16px;}
.camp_order_con li .li_con .li_des .notice{margin-top:20px;text-align:right;}
.camp_order_con li .li_con .li_des .notice .rem{font-size:13px;color:#F13F2C;margin-left:3px;margin-right:3px;}
.camp_order_con li .li_con .li_des .notice .total{color:#F13F2C;}
.camp_order_con li .li_pay{width:110px;height:36px;border-radius: 20px;background-color:#F13F2C;color:#ffffff;font-size:16px;text-align:center;line-height:36px;display:block;margin-top:10px;float:right}
.camp_order_con li .li_pay.refund{background-color: #f7f7f7;color:#666666;margin-left: 25px;}

.myreceipt{margin:-7vh auto 50px auto;width:93%;background-color: #ffffff;border-radius: 6px;min-height: 100vh;}
.myreceipt li{width:100%;padding:20px 8px 30px 8px;box-sizing: border-box;overflow: hidden;}
.myreceipt li .li_item{font-size: 15px;line-height: 15px;margin-bottom: 10px;color:#000000;}
.myreceipt li .li_item span{color:#656565;}
.myreceipt li .li_item .pay_remain{width:80px;height: 28px;border-radius: 13px;border:1px solid #5BA964;text-align: center;line-height: 28px;color:#5BA964;float:right;margin-top: -7px;}
.myreceipt li .li_img{width:100%;margin-top: 30px;}
.myreceipt li .li_img img{width:100%;}
.myreceipt li .li_save{width:76%;height: 40px;line-height: 40px;border-radius:20px;text-align: center;background-color:#3FBA46;color:#ffffff;display: block;margin:40px auto auto auto;font-size: 18px;}

.roll_banner{width:100%;margin-top: 30px}
.roll_banner img{width:100%;}

.rolllist{background: #ffffff;padding:15px 10px;border-radius: 5px;margin: 10px auto auto auto;width:90%;}
.rolllist .title{font-size: 18px;font-weight: bold;color:#000000;line-height: 20px;}
.rolllist .list{margin-top: 15px;font-size: 14px;line-height: 28px;}
.rolllist .list .li_item{width:60px;text-align: right;color:#303030;float:left;} 
.rolllist .list .li_con{width:calc(100% - 155px);float:left;margin-left: 10px;color:#737373;}
.rolllist .list .li_link{width:80px;height: 28px;border-radius: 15px;border:1px solid #65A96D;color:#65A96D;text-align: center;line-height: 28px;font-size:15px;display: block;float:right;}

.sign_title{font-size:20px;font-weight: bold;line-height: 22px;color:#343233;text-align: center;margin-top: 20px;display: none;}
.sign_title.title2{display: block;}
.sign_img{margin:10px auto auto auto;}
.sign_img img{width:270%;}
.sign_title.title2{font-size: 20px;line-height: 20px}
.sign_con{width:92%;border:1px dashed #B6B6B6;border-radius: 5px;margin:20px auto auto auto;background: #ffffff;height:250px;}
.sign_btn{margin-top: 40px;text-align: center;}
.sign_btn a{width:100px;height:40px;border-radius: 18px;color:#ffffff;background: #3FBA46;display: inline-block;margin-right: 45px;line-height: 40px;font-size:17px;}
.sign_btn a:last-child{margin-right: auto;}
.sign_status{width:240px;height:42px;border-radius: 15px;background: #3FBA46;text-align: center;line-height: 42px;margin: 35px auto auto auto;color:#ffffff;font-size: 18px;}


.classdetail{}
.classdetail .classbanner{width:100%;height:40vh;position: relative;}
.classdetail .classbanner .classtop{width:100%;padding-top:25px;color:#ffffff;font-size: 18px;text-align: center;line-height: 18px;}
.classdetail .classbanner .black{display:block;float:left;margin-left:16px;margin-top: -23px;}
.classdetail .classbanner .black i{font-size:20px;color:#ffffff;font-weight:600;}
.classdetail .classbanner .black .arrow{width:28px;}
.classdetail .classbanner .classinfo{float:left;width:70%;line-height: 18px;margin:30px auto auto 16px;}
.classdetail .classbanner .classinfo .list{margin-bottom: 15px;color:#ffffff;font-size: 14px;}
.classdetail .classbanner .wxuser{float:right;margin-right: 20px;margin-top: 20px;}
.classdetail .classbanner .wxuser .pic{width:55px;height:55px;border-radius: 50%;overflow: hidden;border:2px solid #ffffff;position: relative;}
.classdetail .classbanner .wxuser .pic img{width:100%;height: 100%;position: absolute;left:0;top:0;z-index: 0;}
.classdetail .classbanner .wxuser .title{text-align: center;color:#ffffff;font-size: 14px;line-height: 14px;margin-top: 12px;}
.classdetail .classbanner .status_con{position: absolute;left:0;bottom:0;z-index: 0;padding:8px 15px;background: rgba(0,0,0,0.3);width:100%;box-sizing:border-box;}
.classdetail .classbanner .status_con li{width:25%;float:left;}
.classdetail .classbanner .status_con li .li_icon{float:left;margin-top: 4px}
.classdetail .classbanner .status_con li .li_icon i{color:#ffffff;font-size: 30px;}
.classdetail .classbanner .status_con li .li_text{float:left;margin-left: 5px;font-size: 11px;color:#ffffff;}
.classdetail .classbanner .status_con li .li_text .status{font-size: 14px;}
.classdetail .item_con{margin-top: 12px;}
.classdetail .item_con li{width:20%;float:left;text-align: center;}
.classdetail .item_con li .li_title{font-size: 15px;font-weight: bold;color:#9E9E9E;}
.classdetail .item_con li .li_line{width:10px;height: 3px;background-color: #ffffff;margin:8px auto auto auto;}
.classdetail .item_con li.on .li_title{color:#323232;}
.classdetail .item_con li.on .li_line{background-color:#323232;}
.classdetail .detail{width:94%;padding:12px 0px 60px 0px;background:url(../image/class_bg.png) center top no-repeat;background-size: 100% 70px;min-height: 80px;margin: 12px auto auto auto;}
.classdetail .detail .detail_con{margin-top: 60px;display: none;}
.classdetail .detail .detail_con.notice img{max-width: 100%;}
.classdetail .detail .detail_con.on{display: block;}
.classdetail .detail .detail_con .student_item{margin:18px 20px auto auto;width:60px;float:left;}
.classdetail .detail .detail_con .student_item .pic{width:60px;height: 60px;border-radius: 50%;overflow: hidden;}
.classdetail .detail .detail_con .student_item .pic img{width:100%;height: 100%;}
.classdetail .detail .detail_con .student_item .li_name{line-height: 14px;margin-top: 12px;color:#058E4B;text-align: center;}
.shop_cate{margin:20px auto auto auto}
.shop_cate li{float:left;margin-right: 20px;}
.shop_cate li .pic{width:80px;height: 80px;border-radius: 50%;overflow: hidden;}
.shop_cate li .pic img{width:100%;height: 100%;}
.shop_cate li .title{font-size: 16px;font-weight: bold;text-align:center;margin-top: 10px;}

.shop{margin: 35px auto auto auto}
.shop .shop_ul{}
.shop .shop_ul li{width:48%;float:left;max-width: 410px;margin-bottom: 25px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;box-shadow: 0px 3px 15px 6px rgba(239,239,239,0.9)}
.shop .shop_ul li:nth-child(2n){float:right;}
.shop .shop_ul li:nth-child(2n+1){clear:both;}
.shop .shop_ul li .li_pic{width:100%;padding-top: 75%;position: relative;overflow: hidden;}
.shop .shop_ul li .li_pic img{width:100%;min-height: 100%;position: absolute;left:0;top:0;z-index: 0;}
.shop .shop_ul li .li_con{padding:10px 5px;}
.shop .shop_ul li .li_con .title{font-size: 15px;font-weight: bold;line-height: 18px;}
.shop .shop_ul li .li_con .des{font-size: 16px;color:#F13F2C;margin-top: 15px}
.shop .shop_ul li .li_con .des .buy{color:#F13F2C;width:50px;height:20px;display:block;border:1px solid #F13F2C;border-radius: 4px;text-align: center;line-height:20px;float:right;font-size: 15px;}


.shop_btn{width:130px;height:50px;text-align: center;line-height: 50px;background:#F13F2C;color:#ffffff;font-size:21px;display:block;margin:25px auto auto auto;}

.flow_phone{position: fixed;right:5px;bottom: 200px;z-index: 9999;width:60px;display: block;text-align: center;background: rgba(2,203,106,0.9);padding:10px 0px;border-radius: 3px}
.flow_phone i{display: block;font-size: 22px;color:#ffffff;} 
.flow_phone .title{display: block;color:#ffffff;font-size: 12px;line-height: 12px;margin-top: 12px}