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

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{color:#000;font-weight:300;padding:0;margin:0;background:url(img/page_bg.png);background-size:50px auto;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family: "Roboto", sans-serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a{text-decoration:none;color:#333;}
a:focus{ outline:none;}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify:read-write-plaintext-only;}
input {-webkit-appearance: none;}

h4{font-weight:400;margin:0;font-size:18px;line-height:30px;}
h5{font-weight:300;margin:0 0 8px;font-size:16px;line-height:26px;}
p{margin:0;font-size:14px;line-height:22px;color:#333}
a{color:#333;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}
img{width:100%;height:auto;margin:0;border:0;}
ul{margin:0;padding:0;}
li{list-style:none;}

.vm{vertical-align:middle;}
.tc{text-align:center;}
.db{display:block;}
.dib{display:inline-block;}
.b{font-weight:500;}
.clear{clear:both;}
.hidden{display:none;}
.left{float:left;}
.right{float:right;}
.yellow{background:#ffc600;}
.red{background:#ff6e6e;}
.green{background:#46d269;}
.gray{background:#bbb;}
.blur{background:#6787d0}
.more{width:100%;height:30px;font-size:12px;line-height:30px;color:#999;text-align:center;}
.backhome{position:fixed;padding:8px 10px 8px 12px;font-size:12px;line-height:12px;background:rgba(0,0,0,.5);color:#fff;right:0;bottom:80px;border-radius:14px 0 0 14px;}
.backhome a{color:#fff;font-weight:normal;}

/* 通用顶部 */
.top{position:relative;display:black;width:100%;padding:6px 0;}
.top img{width:50px;height:auto;margin:0 auto;}
.top i{position:absolute;right:12px;top:15px;}
.top .right_btn{position:absolute;right:0;top:13px;font-size:14px;line-height:24px;padding:0 15px 1px 10px;background:#fff;border-right:none;border-radius:15px 0 0 15px;}

.atopbox{position:relative;display:block;width:90%;height:44px;padding:12px 5% 10px;}
.atopbox .topbtn{position:absolute;right:0;top:18px;padding:0 5% 1px 10px;font-size:14px;line-height:28px;border-radius:15px 0 0 15px;background:#fff;}
.atopbox .logo{width:100%;height:44px;}
.atopbox .logo img{float:left;width:auto;height:44px;margin-right:8px;margin-top:0;}
.atopbox .logo h2{padding-top:3px;font-size:13px;font-weight:200;line-height:20px;color:#999;}
.atopbox .logo p{font-size:13px;line-height:14px;color:#666;}
.atopbox .logo i{vertical-align:middle;margin-top:-3px;}

/* 二级页面顶部 */
.top_title{position:fixed;top:0;left:0;display:block;width:94%;padding:0 3%;height:42px;background:rgba(255,255,255,.9);font-size:18px;line-height:42px;text-align:center;color:#333;font-weight:300;z-index:9999;}
.top_title .online{display:inline-block;height:18px;font-size:12px;line-height:18px;font-weight:300;color:#6281c0;padding:0 10px;border:0.5px solid #6281c0;border-radius:10px;vertical-align:middle;margin-top:-3px;margin-left:5px;}
.top_title .disable{display:inline-block;height:18px;font-size:12px;line-height:18px;font-weight:300;color:#666;padding:0 10px;border:0.5px solid #ddd;border-radius:10px;vertical-align:middle;margin-top:-3px;margin-left:5px;}
.top_title .back_icon{width:24px;height:24px;float:left;margin-top:9px;background:url(img/left_icon.png) no-repeat left;background-size:24px auto;}
.top_title .more_icon{width:24px;height:24px;float:right;margin-top:9px;background:url(img/more_icon.png) no-repeat left;background-size:24px auto;}

.top_title .more_box{position: absolute;right:0;top:43px;z-index:9999;}
.top_title .more_box ul{padding:6px 0;background:rgba(50,50,50,1);margin-top:9px;}
.top_title .more_box li{display:block;width:84px;font-size:15px;line-height:35px;font-weight:300;text-align:center;border-bottom:0.5px solid #666;}
.top_title .more_box li a{color:#ccc;}
.top_title .more_box li:hover{background:#151515;}
.top_title .more_box li a:hover{color:#ccc;}

.top_title .more_box .ico-arrow{float:right;width:18px;height:9px;margin-right:15px;background:url(img/arrow_icon.png) no-repeat;background-size:18px auto;}
.top_title .sc_icon{float:right;margin-top:2px;margin-right:0}
.top_title .sc_icon input[type="checkbox"]{appearance:none;-webkit-appearance:none;outline:none;display:none;}
.top_title .sc_icon input[type="checkbox"] + span{width:24px;height:24px;margin:6px auto 0;background:url(img/icon_collect.png) no-repeat left;background-size:auto 24px;background-position:0 0;display:block}
.top_title .sc_icon input[type="checkbox"]:checked + span{width:24px;height:24px;background-position:-24px 0}

/* 通用弹出蒙层 */
#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);display:none;z-index:99999;padding:0;}
#mcover .tsimg{position:absolute;right:18px;top:5px;width:202px;height:140px;}
#mcover .aboutimg{position:absolute;top:85px;left:50%;width:280px;height:auto;padding:10px;margin-left:-150px;border-radius:8px;background:#fff;display:block;}
#ch_button{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(20,20,20,.95);z-index:99999;}

/*弹出搜索框*/
.search_box{position:relative;display:block;width:90%;padding-top:60px;margin:0 auto;}
.search_box .colse{position:absolute;right:0;top:10px;height:30px;font-size:30px;line-height:30px;color:#fff;}
.search_box input{appearance:none;-webkit-appearance:none;outline:none;}
.search_box .search{width:85%;height:42px;padding:8px;font-size:15px;line-height:26px;font-weight:300;color:#333;text-align:left;background:#fff;border:none;border-radius:8px 0 0 8px;display:inline-block}
.search_box .btnbox{width:15%;height:42px;background:#7393d3;border-radius:0 8px 8px 0;font-size:16px;line-height:42px;font-weight:300; text-align:center;color:#fff;display:inline-block}
.search_box .top_tag{width:100%;padding-top:40px;}
.search_box .top_tag h4{font-size:13px;line-height:50px;text-align:left;color:#fff;font-weight:400;}
.search_box .top_tag li a{float:left;display: block; padding:0 22px;font-size:15px;line-height:30px;font-weight:300;color:#fff;border:0.5px solid #fff;border-radius:5px;margin:0 10px 10px 0;}

/* 底部版权 */
.about {width:100%;height:20px;font-size:13px;line-height:20px;text-align:center;margin:25px 0 15px;}
.about a{font-weight:300;}
.footer{width:100%;height:20px;text-align:center;font-size:12px;color:#888;line-height:20px;margin:15px auto;}
.footer span{color:#375073}
.footer img{display:inline-block;height:12px;width:auto;margin-left:5px;}

/* 底部导航 */
.foot_box{position:fixed;width:100%;height:45px;bottom:0;left:0;background:url(img/page_bg.png);background-size:50px auto;overflow:hidden;z-index:9999;box-shadow:0 -2px 8px rgba(0,0,0,.12)}
.foot_box .icon{width:33.333%;height:45px;float:left;margin:0;font-size:15px;line-height:45px;text-align:center;color:#333;border-right:0.5px solid rgba(0,0,0,.15);box-sizing:border-box;display:table-cell;}
.foot_box a.active{background:url(img/page_bg.png);background-size:50px auto;background:rgba(0,0,0,.06);color:#18182f;font-weight:300;}
.foot_box .icon i{width:20px;height:20px;margin-right:5px;margin-top:-4px;vertical-align: middle}

/* 我模块首页导航 */
.foot_box2{position:fixed;display:block;width:100%;height:45px;bottom:0;left:0;background:url(img/page_bg.png);background-size:50px auto;overflow:hidden;z-index:9999;box-shadow:0 -2px 8px rgba(0,0,0,.12)}
.foot_box2 a{display:block;}
.foot_box2 a.active{background:url(img/page_bg.png);background-size:50px auto;background:rgba(0,0,0,.06);color:#18182f;font-weight:300;}
.foot_box2 .icon{float:left;width:29%;height:45px;margin:0 0 0 -0.5px;padding:0;border-right:0.5px solid rgba(0,0,0,.15);font-size:15px;line-height:45px;color:#333;text-align:center;}
.foot_box2 i{width:20px;height:20px;margin-right:5px;margin-top:-4px;vertical-align:middle}
#right-panel-link{position:absolute;right:0;bottom:0;z-index:99999;width:13%;height:45px;background:#1a1a38;}

/* 圆点放射导航 */
.quick.quick-quick {position:fixed;bottom:66px;left:0;z-index:900;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-tap-highlight-color:rgba(0,0,0,0);}
.quick.quick-quick .quick-menu{background-color:#20213d; -webkit-appearance:none;outline:none;display:inline-block; width:40px !important; height:40px !important; line-height:40px !important; text-align:center !important; position:absolute;bottom:15px;left:15px; z-index:999;-webkit-transition: -webkit-transform 200ms; -webkit-transform:rotate(1deg);-moz-transition: -webkit-transform 200ms; -moz-transform:rotate(1deg); color:#FFF;}
.quick.quick-quick .quick-menu:before{font-size:28px;}
.quick.quick-quick .quick-menu:checked{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);}
.quick.quick-quick>div {width:38px;height:38px;border-radius:38px;background:rgba(0,0,0,.6);position:absolute;bottom:0;left:0;margin-bottom:16px; margin-left:16px; z-index:900; -webkit-transition: -webkit-transform 200ms;-moz-transition: -webkit-transform 200ms;}
.quick.quick-quick>div a{color:#fff;font-size:28px display:block;height:100%;line-height:38px;text-decoration:none;text-align:center;}
.quick.quick-quick>div a i{display:inline-block;width:24px;height:24px;margin-top:6px;margin-left:7px;}
.quick.quick-quick>div.on:nth-of-type(1) {-webkit-transform: translate(-7px, -64px) rotate(720deg);-moz-transform: translate(-7px, -64px) rotate(720deg);}
.quick.quick-quick>div.on:nth-of-type(2) {-webkit-transform: translate(32px, -57px) rotate(720deg);-moz-transform: translate(32px, -57px) rotate(720deg);}
.quick.quick-quick>div.on:nth-of-type(3) {-webkit-transform: translate(60px, -29px) rotate(720deg);-moz-transform: translate(60px, -29px) rotate(720deg);}
.quick.quick-quick>div.on:nth-of-type(4) {-webkit-transform: translate(64px, 10px) rotate(720deg);-moz-transform: translate(64px, 10px) rotate(720deg);}

/* 引导页 */
#toppage{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999;padding:0;margin:0;}
#toppage .linebgimg{width:29%;height:auto;margin:0 auto;padding-top:24%;}
#toppage .inbtn{display:block;width:70%;height:40px;margin:0 auto;font-size:16px;line-height:38px;color:#fff;text-align:center;border:0.5px solid #fff; background:rgba(255,255,255,.12);border-radius:20px;}
.tiaoguo_btn{position:absolute;display:block;right:14px;top:14px;padding:4px 12px;font-size:14px;line-height:20px;color:#fff;background:rgba(255,255,255,.12);border-radius:20px;z-index:9999;}
.tiaoguo_btn:hover{background:rgba(255,255,255,.2);color:#fff;}

/* 小组/面授详情页-顶部 */
.dingbu_box{position:relative;display:block;width:100%;height:210px;padding:0;background:rgba(10,20,100,1);overflow:hidden}
.dingbu_box .picimg{width:100%;height:210px;opacity:0.4;filter:alpha(opacity=40);}
.dingbu_box .train_top{position:absolute;left:0;top:0;width:88%;height:150px;padding:85px 6% 0;z-index:9999;color:#fff;}
.dingbu_box .train_top i{width:16px;height:16px;margin-top:-3px;margin-right:3px;}
.dingbu_box .train_top .wback_icon{position:absolute;width:24px;height:24px;left:4%;top:7px;background:url(img/whit_lefticon.png) no-repeat left;background-size:auto 24px;}
.dingbu_box .train_top .right_tag{position:absolute;right:6%;top:0;width:40px;height:42px;font-size:12px;line-height:14px;padding-top:8px;color:#fff;text-align:center;background:url(img/toptj_bg5.png) no-repeat;background-size:40px auto;}
.dingbu_box .train_top .qi_num{display:inline-block;font-size:14px;line-height:24px;font-weight:300;padding:0 8px;vertical-align:middle;margin-left:6px;margin-top:-7px;border-radius:5px;border:0.5px solid rgba(255,255,255,1);}
.dingbu_box .train_top h2{font-size:24px;line-height:36px;font-weight:500;color:#fff;display:inline-block;}

.dingbu_box .train_top .bom_box{width:100%;height:30px;font-size:13px;line-height:30px;margin:10px 0 0;}
.dingbu_box .train_top .bom_box a{color:#fff;}
.dingbu_box .train_top .bom_box img{width:30px;height:30px;border-radius:50%;display:inline-block;vertical-align:middle;margin-right:6px;margin-top:-1px;}
.dingbu_box .train_top .bom_box span{color:rgba(255,255,255,.65);}

.dingbu_box .train_top .fing_bar{position:relative;display:block;width:100%;height:6px;margin:0 0 5px;background:rgba(255,255,255,.3);border-radius:6px;}
.dingbu_box .train_top .fing_bar span{position:absolute;left:0;top:0;height:6px;border-radius:6px;background:rgba(255,255,255,.7);}

.dingbu_box .train_top .pw_txt{width:100%;font-size:13px;line-height:20px;}
.dingbu_box .train_top .pw_txt span{color:rgba(255,255,255,.65);}