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

/* 右侧收缩菜单 */
.panel{position:relative;display:none;width:13%;height:100%;border:0;font-size:13px;line-height:24px;text-align:center;overflow:hidden;}
.panel .linebgimg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;background:url(img/panel_bg.jpg) right; background-size:auto 100%;z-index:999}
.panel .table_box{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,60,.6);z-index:9999}
.panel .table_box i{width:26px;height:26px;display:block;margin:0 auto;}
.panel .table_box td a{display:block;color:#fffeef;}
.panel .table_box .active{background:url(img/page_bg.png);background-size:50px auto;}
.panel .table_box .active a{color:#20213d}

/* 左侧框架 - 头部 */
#page {width:100%;height:100%;padding:0;margin:0;border:0;overflow:hidden;}
.topuser{width:90%;height:110px;padding:12px 5% 18px;background:url(img/index_bg.png) no-repeat left;background-size:auto 140px;}
.topuser .top_box{position:relative;display:block;width:100%;height:50px;padding:0 0 12px;}
.topuser .top_box .userimg{display:block;width:50px;height:50px;border-radius:50%;margin-right:10px;overflow:hidden;float:left;}
.topuser .top_box .usertxt{display:block;height:50px;float:left;}
.topuser .top_box .usertxt h4{font-size:18px;line-height:22px;font-weight:300;color:#20213d;padding-top:5px;}
.topuser .top_box .usertxt p{font-size:12px;line-height:20px;color:#666;}
.topuser .top_box .usertxt span{font-weight:400;color:#6478be;}

.topuser .top_box .dj_bar{position:absolute;display:block;right:0;top:28px;width:110px;height:5px;background:rgba(0,0,0,.08);border-radius:5px;margin-top:6px;}
.topuser .top_box .dj_bar span{position:absolute;left:0;top:0;height:5px;border-radius:5px;background:#6478be;}

.topuser .top_box #clock {position:absolute;right:0;top:3px; text-align:center;float:right;padding-top:5px;}
.topuser .top_box #clock .time {font-size:26px;line-height:30px;font-weight:200;color:#999;}
.topuser .top_box #clock .date {font-size:12px;line-height:14px;color:#999;}

.topuser .bom_box{width:100%;height:40px;font-size:14px;line-height:40px;color:#666;border-top:0.5px solid rgba(0,0,0,.1)}
.topuser .bom_box i{margin-top:-3px;margin-right:2px;}
.topuser .bom_box a{color:#666;font-weight:200}

/* 左侧框架 - 觉察当下 */
.tosee{width:100%;padding:0;}
.tosee li a{position:relative;display:block;width:90%;padding:10px 5% 12px;margin-bottom:5px;font-size:14px;line-height:28px;color:#666;border-bottom:0.5px solid rgba(0,0,0,.15);}
.tosee li h4{font-size:20px;line-height:28px;font-weight:300;color:#20213d;}
.tosee li .r_ico{position:absolute;right:5%;top:20px;width:28px;height:28px;background:url(img/icon_right_i.png) no-repeat;background-size:28px auto;}

/* 左侧框架 - 维善关系 */
.nexus_box{display:block;position:relative;width:100%;padding:10px 0;margin-bottom:5px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.nexus_box h4{font-size:20px;line-height:28px;font-weight:300;color:#20213d;padding-left:5%;}
.nexus_box p{width:90%;padding:0 5%;font-size:14px;line-height:28px;color:#666;}
.nexus_box .r_news{position:absolute;right:5%;top:13px;font-size:14px;line-height:18px;color:#999;padding-right:16px; background:url(img/right_icon.png) no-repeat right;background-size:18px auto;}
.nexus_box ul{width:93.6%;height:105px;padding:8px 3.2%;}
.nexus_box li{float:left;width:30.3333%;height:42px;margin:6px 1.5%;padding:0;background:rgba(0,0,0,.04);border:0.5px solid rgba(0,0,0,.15);font-size:14px;font-weight:300;line-height:40px;text-align:center;color:#555;border-radius:6px;box-sizing:border-box;display:table-cell;}

/* 左侧框架 - 提升认知 */
.themes_box{display:block;position:relative;width:100%;padding:10px 0;margin-bottom:5px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.themes_box h4{font-size:20px;line-height:28px;font-weight:300;color:#20213d;padding-left:5%;}
.themes_box .h4_r{position:absolute;right:5%;top:11px;font-size:14px;line-height:24px;color:#999;}
.themes_box ul{width:94%;height:130px;padding:8px 3%;}
.themes_box li{float:left;width:22%;height:31px;margin:6px 1.5%;padding:0;background:rgba(0,0,0,.04);border:0.5px solid rgba(0,0,0,.15);font-size:14px;font-weight:300;line-height:28px;text-align:center;color:#555;border-radius:20px;box-sizing:border-box;display:table-cell;}
.themes_box li.wid50{width:46.4%;height:33px;line-height:30px; margin:6px 1.8%;}

/* 左侧框架 - 今日成长 */
.view_list{display:block;position:relative;width:100%;padding:10px 0;border-bottom:0.5px solid rgba(0,0,0,.15);}
.view_list h4{font-size:20px;line-height:28px;font-weight:300;color:#20213d;padding-left:5%;}
.view_list .r_news{position:absolute;right:5%;top:13px;font-size:14px;line-height:18px;color:#999;padding-right:16px; background:url(img/right_icon.png) no-repeat right;background-size:18px auto;}

.view_list li{position:relative;display:block;width:100%;padding-top:10px;}
.view_list p{width:90%;padding:0 0 5px;margin:0 auto;line-height:40px;border-bottom:0.5px dashed rgba(0,0,0,.2)}
.view_list span{font-size:13px;color:#999;}
.view_list h5{font-size:14px;font-weight:300;line-height:25px;padding-left:5%;height:25px;background:url(img/view_title_bg.png) no-repeat left;background-size:auto 100px;}
.view_list .sty01{background-position:0 0;color:#333}
.view_list .sty02{background-position:0 -25px;color:#333;}
.view_list .sty03{background-position:0 -50px;color:#333}
.view_list .sty04{background-position:0 -75px;color:#333}

.view_list li .unfend{position:absolute;right:5%;top:11px;padding:0 8px;border:0.5px solid rgba(0,0,0,.15);background:rgba(255,255,255,.6);border-radius:10px;font-size:12px;line-height:19px;color:#999;}
.view_list li .fend{position:absolute;right:5%;top:11px;padding:0 8px;border:0.5px solid #7cb456;background:rgba(255,255,255,.6);border-radius:10px;font-size:12px;line-height:19px;color:#6aad3c;}

.right_bottom{position:relative;display:block;width:90%;height:60px;margin:0 auto;border-radius:8px 8px 0 0;background:rgba(10,20,100,1);overflow:hidden;}
.right_bottom img{opacity:0.5;filter:Alpha(opacity=50);margin-top:-15px;}
.right_bottom .view_title{position:absolute;top:15px;left:5%;width:90%;height:30px;font-size:16px;font-weight:300;line-height:30px;color:#fff;}
.right_bottom .view_title i{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-top:-3px;}
.right_bottom .view_title .view_icon{background:url(img/view_icon.png);background-size:auto 30px;}
.right_bottom .view_title .icon01{background-position:0 0;}
.right_bottom .view_title .icon02{background-position:-30px 0;}
.right_bottom .view_title .icon03{background-position:-60px 0;}
.right_bottom .view_title .icon04{background-position:-90px 0;}
.right_bottom .view_title .icon05{background-position:-120px 0;}

.rightop_box{position:absolute;top:0;right:0;width:60px;height:60px;overflow:hidden;z-index:999;}
.rightop_box .rNowTitle{background:#ff8287;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;}

/* 左侧框架 - 最新消息 */
.news_top{position:relative;display:block; width:90%;padding:20px 5%;height:185px;border-bottom:0.5px solid rgba(0,0,0,.15);}
.news_top h4{font-size:20px;line-height:30px;font-weight:300;color:#20213d;margin-bottom:10px;}
.news_top .r_news{position:absolute;right:5%;top:26px;font-size:14px;line-height:18px;color:#999;padding-right:16px; background:url(img/right_icon.png) no-repeat right;background-size:18px auto;}

#FontScroll{width:100%;height:150px;font-size:14px;line-height:30px;color:#666;overflow:hidden;}
#FontScroll li{width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#FontScroll .line{width:100%;}
#FontScroll .fontColor{color:#666;}
#FontScroll em{color:#5562A0}
#FontScroll .news_icon {display:inline-block;border:0.5px solid #ff9ea2;background:rgba(255,255,255,.6);padding:0 8px 0;font-size:12px;line-height:17px;color:#ff9ea2;border-radius:16px;vertical-align:middle;margin-top:-2px;}
#FontScroll .ps_icon {display:inline-block;border:0.5px solid #8196d0;background:rgba(255,255,255,.6);padding:0 8px 0;font-size:12px;line-height:17px;color:#8196d0;border-radius:16px;vertical-align:middle;margin-top:-2px;}
#FontScroll .sale_icon {display:inline-block;border:0.5px solid #f7ce29;background:rgba(255,255,255,.6);padding:0 8px 0;font-size:12px;line-height:17px;color:#f7ce29;border-radius:16px;vertical-align:middle;margin-top:-2px;}
#FontScroll .gongao_icon {display:inline-block;border:0.5px solid #94cc6a;background:rgba(255,255,255,.6);padding:0 8px 0;font-size:12px;line-height:17px;color:#94cc6a;border-radius:16px;vertical-align:middle;margin-top:-2px;}

/* 左侧框架 - 相关推荐 */
.nominate{position:relative;display:block;width:100%;padding:15px 0 0;}
.nominate h4{width:90%;padding:0 5%;font-size:20px;line-height:30px;font-weight:300;color:#20213d;}
.nominate .r_news{position:absolute;right:5%;top:20px;font-size:14px;line-height:18px;color:#999;padding-right:16px; background:url(img/right_icon.png) no-repeat right;background-size:18px auto;}
.nominate ul{width:90%;padding:0 5%;}
.nominate li {padding:15px 0 25px;border-bottom:0.5px dashed rgba(0,0,0,.2)}
.nominate li h4{padding:0;border-bottom:none;margin-bottom:5px;font-size:16px;line-height:30px;font-weight:300;color:#20213d;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.nominate li p{height:66px;font-size:14px;line-height:22px;color:#666;font-weight:300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical;}
.nominate li .train_img{position:relative;display:block;width:34.5%;height:66px;border-radius:5px;float:left;margin-right:12px;overflow:hidden}
.nominate li .train_img img{width:auto;height:66px;}
.nominate li .train_img .text{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;}
.nominate li .train_img .icon01{background:url(img/tap_bg07.png) top no-repeat;background-size:20px auto;}
.nominate li .train_img .icon02{background:url(img/tap_bg08.png) top no-repeat;background-size:20px auto;}
.nominate li .train_img .icon03{background:url(img/tap_bg06.png) top no-repeat;background-size:20px auto;}
.nominate li .train_img .icon04{background:url(img/tap_bg05.png) top no-repeat;background-size:20px auto;}

/* 咨询频道页 */
.topbox2{position:relative;display:block;width:90%;height:40px;border-bottom:0.5px solid rgba(0,0,0,.1);padding:14px 5% 13px;}
.topbox2 .logo img{float:left;width:auto;height:40px;margin-right:5px;}
.topbox2 .title{height:36px;margin-left:12px;}
.topbox2 .title h2{font-size:16px;font-weight:300;line-height:24px;color:#aaa;}
.topbox2 .title p{font-size:13px;line-height:12px;color:#333;}
.topbox2 .topbtn{position:absolute;right:0;top:20px;padding:0 5% 1px 10px;font-size:14px;line-height:28px;border-radius:15px 0 0 15px;background:#fff;}

#scrollDiv{position:relative;width:100%;height:35px;padding:0 15px 0 35px;font-size:13px;font-weight:300;color:#333;line-height:35px;overflow:hidden;background-image:url(img/scrollDiv_bg.png);background-size:auto 16px;background-repeat:no-repeat;background-position:left;background-color:rgba(0,0,0,.06);}
#scrollDiv li{height:35px;line-height:35px;}
#scrollDiv a{color:#20213d;font-weight:300;}

.tutor_box, .counselor{position:relative;display:block;width:90%;padding:18px 5%;border-top:1px solid #fff;border-bottom:10px solid rgba(0,0,0,.06);overflow:hidden;}
.tutor_box h4, .counselor h4{width:100%;height:14px;border-left:2px solid #4b5fa7;padding-left:8px;font-size:14px;line-height:14px;text-align:left;font-weight:300;color:#333;margin-bottom:15px;}
.tutor_box span{font-weight:300;color:#999;line-height:24px;}
.tutor_box li{padding:15px 0;border-bottom:0.5px dashed rgba(0,0,0,.15)}
.tutor_box li img{width:auto;height:100px;border-radius:4px;margin-right:15px;float:left;overflow:hidden}
.tutor_box li .name{font-size:16px;line-height:22px;font-weight:300;color:#20213d;}
.tutor_box li .name span{font-size:13px;line-height:22px;font-weight:300;color:#666;vertical-align:middle}
.tutor_box li .name p{height:44px;font-size:13px;line-height:22px;font-weight:300;color:#666;margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.tutor_box .rNowTitle{background:rgba(255,50,60,.4);color:#fff;font-size:12px;width:90px;height:20px;text-align:center;line-height:20px;font-weight:300; -webkit-transform:rotate(45deg);position:absolute;right:-24px;top:9px;}
.tutor_box li .bomprice{height:24px;margin-top:10px;font-size:13px;line-height:24px;color:#333;}
.tutor_box li .bomprice span{font-weight:300;color:#ff4a4d}

.counselor input{width:100%;padding:4px 10px;font-size:15px;line-height:24px;font-weight:300;color:#333;border:0.5px solid rgba(0,0,0,.15);border-radius:5px;background:url(img/icon_search.png) rgba(0,0,0,.03) no-repeat right;background-size:auto 22px;}

.selectbox{position:absolute;left:0;top:98px;width:100%;height:40px;background:rgba(255,255,255,.5);border-bottom:0.5px solid rgba(0,0,0,.15);clear:both;}
.selemediv{position:relative;display:block;float:left;width:33%;height:22px;margin:9px 0;border-right:0.5px solid #ccc;}
.selemenu{width:32px;height:22px;padding-right:18px;margin:0 auto;font-size:14px;line-height:22px;text-align:left;color:#666;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:31px;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:999;border-radius:0 0 5px 5px;}
.citylist span{display:block;clear:both;cursor:pointer;}
.citylist span:hover{background:#f2f2f2;color:#20213d}

.counselor li a{position:relative;display:block;padding:20px 0;height:100px;border-bottom:0.5px dashed rgba(0,0,0,.2);}
.counselor li .left_img{width:20%;height:100px;float:left;}
.counselor li .left_img img{width:100%;height:auto;border-radius:100%;overflow:hidden;}

.counselor li .right_txt{position:relative;display:block;width:76.5%;float:right;margin-left:3.5%;}
.counselor li .right_txt h4{font-size:16px;line-height:22px;font-weight:300;color:#20213d;padding:0;border:0;}
.counselor li .right_txt span{font-size:13px;line-height:22px;font-weight:300;color:#666;vertical-align:middle}
.counselor li .right_txt p{height:22px;margin:0;font-size:13px;line-height:22px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.counselor li .top_tj{position:absolute;right:0;top:0; width:36px;height:33px;padding-top:4px;background:url(img/toptj_bg.png);background-size:36px auto;font-size:11px;line-height:12px;text-align:center;font-weight:300;color:#fff;z-index:999}

.right_txt .prbottom_txt{height:20px;font-size:13px;line-height:20px;margin-top:10px;}
.right_txt .prbottom_txt span{color:#ff4a4d !important;font-weight:300 !important}
.right_txt .prbottom_txt i{margin-top:-3px;margin-right:3px;}
.right_txt .prbottom_txt .dz_icon{margin-right:20px;color:#666;}
.right_txt .prbottom_txt .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.right_txt .prbottom_txt .dz_icon input[type="checkbox"] + span{width:16px;height:16px;vertical-align:middle;margin-top:-3px;margin-right:3px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 16px;background-position:0 0;}
.right_txt .prbottom_txt .dz_icon input[type="checkbox"]:checked + span{width:16px;height:16px;background-position:-16px 0}

/* 咨询师详情页 */
#zxsId{width:100%;background:url(img/zxspage_bg.jpg);background-size:40px auto;}
.zxsjj_box{text-align:center;}
.zxsjj_box .train_top{width:92%;height:45px;padding:0 4%;z-index:999;text-align:center;}
.train_top .wback_icon{display:block;width:24px;height:24px;float:left;margin-top:10px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 24px;}
.train_top .share_icon{width:26px;height:26px;float:right;margin-top:10px;background:url(img/share_icon.png) no-repeat left top;background-size:26px auto;}

.zxsjj_box ul{height:100px;width:92%;margin:10px 4%;}
.zxsjj_box li{float:left;}
.zxsjj_box .leftright_box{width:35%;padding:10px 0;margin-top:16px;border-top:0.5px dashed rgba(255,255,255,.4);border-bottom:0.5px dashed rgba(255,255,255,.4);font-size:12px;font-weight:300;line-height:20px;color:rgba(255,255,255,.5);text-align:center;}
.zxsjj_box .leftright_box h4{font-size:24px;line-height:28px;font-weight:300;color:#fff;}
.zxsjj_box .center_box{width:30%;}
.zxsjj_box .center_box img{width:92px;height:92px;margin:0 auto;border-radius:100%;border:4px solid rgba(255,255,255,.2);overflow:hidden}
.zxsjj_box h4{font-size:18px;line-height:30px;font-weight:300;color:#fff;display:inline-block}
.zxsjj_box p{font-size:12px;line-height:30px;font-weight:300;text-align:center;color:rgba(255,255,255,.6);magin-top:5px;}
.zxsjj_box i{display:inline-block;margin-top:-4px;}
.zxsjj_box .dj_tag{display:inline-block;font-size:12px;line-height:18px;font-weight:300;font-style:normal;color:#fff;padding:0 10px;background:rgba(255,150,150,.85);border-radius:10px;margin-left:5px;vertical-align:middle;margin-top:-3px;}

/* 咨询师详情页-tab滑动门 */
.wrap{width:94%;padding:0 3%;}
.tabs{border-radius:6px 6px 0 0;margin-top:30px;}
.tabs ul{width:100%;height:40px;border-radius:8px 8px 0 0;overflow:hidden;}
.tabs li a{float:left;width:25%;height:40px;background:rgba(255,255,255,.2);font-size:15px;line-height:40px;color:#fff;font-weight:300;text-align:center}
.tabs li.active a{background:url(img/page_bg.png);background-size:50px auto;font-weight:400;color:#20213d;}
.wrap .swiper-container{width:100%;height:auto;padding:20px 0 25px;background:url(img/page_bg.png);background-size:50px auto;border-radius:0 0 8px 8px;}

/* 咨询师详情页-简介 */
.zxs_page{width:93%;padding:0 4%;}
.zxs_page h4{font-size:16px;line-height:30px;font-weight:300;color:#20213d;text-align:center;}
.zxs_page h5{font-size:15px;line-height:25px;font-weight:300;color:#20213d;}
.zxs_page span{color:#ff8287}
.zxs_page p{font-size:14px;line-height:25px;margin-bottom:20px;color:#666}
.zxs_page img{margin:15px 0;border-radius:6px;overflow:hidden;}
.zxs_page .zxs_note{padding:10px;font-size:14px;line-height:24px;font-weight:200;background:rgba(0,0,0,.05);border-radius:6px;}
.zxs_page .zxs_note i{margin-top:-3px;margin-right:3px;}

/* 咨询师详情页-服务 */
.counselor_list{position:relative;margin-top:15px;margin-bottom:15px;padding:12px 0 0;border-top:0.5px solid rgba(0,0,0,.15);}
.counselor_list li{width:33.33%;text-align:center;float:left;font-size:15px;color:#333;line-height:25px;}
.counselor_icon{background:url(img/counselor_icon.png) no-repeat;}
.type01{display:block;width:50px;height:50px;margin:0 auto;background-size:auto 50px;background-position:0 0;}
.type02{display:block;width:50px;height:50px;margin:0 auto;background-size:auto 50px;background-position:-50px 0;}
.type03{display:block;width:50px;height:50px;margin:0 auto;background-size:auto 50px;background-position:-100px 0;}
.type04{display:block;width:35px;height:35px;margin:0 auto;background-size:auto 35px;background-position:-105px 0;}
.type05{display:block;width:35px;height:35px;margin:0 auto;background-size:auto 35px;background-position:-140px 0;}
.type06{display:block;width:35px;height:35px;margin:0 auto;background-size:auto 35px;background-position:-175px 0;}
.type07{display:block;width:35px;height:35px;margin:0 auto;background-size:auto 35px;background-position:-210px 0;}
.type08{display:inline-block;width:25px;height:25px;vertical-align:middle;margin-top:-4px;margin-right:4px;background-size:auto 25px;background-position:-175px 0;}
.type09{display:inline-block;width:25px;height:25px;vertical-align:middle;margin-top:-4px;margin-right:4px;background-size:auto 25px;background-position:-200px 0;}

.counselor_list p{font-size:12px;font-weight:300;color:#666;line-height:40px;margin-bottom:5px;}
.counselor_list span{font-size:12px;color:#ff4a4d;line-height:40px;}
.counselor_list strong{font-size:18px;font-weight:300;color:#ff4a4d;line-height:40px;}
.counselor_list .beizhu{width:100%;height:32px;background:rgba(0,0,0,.05);font-size:12px;line-height:32px;text-align:center;color:#333;}

.counselor2_list{position:relative;height:70px;margin-top:15px;margin-bottom:15px;padding:12px 0 0;border-top:0.5px solid rgba(0,0,0,.15);border-bottom:0.5px solid rgba(0,0,0,.15)}
.counselor2_list li a{display:block;width:49.6%;height:50px;margin-top:5px;float:left;font-size:15px;color:#333;line-height:25px;text-align:center;border-right:0.5px solid rgba(0,0,0,.15)}
.counselor2_list p{font-size:12px;font-weight:300;color:#666;line-height:25px;margin-bottom:5px;}
.counselor2_list span{font-size:12px;color:#ff4a4d;line-height:25px;}
.counselor2_list strong{font-size:18px;font-weight:300;color:#ff4a4d;line-height:25px;}

.zxs_cyzz, .zxs_scly, .zxs_yyxz{position:relative;display:block;margin-top:25px;border-bottom:0.5px solid rgba(0,0,0,.15);clear:both}
.zxs_cyzz p{width:75%;height:44px;font-size:14px;line-height:22px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.zxs_cyzz span{font-size:12px;line-height:25px;font-weight:300;color:#666;}
.zxs_cyzz .zxs_cyzz_icon{position:absolute;right:0;top:4px;width:75px;height:75px;background:url(img/zxs_cyzz_icon.png);background-size:75px auto;}
.zxs_scly{padding-bottom:15px;}
.zxs_scly ul{height:100px;height:80px;overflow: hidden}
.zxs_scly li{padding:0 10px;font-size:14px;line-height:30px;color:#333;background:rgba(255,255,255,.6);border-radius:15px;float:left;margin:0 10px 10px 0;}

.zxs_yyxz p{maring-bottom:10px;color:#666}
.zxs_yyxz strong{font-weight:300;color:#20213d}

.zxs_pdbz{margin-top:25px;}
.zxs_pdbz .counselor_icon{margin-bottom:6px;}
.zxs_pdbz ul{height:80px;padding:13px 0;background:rgba(0,0,0,.05);border-radius:6px;}
.zxs_pdbz li{width:25%;float:left;text-align:center;font-size:14px;line-height:18px;}
.zxs_pdbz span{font-size:12px;line-height:18px;color:#666;}

/* 咨询师详情页-动态 */
.zxs_gxdt{padding:18px 0 20px;margin-top:15px;height:75px;border-top:0.5px solid rgba(0,0,0,.15);border-bottom:0.5px solid rgba(0,0,0,.15)}
.zxs_gxdt li a{display:block;width:20%;height:75px;float:left;font-size:14px;line-height:20px;color:#333;text-align:center;}
.zxs_gxdt span{font-size:12px;line-height:16px;color:#666;}
.zxs_gxdt i{display:block;width:30px;height:30px;margin:0 auto 5px;}
.zxs_gxdt li .zxs_gxdt_icon{background:url(img/icon_news.png);background-size:auto 30px;}
.zxs_gxdt li .icon1{background-position: 0 0;}
.zxs_gxdt li .icon2{background-position: -30px 0;}
.zxs_gxdt li .icon3{background-position: -60px 0;}
.zxs_gxdt li .icon4{background-position: -90px 0;}
.zxs_gxdt li .icon5{background-position: -120px 0;}

.zxs_group{margin-top:20px;padding:0;}
.zxs_group .czxz_box{position:relative;display:block;width:91%;padding:15px 4%;height:130px;background:rgba(255,255,255,.6);border-radius:6px;}
.zxs_group .czxz_box h4{font-size:16px;line-height:26px;font-weight:300;color:#20213d;text-align:left;display:inline-block}
.zxs_group .czxz_box p{width:85%;height:60px;font-size:12px;line-height:20px;color:#666;margin-top:5px;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.zxs_group .czxz_box .bottom{height:40px;font-size:14px;line-height:40px;color:#666;border-top:0.5px dashed rgba(0,0,0,.2)}
.zxs_group .czxz_box .bottom i{width:18px;height:18px;margin-top:-3px;margin-right:4px;}
.zxs_group .czxz_box .top_tj{position:absolute;right:13px;top:0; width:36px;height:33px;padding-top:4px;background:url(img/toptj_bg.png);background-size:36px auto;font-size:11px;line-height:12px;text-align:center;font-weight:300;color:#fff;z-index:999}
.zxs_group .czxz_box .righticon{position:absolute;right:15px;top:60px;width:30px;height:30px;}

.zxs_group li {position:relative;display:block;width:99%;padding:20px 0 15px;border-top:0.5px solid rgba(0,0,0,.15);}
.zxs_group li h4{margin-bottom:12px;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#20213d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zxs_group li p{height:88px;font-size:14px;line-height:22px;color:#666;font-weight:300;margin:0;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow: hidden;}

.zxs_group li .prbottom_txt{width:100%;height:30px;font-size:13px;line-height:30px;color:#666;margin-top:10px}
.zxs_group li .prbottom_txt span{color:#666}
.zxs_group li .prbottom_txt i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:-4px;margin-right:3px;}
.zxs_group li .prbottom_txt .icon_voler{width:16px;height:16px;background:url(img/icon_voler.gif) no-repeat;background-size:16px auto;}
.zxs_group li .prbottom_txt .zz_icon{font-weight:300;}
.zxs_group li .prbottom_txt .zz_icon img{width:18px;height:18px;border-radius:100%;float:left;margin-top:4px;margin-right:5px;}
.zxs_group li .prbottom_txt .zz_icon span{ont-size:13px;font-weight:300;color:#999;}
.zxs_group li .prbottom_txt .dz_icon{margin-right:20px;}
.zxs_group li .prbottom_txt .dz_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.zxs_group li .prbottom_txt .dz_icon input[type="checkbox"] + span{width:16px;height:16px;vertical-align:middle;margin-top:-4px;margin-right:4px;display:inline-block;background:url(img/icon_laud.png) no-repeat left;background-size:auto 16px;background-position:0 0;}
.zxs_group li .prbottom_txt .dz_icon input[type="checkbox"]:checked + span{width:16px;height:16px;background-position:-16px 0}

.zxs_group li .train_img{position:relative;display:block;width:45%;height:88px;border-radius:5px;float:left;padding:0;margin:0 12px 0 0;overflow:hidden}
.zxs_group li .train_img img{width:auto;height:88px;margin:0;padding:0;}
.zxs_group li .train_img .text{position:absolute;left:15px;top:0;width:20px;padding:5px 0 10px;font-size:12px;line-height:13px;text-align:center; color:#fff;font-weight:300;}
.zxs_group li .train_img .icon01{background:url(img/tap_bg07.png) top no-repeat;background-size:20px auto;}
.zxs_group li .train_img .icon02{background:url(img/tap_bg08.png) top no-repeat;background-size:20px auto;}
.zxs_group li .train_img .icon03{background:url(img/tap_bg06.png) top no-repeat;background-size:20px auto;}
.zxs_group li .train_img .icon04{background:url(img/tap_bg05.png) top no-repeat;background-size:20px auto;}

/* 咨询师详情页-评价 */
.gxpr_box{width:100%;margin-top:15px;padding:10px 0;border-top:0.5px solid rgba(0,0,0,.15);border-bottom:0.5px solid rgba(0,0,0,.15);}
.gxpr_box table{margin:15px 0;}
.gxpr_box .left_img img{width:100%;height:auto;border-radius:100%;overflow:hidden;margin:0;padding:0;}
.gxpr_box .center_ico{padding-top:20px;}
.gxpr_box .center_ico .icon_ico{width:0;height:0;border-top:7px solid transparent;border-right:14px solid rgba(255,255,255,.6);border-bottom:7px solid transparent;}
.gxpr_box .right_txt{width:91%;padding:10px 4%;background:rgba(255,255,255,.6);border-radius:6px;}
.gxpr_box .right_txt p{font-size:14px;line-height:22px;color:#333;margin:0;}
.gxpr_box .right_txt .bottom{font-size:12px;line-height:20px;margin-top:6px;color:#666;text-align:right}
.gxpr_box i{margin-right:4px;margin-top:-2px;}

/* 咨询师详情页-底部按钮 */
.btnbox_dibu{position:fixed;bottom:0;left:0;padding-right:0;margin:0;width:100% !important;height:48px;z-index:999}
.btnbox_dibu .left_box{float:left;width:55%;height:48px;background:url(img/page_bg.png);background-size:50px auto;border-top:0.5px solid rgba(0,0,0,.15);}
.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:45%;height:48px;font-size:16px;background:#6478be;border-top:0.5px solid #6478be;line-height:48px;font-weight:300;color:#fff;text-align:center;}

.note_bottom{padding-bottom:45px;font-size:14px;line-height:60px;text-align:center;color:#fff;}
.note_bottom .right_ico{width:18px;height:18px;background:url(img/icon_right.png);background-size:18px auto;vertical-align:middle;display:inline-block;margin-top:-2px;}

/* 咨询师-聊天界面 */
.chat_top_box{position:fixed;left:0;top:42px;width:100%;height:20px;padding:12px 0;background:#f5f5f5;box-shadow:0 2px 6px rgba(0,0,0,.06); z-index:999}
.chat_top_box li a{float:left;width:25%;height:20px;font-size:15px;line-height:20px;color:#333;text-align:center}
.chat_top_box li i{margin-right:3px;margin-top:-3px;}

.chat_box{width:92%;padding:45px 4%;overflow-y:scroll;}
.chat_box .chat_time{font-size:14px;line-height:46px;font-weight:300;color:#666;text-align:center}
.question, .answer{margin-bottom:20px;}
.question{text-align:right;}
.question>div{display:inline-block;}
.heard_img{height:50px;width:50px;border-radius:100%;overflow:hidden;background:#fff;}
.heard_img img{width:100%;height:auto}
.question_text .red_dot, .answer_text .red_dot{position: absolute; right:-12px;top:2px; width:7px;height:7px;border-radius:7px;background:#ff4a4d;}
.question_text, .answer_text{min-height:50px;position:relative;box-sizing:border-box;display:table-cell;}
.question_text{padding-right:20px;}
.answer_text{padding-left:20px;}
.question_text p, .answer_text p{border-radius:8px;padding:13px;margin:0;font-size:15px;line-height:24px;}
.question_text img, .answer_text img{border-radius:6px;}
.answer_text p{background:#fff;color:#20213d}
.question_text p{background:#6281c0;color:#fff;font-weight:300;text-align:left;}
.question_text i, .answer_text i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;top:20px;}
.answer_text i{border-right:10px solid #fff;left:10px;}
.question_text i{border-left:10px solid #6281c0;right:10px;}
.question_text span, .answer_text span{font-family:Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"}
.question_text .play_down, .question_text .play_up{display:inline-block;width:18px;height:18px;margin-top:3px;float:right;}
.answer_text .play_down, .answer_text .play_up{display:inline-block;width:18px;height:18px;margin-top:3px;float:left;}
.question_text .play_down{background:url(img/chat_play_right01.gif);background-size:18px auto;}
.question_text .play_up{background:url(img/chat_play_right02.gif);background-size:18px auto;}
.answer_text .play_down{background:url(img/chat_play_left01.gif);background-size:18px auto;}
.answer_text .play_up{background:url(img/chat_play_left02.gif);background-size:18px auto;}

.chat_bottom{position:fixed;left:0;bottom:0;padding:7px 2%;width:96%;text-align:center;background:#f5f5f5;box-shadow:0 -2px 6px rgba(0,0,0,.06);z-index:999}
.chat_bottom .bottom_box{width:100%;height:38px;}
.chat_bottom i{width:38px;height:38px;line-height:38px;float:left;margin:0 2px;}
.chat_bottom .icon_chat{background:url(img/icon_chat.png);background-size:auto 38px;}
.chat_bottom .icon01{background-position:0 0;}
.chat_bottom .icon02{background-position:-38px 0;}
.chat_bottom .icon03{background-position:-76px 0;}
.chat_bottom .icon04{background-position:-114px 0;}
.chat_bottom .icon05{background-position:-152px 0;}
.chat_bottom .icon06{background-position:-190px 0;}
.chat_bottom .icon07{background-position:-228px 0;}
.chat_bottom .icon08{background-position:-266px 0;}
.chat_bottom .icon09{background-position:-304px 0;}
.chat_bottom .icon10{background-position:-342px 0;}
.chat_bottom .icon11{background-position:-380px 0;}
.chat_bottom .icon12{background-position:-418px 0;}
.chat_bottom .audio_btn{height:36px;font-size:16px;line-height:36px;font-weight:300;color:#20213d;text-align:center;background:#fff;border:0.5px solid #ccc;border-radius:5px;float:left;margin:1px 2px;}
@media screen and (min-width: 1025px) { 
.audio_btn {width: 89%} 
} 
@media screen and (max-width: 1024px) { 
.audio_btn {width: 86%} 
} 
@media screen and (max-width: 960px) { 
.audio_btn {width: 85%} 
} 
@media screen and (max-width: 640px) { 
.audio_btn {width: 68%} 
} 
@media screen and (max-width: 580px) { 
.audio_btn {width: 65%} 
} 
@media screen and (max-width: 414px) { 
.audio_btn {width: 66%} 
} 
@media screen and (max-width: 384px) { 
.audio_btn {width: 64%} 
} 
@media screen and (max-width: 375px) { 
.audio_btn {width: 63%} 
} 
@media screen and (max-width: 360px) { 
.audio_btn {width: 61.5%} 
} 
@media screen and (max-width: 320px) { 
.audio_btn {width: 57%} 
} 
.chat_bottom input{appearance:none;-webkit-appearance:none;outline:none;}
.chat_bottom .order_btn{width:92%;height:38px;margin:2px auto;font-size:16px;line-height:38px;font-weight:300;color:#fff;background:#6478be;border-radius:5px;border:none;}
.chat_bottom .txt_input{height:28px;padding:4px 8px;font-size:16px;line-height:28px;font-weight:300;color:#20213d;text-align:left;background:#fff;border:0.5px solid #ccc;border-radius:5px;float:left;margin:1px 2px;display:none;}
@media screen and (min-width: 1025px) { 
.txt_input {width: 87.7%} 
} 
@media screen and (max-width: 1024px) { 
.txt_input {width: 84.4%} 
} 
@media screen and (max-width: 960px) { 
.txt_input {width: 83.3%} 
} 
@media screen and (max-width: 640px) { 
.txt_input {width: 68%} 
} 
@media screen and (max-width: 580px) { 
.txt_input {width: 65%} 
} 
@media screen and (max-width: 414px) { 
.txt_input {width: 62%} 
} 
@media screen and (max-width: 384px) { 
.txt_input {width: 59.8%} 
} 
@media screen and (max-width: 375px) { 
.txt_input {width: 58.5%} 
} 
@media screen and (max-width: 360px) { 
.txt_input {width: 57%} 
} 
@media screen and (max-width: 320px) { 
.txt_input {width: 51.8%} 
} 
#audio_ico{display:none}
.chat_bottom .more_nuon{width:100%;height:auto;padding:12px 0 0;margin-top:8px;border-top:0.5px solid #e3e3e3;}
.chat_bottom .more_nuon li{position:relative;float:left;width:25%;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:300;text-align:center;color:#333;}
.chat_bottom .more_nuon li span{display:block;width:38px;height:38px;margin:0 auto;}

/* 咨询预约 */
.order_toptitle{position:relative;display:block;height:112px;padding-top:45px;border-bottom:10px solid rgba(0,0,0,.06);}
.order_toptitle h4{width:90%;padding:0 5%;font-size:14px;font-weight:300;line-height:30px;color:#666;border-bottom:0.5px solid rgba(0,0,0,.15)}
.order_toptitle h5{font-size:16px;line-height:26px;color:#333;margin:18px 0 0;}
.order_toptitle p{font-size:12px;line-height:14px;color:#666;margin:0;}
.order_toptitle .userimg{float:left;width:50px;height:50px;margin-top:15px;margin-left:5%;margin-right:10px;border-radius:50px;overflow:hidden}
.order_toptitle .shixin_btn{position:absolute;right:5%;top:100px;padding:3px 15px 3px 11px;font-size:14px;line-height:22px;color:#333;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.2);border-radius:5px;}
.order_toptitle .shixin_btn i{margin-top:-2px;margin-right:2px;}
.order_box{position:relative;display:block;padding:20px 0;border-top:1px solid #fff;border-bottom:10px solid rgba(0,0,0,.06);}
.counte_box{position:relative;display:block;padding:20px 0 10px;border-top:1px solid #fff;}
.order_box h4, .counte_box h4{width:90%;height:40px;padding:0 5%;border-bottom:0.5px solid rgba(0,0,0,.1);font-size:16px;font-weight:300;color:#20213d;}
.order_box span, .counte_box span{font-size:14px;color:#666;font-weight:300;margin-left:10px;}

/*ui-choose样式，可根据实际项目需求进行调整*/
select.ui-choose, select.ui-choose2{display:none;}
ul.ui-choose{box-sizing:border-box;display:inline-block;width:100%;padding:18px 4% 18px 5%;border:0.5px solid transparent;border-right:none;border-bottom:none;vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
ul.ui-choose:after {content:""; display:table; clear:both; }
ul.ui-choose>li {box-sizing:border-box;border:0.5px solid rgba(0,0,0,.2);float:left;width:33.33%;height:70px;background:rgba(255,255,255,.6);font-size:16px;line-height:25px;font-weight:300;color:#ff4a4d;margin:-1px 0 0 -1px; padding:10px 0; cursor:pointer; position:relative; z-index:1; text-align:center; }
ul.ui-choose>li span{font-size:10px;font-weight:300;color:#666;margin-left:2px;}
ul.ui-choose>li h5{font-size:16px;font-weight:300;line-height:25px;color:#20213d;margin:0;}
ul.ui-choose>li:first-child { border-radius:5px 0 0 5px; }
ul.ui-choose>li:last-child { border-radius:0 5px 5px 0; }
ul.ui-choose>li:hover {z-index:4; border-color:#6478be; color:#6478be; }
ul.ui-choose>li:hover span{color:#6478be; }
ul.ui-choose>li:hover h5{color:#6478be; }
ul.ui-choose>li.selected {z-index:3; border-color:#6478be; background-color:#6478be; color:#fff; }
ul.ui-choose>li.selected span{color:#fff; }
ul.ui-choose>li.selected h5{font-weight:300; color:#fff; }

ul.ui-choose2{box-sizing:border-box;display:inline-block;width:100%;padding:18px 4% 18px 5%;border:0.5px solid transparent;border-right:none;border-bottom:none;vertical-align:middle; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
ul.ui-choose2:after {content:""; display:table; clear:both; }
ul.ui-choose2>li {box-sizing:border-box;border:0.5px solid rgba(0,0,0,.2);float:left;width:25%;height:40px;background:rgba(255,255,255,.6);font-size:15px;line-height:30px;font-weight:300;color:#20213d;margin:-1px 0 0 -1px; padding:5px 0; cursor:pointer;position:relative; z-index:1; text-align:center; }
ul.ui-choose2>li:first-child { border-radius:5px 0 0 0; }
ul.ui-choose2>li:nth-child(4) { border-radius:0 5px 0 0 ; }
ul.ui-choose2>li:nth-child(5) { border-radius:0 0 0 5px ; }
ul.ui-choose2>li:last-child { border-radius:0 0 5px 0; }
ul.ui-choose2>li:hover {z-index:4; border-color:#6478be; color:#6478be; }
ul.choose-type-right>li.selected { border-color:#fff;font-weight:300;background-color:#6478be;color:#fff;}

.order_box input{appearance:none;-webkit-appearance:none;outline:none;}
.order_box .price_box{width:90%;padding:0 5%;font-size:14px;line-height:30px}
.order_box .add_chose{width:120px;height:30px;float:right;box-sizing:border-box;}
.order_box .add_chose .reduce{float:right;box-sizing:border-box;width:31px;height:30px;margin:0 -1px 0 0;vertical-align:middle;font-size:24px;font-weight:100;line-height:24px;text-align:center;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.2);border-radius:4px 0 0 4px;}
.order_box .add_chose .reduce2{float:right;box-sizing:border-box;width:31px;height:30px;margin:0 -1px 0 0;vertical-align:middle;font-size:24px;font-weight:100;line-height:24px;text-align:center;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.2);border-radius:0 4px 4px 0;}
.order_box .add_chose .text{float:right;box-sizing:border-box;width:45px;height:30px;font-weight:300;vertical-align:middle;margin:0 -1px 0 0;padding:0 6px;background:rgba(255,255,255,.6);border:0.5px solid rgba(0,0,0,.2);border-radius:0}
.order_box .buy_num{width:90%;height:20px;padding:15px 5% 0;margin-top:18px;font-size:14px;border-top:0.5px solid rgba(0,0,0,.15)}
.order_box .buy_num span{font-size:16px;font-weight:300;color:#ff4a4d;}

.counte_txt textarea{appearance:none;-webkit-appearance:none;outline:none;background-color:transparent;resize:none;font-weight:300;}
.counte_txt .txt{border:none;width:90%;padding:0 5%;font-size:15px;line-height:26px;color:#333;font-weight:300;}
.counte_txt .zx_text{width:90%;padding:0 5%;font-size:14px;line-height:30px;text-align:right;color:#aaa;border-bottom:0.5px solid rgba(0,0,0,.15);}
.counte_txt .zx_text span{color:#888}

.countact_table{width:90%;padding:0 5%;}
.countact_table li{display:block;width:100%;height:48px;font-size:15px;line-height:48px;font-weight:300;color:#333;border-bottom:0.5px dashed rgba(0,0,0,.15); }
.countact_table h5{padding-top:10px;font-size:12px;line-height:20px;font-weight:300;color:#666;}
.countact_table li .left_lable{float:left;width:20%;}
.countact_table li .right_input{float:left;width:80%;}
.countact_table input[type="text"]{box-sizing:border-box;width:100%;font-weight:300;line-height:25px;padding:3px 8px;background:none;border:none;border-radius:5px;}

.countact_table li .checkbox{display:inline-block;cursor:pointer;margin-right:15px;}
.countact_table li .checkbox input[type="radio"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.countact_table li .checkbox input[type="radio"] + span{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-top:-3px;margin-right:2px;background:url(img/icon_select.png) no-repeat left;background-size:auto 22px;background-position:0 0;}
.countact_table li .checkbox input[type="radio"]:checked + span{width:22px;height:22px;background-position:-22px 0}

.bottom_note{font-size:14px;line-height:20px;padding-bottom:70px;padding-left:5%;}
.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_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;}

/*研修进程页*/
.topbox3{position:relative;display:block;width:100%;height:235px;padding:0;background:rgba(10,20,100,1);overflow:hidden}
.topbox3 img{width:110%;height:auto;margin-left:-5%;margin-top:-5%;opacity:0.3;filter:alpha(opacity=30);-webkit-filter:blur(4px);filter:blur(4px);}
.topbox3 .train_top{position:absolute;left:0;top:0;width:92%;height:235px;padding:0 4%;z-index:9999;text-align:center;}
.topbox3 .train_top .wback_icon{position:absolute;width:24px;height:24px;left:4%;top:0;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 24px;}
.topbox3 .train_top h4{font-size:16px;line-height:45px;color:#fff;text-align:center;}
.topbox3 .train_top h2{width:100%;margin-top:20px;font-size:24px;line-height:30px;font-weight:400;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.2);}
.topbox3 .train_top h5{font-size:12px;font-weight:300;text-align:center;line-height:30px;color:rgba(255,255,255,.6);padding:0;margin:0;}
.topbox3 .train_top .ingbar{position:relative;display:block;width:90%;height:5px;background:#fff;border-radius:5px;margin:6px auto;}
.topbox3 .train_top .ingbar span{position:absolute;left:0;top:0;height:5px;background:#9ac957;border-radius:5px;}
.topbox3 .train_top .cenji_box{width:90%;height:60px;margin:20px auto 0;}
.topbox3 .train_top .cenji_box li{float:left;display:block;width:50%;height:56px;border-right:0.5px solid rgba(255,255,255,.7);font-size:14px;line-height:24px;color:#fff; box-sizing:border-box;display:table-cell;}
.topbox3 .train_top .cenji_box li:last-child{border-right:none;}
.topbox3 .train_top .cenji_box h4{font-size:26px;line-height:32px;color:#fff;font-weight:300;}
.topbox3 .train_top .cenji_box a{color:rgba(255,255,255,.6)}

.note_box{width:90%;padding:0 5%;height:45px;background:rgba(0,0,0,.15);font-size:14px;line-height:45px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.note_box i{margin-top:-3px;margin-right:3px;}

/*研修进程页 - 学习进度章节*/
.study_list{position:relative;display:block; width:92%;padding:15px 6% 15px 2%; }
.study_list .paixu_btn{position:absolute;right:5%;top:19px;height:20px;z-index:9999}
.study_list .paixu_btn .text{font-size:14px;line-height:20px;float:left;font-style:normal;color:#fff;margin-right:5px;}
.study_list li{width:100%;height:170px;}
.study_list li .left_box{float:left;width:14%;height:170px;display:table-cell;background:url(img/left_line_bg.png) top left;background-size:auto 120px;}
.study_list li .left_box .unfinshed{width:30px;height:30px;border-radius:50%;border:0.5px solid #fff;font-size:14px;line-height:30px;text-align:center;background:#20213d;color:#fff;}
.study_list li .left_box .finshed{width:30px;height:30px;border-radius:50%;border:0.5px solid #9ac957;font-size:14px;line-height:30px;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:86%;display:table-cell;}
.study_list li .right_box h5{width:70%;display:inline-block;font-size:14px;line-height:30px;font-weight:200;color:rgba(255,255,255,.6);}
.study_list li .right_box .study_box{position:relative;display:block;width:100%;height:105px;padding:10px 0 0;background:#fff;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.2);}
.study_list li .right_box .study_box h4{padding:0 6%;font-size:16px;line-height:36px;color:#20213d;}
.study_list li .right_box .study_box p{padding:5px 6%;font-size:14px;line-height:20px;color:#666;}
.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:#f2f2f2;font-size:14px;line-height:40px;border-radius:0 0 8px 8px;}
.study_list li .right_box .study_box .unstudy{float:right;padding:0 10px;margin-top:-2px;font-size:14px;line-height:24px;background:#8285c7;color:#fff;border-radius:12px;}
.study_list li .right_box .study_box .study{float:right;padding:0 10px;margin-top:-2px;font-size:14px;line-height:24px;color:#20213d;border:0.5px solid #20213d;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 .seedindan{float:right;color:#fff;text-decoration:underline;font-size:14px;line-height:30px;display:inline-block;}

.dibu_btn_box{width:80%;height:34px;padding:15px 10%;background:rgba(0,0,0,.15);}
.dibu_btn_box .dibu_btn{display:block;width:100%;border:0.5px solid rgba(255,255,255,.2);border-radius:20px;font-size:16px;line-height:34px;color:#fff;text-align:center;}

/*研修进程页 - 作业成绩记录*/
.topbox_t{position:relative;display:block;width:94%;padding:0 3%;height:42px;font-size:16px;line-height:42px;text-align:center;color:#fff;font-weight:300;z-index:9999;}
.topbox_t .back_icon{width:24px;height:24px;float:left;margin-top:9px;background:url(img/icon_left.png) no-repeat left;background-size:24px auto;}
.topbox_t .more_icon{width:24px;height:24px;float:right;margin-top:9px;background:url(img/more_icon2.png) no-repeat left;background-size:24px auto;}

.chenji_box{width:100%;height:106px;padding:0;margin-top:15px;margin-bottom:10px;text-align:center;color:#fff;}
.chenji_box h4{font-size:20px;line-height:30px;font-weight:400;margin-bottom:10px;}
.chenji_box ul{width:86%;padding:0 7%;background:rgba(255,255,255,.06);border-top:0.5px solid rgba(255,255,255,.3);height:66px;}
.chenji_box li{float:left;width:50%;height:46px;margin-top:10px;border-right:0.5px solid rgba(255,255,255,.3);box-sizing:border-box;display:table-cell;font-size:13px;line-height:18px;color:rgba(255,255,255,.6)}
.chenji_box li:last-child{border-right:none;}
.chenji_box h5{font-size:22px;line-height:28px;font-weight:300;color:#fff;margin:0;padding:0;}

.chenji_list li a{display:block;width:90%;height:45px;padding:0 5%;border-bottom:0.5px solid rgba(255,255,255,.3);font-size:16px;line-height:45px;color:#fff;}
.chenji_list li:nth-child(2n){background:rgba(255,255,255,.06);}
.chenji_list li .chenji_btn{float:right;padding-right:20px;background:url(img/icon_right.png) no-repeat right;background-size:20px auto;}

/*研修进程页 - 成绩排名*/
.paimin_list{width:100%;padding:0 0 40px;margin-top:10px;}
.paimin_list h5{width:90%;padding:0 5%;height:45px;font-size:15px;line-height:45px;font-weight:400; text-align:center;color:#fff;border-top:0.5px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);margin:0;}
.paimin_list li{width:90%;padding:0 5%;height:60px;border-bottom:0.5px solid rgba(255,255,255,.3);font-size:15px;line-height:60px;color:#fff;}
.paimin_list li a{color:#fff;float:left;line-height:60px;}
.paimin_list li .num_dot{float:left;width:28px;height:28px;margin-top:16px;margin-right:25px;border-radius:28px;background:rgba(0,0,0,.15);font-size:14px;line-height:28px;text-align:center;color:#fff;}
.paimin_list li .no1{background:#ea8687}
.paimin_list li .no2{background:#d7ad3c}
.paimin_list li .no3{background:#8285c7}
.paimin_list li .username{float:left;width:40px;height:40px;border-radius:50%;margin-right:10px;margin-top:10px;}
.paimin_list li .right{float:right;width:45px;text-align:center;}
.paimin_list li:nth-child(2n){background:rgba(0,0,0,.15);}

.chk_3{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;
}

.notic_box{width:80%;padding:20px 10%;text-align:center}
.notic_box .noticimg{width:200px;height:auto;margin:0 auto 2px;}
.notic_box h4{font-size:20px;line-height:32px;font-weight:300;color:#20213d;}
.notic_box p{font-size:14px;line-height:26px;color:#666;}

/*help 大头网 www.datouwang.com */
.help{
    width: 20px;
    height: 20px;
    border: 0.5px solid rgba(0,0,0,.3);
    border-radius: 50%;
    -webkit-animation: rotation 1s ease-in-out infinite;
       -moz-animation: rotation 1s ease-in-out infinite;
            animation: rotation 1s ease-in-out infinite;
    margin: 20px auto;
}
.help:after{
    width: 6px;
    height: 6px;
    background-color: rgba(150,150,150,1);
    border-radius: 100%;
    position: absolute;
    content: "";
}
@-webkit-keyframes rotation{
    0%{-webkit-transform: rotate(0deg);}
    100%{-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
    0%{-moz-transform: rotate(0deg);}
    100%{-moz-transform: rotate(360deg);}
}
@keyframes rotation{
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}