@charset "utf-8";
/* CSS Document */

/*小组列表*/
.wbox{position:relative;width:100%;margin:0;padding:0;font-weight:300;background:rgba(0,0,0,.06);}
.selectbox{width:100%;height:42px;}
.selemediv{float:left;position:relative;box-sizing:content-box;width:33.1%;height:22px;margin:10px 0;border-right:0.5px solid rgba(0,0,0,.2);}
.selemenu{width:32px;height:22px;padding-right:22px;margin:0 auto;font-size:14px;line-height:22px;text-align:left;color:#333;cursor:pointer;background:url(img/icon_down.png) no-repeat right;background-size:18px auto;}
.selemenu:hover{background:url(img/icon_up.png) no-repeat right;background-size:18px auto;}

.citylist{display:none;position:absolute;left:0;top:32px;width:100%;padding:5px 0;background:#fff;font-size:14px;line-height:32px;text-align:center;box-shadow:0px 3px 3px rgba(0,0,0,.2);z-index:999999;border-radius:0 0 5px 5px;}
.citylist span{display:block;clear:both;cursor:pointer;}
.citylist span:hover{background:url(img/icon_sele.png) no-repeat left #f2f2f2;background-size:auto 22px;}

.group_list{position:relative;width:100%;margin:0;padding:0;}
.group_list li{position:relative;display:block;width:90%;height:180px;padding:0;margin:20px auto;border-radius:8px;overflow:hidden}
.group_list li .bg_blur{width:100%;height:auto;-webkit-filter: blur(10px);
            -moz-filter: blur(10px);
            -o-filter: blur(10px);
            -ms-filter: blur(10px);
            filter: blur(10px);}
.group_list li i{width:16px;height:16px;margin-top:-2px;margin-right:3px;}
.group_list li .top_box{position:absolute;left:0;top:0; width:90%;height:108px;padding:22px 5% 0;background:rgba(10,20,100,.4);color:#fff;}
.group_list li .top_box .right_tag{position:absolute;right:20px;top:0;width:38px;height:27px;font-size:12px;line-height:14px;padding-top:7px;color:#fff;text-align:center;background:url(img/tap_bg03.png) no-repeat;background-size:38px auto;}
.group_list li .top_box .qi_num{display:inline-block;font-size:13px;line-height:22px;font-weight:300;padding:0 8px;vertical-align:middle;margin-left:5px;margin-top:-2px;border-radius:5px;border:0.5px solid rgba(255,255,255,.6);}
.group_list li .top_box h4{font-size:18px;line-height:36px;font-weight:500;display:inline-block;}

.group_list li .top_box .pw_txt{width:100%;font-size:12px;line-height:20px;}
.group_list li .top_box .pw_txt span{color:rgba(255,255,255,.7);}

.group_list li .top_box .fing_bar{position:relative;display:block;width:100%;height:5px;margin:4px 0 5px;background:rgba(255,255,255,.3);border-radius:5px;}
.group_list li .top_box .fing_bar span{position:absolute;left:0;top:0;height:5px;border-radius:5px;background:#fff;}
.group_list li .top_box .bom_txt{font-size:12px;line-height:20px;color:#fff;padding-top:5px;}

.group_list li .bom_box{position:absolute;bottom:0;left:0;width:90%;height:30px;padding:10px 5%;background:#fff;font-size:12px;line-height:30px;}
.group_list li .bom_box img{width:30px;height:30px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px;margin-top:-1px;}
.group_list li .bom_box span{color:#999;}

/* 小组详情页 - 底部按钮 */
.btnbox_dibu{position:fixed;bottom:0;left:0;padding-right:0;margin:0;width:100% !important;height:48px;box-shadow:0 -2px 8px rgba(0,0,0,.2); z-index:999}
.btnbox_dibu .left_box{float:left;width:50%;height:48px;background:url(img/page_bg.png);background-size:50px auto;}
.btnbox_dibu .left_box ul{width:102%;margin:0;padding:0;}
.btnbox_dibu .left_box li{float:left;width:49%;height:22px;margin-top:13px;border-right:0.5px solid rgba(0,0,0,.15);font-size:14px;line-height:22px;text-align:center;color:#333;}
.btnbox_dibu .left_box li a{width:50%;height:22px;color:#333;}
.btnbox_dibu .left_box li i{margin-right:4px;margin-top:-2px;}
.btnbox_dibu .left_box li .sc_icon{width:100%;height:22px;text-align:center}
.btnbox_dibu .left_box li .sc_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.btnbox_dibu .left_box li .sc_icon input[type="checkbox"] + span{width:22px;height:22px;display:inline-block;margin-right:4px;margin-top:-4px;vertical-align: middle;background:url(img/icon_collect.png) no-repeat left;background-size:auto 22px;background-position:0 0;}
.btnbox_dibu .left_box li .sc_icon input[type="checkbox"]:checked + span{width:22px;height:22px;display:inline-block;background-position:-22px 0}
.btnbox_dibu .right_r{float:right;padding:0;width:50%;height:48px;font-size:16px;background:#6478be;line-height:48px;font-weight:300;color:#fff;text-align:center;}

/* 小组详情页-tab滑动门 */
.tabs ul{width:100%;height:40px;}
.tabs li{position:relative;display:block;float:left;width:50%;height:40px;}
.tabs li a{display:block;width:100%;font-size:15px;line-height:40px;color:#666;font-weight:300;text-align:center;background:rgba(0,0,0,.08);box-shadow:0 -5px 0 rgba(0,0,0,.04) inset;}
.tabs li a:hover{font-weight:400;color:#5166b0;}
.tabs li.active a{background:none;font-weight:400;color:#5166b0;box-shadow:none;}
.tabs li .notic_dot{position:absolute;right:25%;top:8px;width:7px;height:7px;border-radius:7px;background:#ff4a4d;}
.wrap .swiper-container{width:100%;padding:0;}

.tabs2 ul{width:100%;height:40px;}
.tabs2 li{position:relative;display:block;float:left;width:25%;height:40px;}
.tabs2 li a{display:block;width:100%;font-size:15px;line-height:40px;color:#666;font-weight:300;text-align:center;background:rgba(0,0,0,.08);box-shadow:0 -5px 0 rgba(0,0,0,.04) inset;}
.tabs2 li a:hover{font-weight:400;color:#5166b0;}
.tabs2 li.active a{background:none;font-weight:400;color:#5166b0;box-shadow:none;}
.tabs2 li .notic_dot{position:absolute;right:25%;top:8px;width:7px;height:7px;border-radius:7px;background:#ff4a4d;}
.wrap2 .swiper-container{width:100%;padding:0;}

/*关于成长小组*/
.about_group{width:84%;padding:20px 8% 20px;}
.about_group h4{font-size:20px;line-height:40px;text-align:center;color:#20213d;font-weight:300;margin-bottom:10px;}
.about_group h5{font-size:16px;line-height:28px;color:#5166b0;margin:0;font-weight:400}
.about_group img{margin-bottom:20px;}
.about_group p{font-size:15px;line-height:28px;color:#666;margin:0 0 20px;}
.about_group em{font-weight:400;color:#5166b0;}
.about_group strong{font-weight:400;color:#666;}
.about_group .top_doc{position:relative;display:table-cell;padding:15px 12px;background:rgba(255,255,255,.5);border:0.5px solid rgba(0,0,0,.15);border-radius:8px;}
.about_group .top_doc p{font-size:15px;line-height:26px;color:#666;margin:0;}
.about_group .top_doc span{font-size:14px;font-style:italic;color:#999;padding-top:10px;float:right}

/*小组详情页 - 时间表*/
.about_group .table_box{width:100%;padding:0;font-size:12px;line-height:20px;color:#666;}
.about_group .table_box .nictxt{font-size:14px;line-height:30px;color:#666;margin-bottom:10px;}
.about_group .table_box .nictxt span{color:#999;}
.about_group .table_box h4{font-size:16px;line-height:20px;color:#5166b0;}
.about_group .table_box p{font-size:15px;line-height:24px;color:#666;margin:6px 0;}
.about_group .table_box td{border:0.5px solid rgba(0,0,0,.15);padding:5px 10px;}
.about_group .table_box .lildbg{background:rgba(0,0,0,.06)}

/* 我的小组 - 最新消息 */
.news_top{position:relative;width:90%;padding:10px 5%;height:30px;background:rgba(255,255,255,.1);}
#FontScroll{width:100%;height:30px;font-size:14px;line-height:30px;color:#fff;overflow:hidden;}
#FontScroll li{width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#FontScroll .line{width:100%;}
#FontScroll .fontColor{color:#fff;}
#FontScroll em{color:#fff}
#FontScroll .news_icon {background:#ff9ea2;padding:0 8px;font-size:12px;color:#fff;border-radius:16px; }
#FontScroll .ps_icon {background:#8196d0;padding:0 8px;font-size:12px;color:#fff;border-radius:16px; }
#FontScroll .sale_icon {background:#f7ce29;padding:0 8px;font-size:12px;color:#fff;border-radius:16px; }
#FontScroll .gongao_icon {background:#94cc6a;padding:0 8px;font-size:12px;color:#fff;border-radius:16px; }

/*我的小组 - 列表*/
.warp{position:relative;padding:0 6%;width:88%;}
.warp h5{width:100%;height:20px;margin:25px auto 18px;font-size:14px;line-height:20px;font-weight:300;color:#fff;text-align:center;}
.warp span{color:rgba(255,255,255,.7)}
.warp .list_box{width:100%;padding:0;text-align:left;}
.warp .list_box li{position:relative;display:block;width:90%;padding:12px 5% 15px;margin-bottom:20px;background:rgba(255,255,255,.86);border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.1)}
.warp .list_box li .right_tag{position:absolute;right:20px;top:0;width:38px;height:27px;font-size:12px;line-height:14px;padding-top:7px;color:#fff;text-align:center;background:url(img/tap_bg03.png) no-repeat;background-size:38px auto;}
.warp .list_box li .right_tag_end{position:absolute;right:20px;top:0;width:38px;height:27px;font-size:12px;line-height:14px;padding-top:7px;color:#fff;text-align:center;background:url(img/tap_bg09.png) no-repeat;background-size:38px auto;}

.warp .list_box h4{font-size:16px;line-height:36px;font-weight:300;color:#20213d}
.warp .list_box em{vertical-align:middle;font-size:14px;line-height:24px;color:#666;font-weight:200;padding:0 8px;margin-right:4px;border-radius:5px;border:0.5px solid rgba(0,0,0,.25);}
.warp .list_box .pw_txt{width:100%;font-size:12px;line-height:24px;color:#666;}
.warp .list_box .pw_txt dl{width:100%;height:24px;}
.warp .list_box .pw_txt dt{width:33.33%;float:left;}
.warp .list_box .pw_txt span{color:#999;}
.warp .list_box i{width:16px;height:16px;margin-top:-2px;margin-right:3px;}

.warp .list_box .fing_bar, .fing_bar_end{position:relative;display:block;width:100%;height:6px;margin:4px 0 5px;background:rgba(0,0,0,.06);border-radius:6px;}
.warp .list_box .fing_bar span{position:absolute;left:0;top:0;height:6px;border-radius:6px;background:#8196d0;}
.warp .list_box .fing_bar_end span{position:absolute;left:0;top:0;height:6px;border-radius:6px;background:rgba(0,0,0,.18);}
.warp .list_box .bom_txt{font-size:12px;line-height:24px;color:#999;padding-top:5px;}
.warp .list_box .bom_txt span{color:#20213d;}

/*我的小组 - 详情*/
.dingbu_box .train_top .see_qcode{width:22px;height:22px;display:inline-block;margin-left:5px;background:url(img/see_qcode.png) no-repeat;background-size:22px auto;vertical-align:middle;margin-top:-4px;}
.dingbu_box .train_top .feng_num{position:absolute;left:0;bottom:0;width:100%;height:44px;padding:12px 0;text-align:center;background:rgba(255,255,255,.15)}
.dingbu_box .train_top .feng_num a{color:#fff;}
.dingbu_box .train_top .feng_num li{float:left;width:50%;font-size:12px;line-height:16px;border-right:0.5px solid rgba(255,255,255,.5);box-sizing:border-box;display:table-cell;}
.dingbu_box .train_top .feng_num li:last-child{border-right:none;}
.dingbu_box .train_top .feng_num h4{font-size:24px;line-height:28px;font-weight:200;}

.find_box .sf_tag{display:inline-block;padding:0 6px;font-size:12px;font-style:normal;line-height:17px;color:#f70;border:0.5px solid #f80;border-radius:4px;margin-left:5px;vertical-align:middle;margin-top:-3px;}
.find_box .r_tag{position:absolute;right:0;top:0;padding:0 12px;font-size:13px;line-height:22px;color:#888;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.15);border-radius:12px;}
.find_box .ding_tag{display:inline-block;padding:0 6px;font-size:12px;font-style:normal;line-height:17px;color:#fff;border:0.5px solid #94cc6a;background:#94cc6a;border-radius:4px;margin-right:5px;vertical-align:middle;margin-top:-2px;}

.dibu_box{width:100%;height:38px;padding:0 0 20px;}
.dibu_box .tijiao_btn{display:block; width:90%;height:38px;margin:0 auto;border:0.5px solid rgba(0,0,0,.15);background:rgba(255,255,255,.8);border-radius:6px;font-size:16px;line-height:38px;text-align:center;color:#666;font-weight:300;}
.dibu_box .tijiao_btn i{margin-top:-2px;margin-right:4px;}

/*我的小组 - 组员列表页*/
.top_user{position:relative;display:block;width:100%;padding-bottom:16px;overflow:hidden}
.top_user ul{width:100%;height:46px;padding:20px 0;background:rgba(255,255,255,1);}
.top_user li{float:left;width:50%;height:46px;padding-left:5%;border-right:0.5px solid rgba(0,0,0,.15);font-size:14px;line-height:24px;box-sizing:border-box;display:table-cell}
.top_user li:last-child{border-right:none;}
.top_user li img{width:auto;height:40px;border-radius:50%;float:left;margin-right:8px;margin-top:3px;}
.top_user p{width:65%;font-size:16px;line-height:22px;font-weight:300;color:#5166b0;float:left;}
.top_user em{padding:0 6px;font-size:12px;font-style:normal;line-height:17px;color:#f70;border:0.5px solid #f80;border-radius:4px;vertical-align:middle;margin-top:-2px;}
.top_user span{font-size:12px;line-height:18px;color:#999;}
.top_user .sanjiao{position:absolute;bottom:0;left:50%;margin-left:-12px;width: 0;height: 0;border-left:12px solid transparent;border-right:12px solid transparent;border-top: 16px solid rgba(255,255,255,.8);}

.group_user i{margin-top:-2px;}
.group_user li{width:90%;height:95px;padding:20px 5%;border-bottom:0.5px solid rgba(0,0,0,.12);overflow:hidden}
.group_user li .l_box{width:20%;height:95px;float:left}
.group_user li .l_box img{width:80%;height:auto;border-radius:50%;}
.group_user li .r_box{width:80%;height:95px;float:right;}
.group_user li .r_box h4{font-size:16px;line-height:24px;font-weight:300;color:#5166b0;}
.group_user li .r_box h4 a{color:#5166b0}
.group_user li .r_box p{width:100%;font-size:12px;line-height:24px;color:#999;}
.group_user li .r_box em{color:#666;}
.group_user li .r_box dl{width:102%;height:30px;margin-top:10px;}
.group_user li .r_box dt{float:left;width:23%;height:30px;margin-right:2%;font-size:15px;line-height:29px;text-align:center;color:#333;border:0.5px solid rgba(0,0,0,.1);border-radius:5px;background:rgba(255,255,255,.6);box-sizing:border-box;display:table-cell}
.group_user li .r_box dt:hover{background:rgba(0,0,0,.08)}

/*我的小组 - 弹出二维码*/
#seeqcode{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999}
.qcode_box{position:absolute;top:50%;left:50%;width:300px;height:380px;margin-left:-150px;margin-top:-190px;background:#fff;border-radius:8px;text-align:center;}
.qcode_box .colse{position:absolute;right:15px;top:14px;width:16px;height:16px;background:url(img/close_ico.png) no-repeat;background-size:16px auto;}
.qcode_box h4{width:100%;height:42px;padding:30px 0 20px;background:#f4f4f4;border-radius:8px 8px 0 0;font-size:18px;font-weight:300px;color:#333;line-height:24px;}
.qcode_box em{font-size:14px;line-height:18px;color:#666;}
.qcode_box img{width:200px;height:auto;margin:20px auto;}
.qcode_box p{font-size:12px;line-height:20px;color:#999;}
.qcode_box span{color:#ff4a4d;margin-right:6px;}

/*弹出评论框*/
#pinrun_box{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:99999;}
.pinrun_box{position:absolute;bottom:0;left:0;width:94%;height:35px;padding:10px 3%;background:#f4f4f4;}
.pinrun_txt{padding:5px 10px;width:78%;font-size:15px;line-height:24px;border:0.5px solid #ddd;background:#fff;border-radius:6px;box-sizing:border-box}
.pinrun_btn{padding:5px 10px;width:20%;font-size:15px;line-height:24px;color:#fff;border:0.5px solid #6478be;background:#6478be;border-radius:6px;box-sizing:border-box}

/*弹出发帖框*/
.shuming_box{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.6);z-index:99999}
.shuming_box .shuming_txt{position:absolute;bottom:0;left:0;width:88%;padding:20px 6%;background:#fff;}
.shuming_box .shuming_txt h4{font-size:18px;line-height:30px;text-align:center;color:#20213d;margin-bottom:15px;}
.shuming_box .shuming_txt p{font-size:14px;line-height:22px;text-align:left;color:#333;margin-bottom:10px;}
.shuming_box .shuming_txt .close_btn{display:block;font-size:14px;line-height:35px;width:100%;height:35px;background:#6478be;border-radius:6px;text-align:center;color:#fff;font-weight:300;margin-top:20px;}
.shuming_box .shuming_txt .close_ico{position:absolute;width:16px;height:16px;right:5%;top:15px;background:url(img/close_ico.png);background-size:16px auto;}
.shuming_box .shuming_txt li{width:100%;height:42px;font-size:16px;line-height:42px;text-align:center;border-bottom:0.5px solid rgba(0,0,0,.15);}
.shuming_box .shuming_txt li:last-child{border-bottom:none;}
.shuming_box .shuming_txt li i{margin-top:-3px;margin-right:6px;}

/*我的小组 - 消息动态*/
.group_news ul{padding-bottom:20px;border-top:0.5px dashed rgba(0,0,0,.15);border-bottom:0.5px dashed rgba(0,0,0,.15)}
.group_news li{width:80%;padding:20px 5% 10px;display:table-cell}
.group_news li .l_box{float:left;width:16%;box-sizing:border-box;display:table-cell}
.group_news li .l_box img{width:76%;height:auto;border-radius:50%;}

.group_news li .r_box{position:relative;float:right;width:84%;box-sizing:border-box;display:table-cell}
.group_news li .r_box em{display:inline-block;padding:0 6px;font-size:12px;font-style:normal;line-height:17px;color:#f70;border:0.5px solid #f80;border-radius:4px;margin-right:5px;vertical-align:middle;margin-top:-3px;}
.group_news li .r_box p{font-size:15px;line-height:22px;color:#5166b0;}
.group_news li .r_box span{float:right;font-size:12px;line-height:22px;color:#666;}
.group_news li .r_box .zhuzan{color:#f70;border:0.5px solid #f80;}
.group_news li .r_box .zhuyuan{color:#7cbc4d;border:0.5px solid #94cc6a;}
.group_news li .r_box .news_txt{margin-top:8px;padding:8px 10px;border-radius:6px;background:rgba(255,255,255,.8);color:#555}
.group_news li .r_box .left_ico{position:absolute;left:-13px;top:38px;width:13px;height:14px;background:url(img/chat_ico.png) no-repeat;background-size:13px auto;}

/*我的小组 - 学习进度章节*/
.study_list{position:relative;display:block;width:92%;padding:15px 5% 15px 3%;margin-top:5px;}
.study_list li{width:100%;height:165px;}

.study_list li .left_box{float:left;width:11%;height:165px;display:table-cell;background:url(img/left_line_bg2.png) top left;background-size:auto 120px;}
.study_list li .left_box .unfinshed{width:24px;height:24px;border-radius:50%;border:0.5px solid rgba(0,0,0,.2);font-size:14px;line-height:24px;text-align:center;background:url(img/page_bg.png);background-size:50px auto;color:#666;}
.study_list li .left_box .finshed{width:24px;height:24px;border-radius:50%;border:0.5px solid #9ac957;font-size:14px;line-height:24px;text-align:center;background:#9ac957;color:#fff;}
.study_list li .left_box .finshed i{margin-top:-4px;}
.study_list li .right_box{float:right;width:89%;display:table-cell;}
.study_list li .right_box h5{width:70%;display:inline-block;font-size:14px;line-height:24px;font-weight:200;color:rgba(0,0,0,.6);}
.study_list li .right_box .study_box{position:relative;display:block;width:100%;height:105px;padding:10px 0 0;background:rgba(255,255,255,.6);border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.12);}
.study_list li .right_box .study_box h4{padding:0 6%;font-size:16px;line-height:36px;font-weight:300;color:#5166b0;}
.study_list li .right_box .study_box p{padding:0 6%;font-size:12px;line-height:20px;color:#999;}
.study_list li .right_box .study_box i{margin-top:-2px;margin-left:-3px;margin-right:4px;}
.study_list li .right_box .study_box .bottom{width:88%;padding:0 6%;height:40px;margin-top:10px;background:#fff;font-size:14px;line-height:40px;color:#999;border-radius:0 0 8px 8px;}
.study_list li .right_box .study_box .study{float:right;padding:0 10px;margin-top:-10px;font-size:14px;line-height:24px;color:#666;border:0.5px solid #ddd;border-radius:12px;}
.study_list li .right_box .study_box .bottom .dozhuoye{float:right;color:#999;padding-right:14px;background:url(img/right_icon.png) no-repeat right;background-size:auto 16px;}

.study_list li .right_box .study_box .rightop_box{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;z-index:999;}
.study_list li .right_box .study_box .rightop_box .rNowTitle{background:#9ac957;color:#fff;font-size:11px;width:90px;height:22px;text-align:center;line-height:22px;font-weight:300;-webkit-transform:rotate(45deg);position:absolute;right:-26px;top:8px;}
.study_list li .right_box .study_box .rightop_box .rNowTitle2{border:0.5px solid #eee;background:#fff;color:#999;font-size:11px;width:90px;height:22px;text-align:center;line-height:22px;font-weight:300;-webkit-transform:rotate(45deg);position:absolute;right:-26px;top:8px;}
.study_list li .right_box .seedindan{float:right;color:#5166b0;text-decoration:underline;font-size:14px;line-height:30px;display:inline-block;}

.study_list li.disber{height:130px;}
.study_list li.disber .left_box{float:left;width:11%;height:130px;display:table-cell;background:url(img/left_line_bg2.png) top left;background-size:auto 120px;}
.study_list li.disber .study_box{position:relative;display:block;width:100%;height:70px;padding:10px 0 0;background:rgba(255,255,255,.6);border-radius:8px;box-shadow:0 0 5px rgba(0,0,0,.12);}
.study_list li.disber .study_box h4{padding:0 6%;font-size:16px;line-height:36px;font-weight:300; color:#888}