@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none;}
header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer{display: block;margin:0;padding:0;}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#777;}
a:hover{text-decoration:none;}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:13px;color:#777;}
.layout{ width:1203px; margin:0 auto; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
/*初始化*/
body{min-width:1200px;overflow: auto;position: relative;padding-top:1px;}
/*******************************************/
.test {
    background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); border-image: none; left: 0px; top: 100px; position: fixed; z-index: 2147483647;
}
.test {
    background: rgb(255, 255, 255); border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(204, 204, 204) rgb(204, 204, 204) currentColor; border-image: none; left: 0px; top:500px; position: fixed;
}
.test li {
    padding: 0px 30px; text-align: center; line-height: 25px; font-size: 14px; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: solid;
}
.test li h3 {
    color: rgb(0, 0, 0); font-size: 16px;
}

.loginbg{background:url(../images/loginbg.jpg) no-repeat center bottom;-webkit-background-size:cover;background-size:cover;}
.login{border-radius:10px;overflow:auto;min-width:1100px; /*overflow:hidden;*/position: absolute;left: 50%;top: 50%;margin-left:-550px;background-color:#fff;}
.entrylf{float:left;background:#fff;width: 677px;padding-bottom: 92px;}
.lgin_tit{font-size: 15px;color:#2d2d2d;padding-left: 67px;padding-top: 40px;border:1px solid #e6e6e6;padding-bottom: 20px;margin-bottom: 42px;}
.lgin_tit em{font-size:30px;display:block;line-height: 42px;}
.member{padding-left:69px;}
.list{margin-bottom:14px;}
.namelf{border:1px solid #e6e6e6;display:inline-block;float: left;}
.name{display:inline-block;width:109px;line-height:48px;height:48px;float:left;border-right:1px solid #e6e6e6;font-size:15px;color: #666;text-align:center;}
.name i{width:46px;height:48px;display: inline-block;background-repeat:no-repeat;background-position:18px center;float:left;}
.lgnicon1{background-image:url(../images/login-1.png);}
.lgnicon2{background-image:url(../images/login-2.png);}
.lgnicon3{background-image:url(../images/login-3.png);}
.list input{padding-left:16px;height:48px;line-height:48px;border:none;float:left;}
.inp1{width:233px;}
.star{display: inline-block;height:48px;line-height:48px;color: #e9343a;font-size: 14px;float:left;}
.inp2{width:108px;}
.yzm{width:112px;height: 48px;border:1px solid #e6e6e6;display:inline-block;margin-left: 11px;margin-right: 23px;float:left;}
.overeyes{height:48px;line-height:48px;display: inline-block;float:left;font-size: 13px;color: #999;}
.overeyes a{color: #3c8fff;text-decoration:underline;}
.forget{padding-top:21px;}
.forget a{height:50px;line-height:50px;}
.lgnbtn{display: inline-block;float:left;font-size: 14px;width: 130px;padding-left: 15px;background:#3f8fff url(../images/lgnbtn.png) no-repeat 88% center;color:#fff;}

.unclear{text-decoration:underline;font-size: 13px;color: #333;float:left;margin-left: 156px;}
.entryrt{width:423px;float:left;background:#5098fd url(../images/entryrt.png) no-repeat center;min-height:525px;}
.lginlogo{display:block;background:url(../images/loginlogo.png) no-repeat center 150px;padding-top: 150px;height: 196px;width: 100%;}

.regentryrt{width:423px;float:left;background:#5098fd url(../images/entryrt.png) no-repeat center;min-height:841px;}
.reglogo{display:block;background:url(../images/loginlogo.png) no-repeat center 308px;padding-top: 308px;height: 196px;width: 100%;}

.header{height:119px;background:#3f8fff;position:absolute;left: 0;top: 0;right: 0;z-index:99;}
.headlf{left:0;height: 119px;padding-left: 32px;width: 445px;position: absolute;top: 0;}
.logo{background:url(../images/logo.png) no-repeat left center;width: 207px;height:119px;display: inline-block;float:left;margin-right:86px;}
.lgrt{float:left;height:119px;}
.logort{font-size:22px;color:#fff;height:119px;line-height:119px;display: inline-block;/*background:url(../images/logort.png) no-repeat right 49px;*/padding-right:46px;}
.headrt{right:0;height: 119px;padding-right:54px;width:650px;position: absolute;top: 0;}
.person{float:left;padding-top:22px;height:97px;padding-left: 30px;border-left:1px solid #519afb;border-right:1px solid #519afb;}
.manpic{width:77px;height:77px;border-radius:40px;display: inline-block;overflow: hidden;background:#fff;text-align:center;float:left;}
.manpic img{/*padding-top:4px;*/height:100%}
.manrt{margin-left:19px;float:left;color:#fff;font-size: 14px;width: 286px;}
.manrt em{font-size:18px;display:block;line-height: 36px;}
.help{float:right;height:119px;}
.help a{background-image:url(../images/help.png);background-repeat:no-repeat;margin-left:42px;display: inline-block;height: 119px;width:30px;}
.help a.hpa1{background-position:0 center;}
.help a.hpa2{background-position:-134px center;}
.help a.hpa3{background-position:-266px center;}

.sidebar{width:274px;background-color:#323743;position: absolute;top:119px;bottom: 0;left: 0;}
.navi li{height:76px;width:274px;}
.navi li a{padding-left:79px;width:188px;border-left:7px solid #323743;display:block;background-repeat:no-repeat;background-position:30px center;height:76px;line-height:76px;font-size: 16px;font-weight: bold;color:#6d7988;}
.navi .li1 a{background-image:url(../images/navi-1.png);}
.navi .li2 a{background-image:url(../images/navi-2.png);}
.navi .li3 a{background-image:url(../images/navi-3.png);}
.navi .li4 a{background-image:url(../images/navi-4.png);}
.navi .li5 a{background-image:url(../images/navi-51.png);}
.navi li:hover a{color:#379ffe;}
.navi li.on a{background-color:#282d39;border-color:#3f8fff;}
.navi .li1:hover a{background-image:url(../images/navi-01.png);}
.navi .li2:hover a{background-image:url(../images/navi-02.png);}
.navi .li3:hover a{background-image:url(../images/navi-03.png);}
.navi .li4:hover a{background-image:url(../images/navi-04.png);}
.navi .li5:hover a{background-image:url(../images/navi-051.png);}
.moldebox{margin-top: 119px;margin-left: 274px;position: relative;}
.boxfirst{width:70%;float:left;}
.pubtit{height:79px;line-height:79px;font-size: 18px;font-weight: bold;color:#333;width: 100%;background:#f8f8f8;}
.pubtit i{width:36px;height:79px;display:inline-block;float:left;background-repeat:no-repeat;background-position:left center;}
.notice{background-image:url(../images/ipuctit1.png);}
table{width:100%;}
.pubsheet tr{border-bottom:1px solid #eff4fd;}
.pubsheet td{height:54px;line-height:54px;color:#666;font-size: 13px;text-align: center;}
.pubsheet .tr1 td{height:74px;line-height:74px;color:#a7a7a7;}
.pubsheet .tr1 .titcon{color:#a7a7a7;}
.titcon{display:inline-block;margin-left:4px;float:left;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;color:#36465c;font-size:14px;}
.pubsheet td.td1{padding-left:40px;}
.pubsheet tr.tr1.on,.pubsheet tr.tr1:hover{background-color:#fff;}
.pubsheet tr.on,.pubsheet tr:hover{background-color:#f6faff;}
.circular tr.tr1.on .titcon,.circular tr.tr1:hover .titcon{color:#a7a7a7;}
.circular tr.on .titcon,.circular tr:hover .titcon{color:#3c8fff;}

.secondbg{position:absolute;top:0;right: 0;bottom: 0;background:#f8f8f8;z-index:-1;width: 100%;}
.boxsecond{width:30%;float:right;position: relative;}
.teach{padding-left:7%;padding-right:13%;width: 80%;}
.courseicon{background-image:url(../images/courseicon.png);}
.courseimg{width:100%;display: inline-block;position: relative;cursor:pointer;}
.courseimg img{width: 100%;}
.vediotit{padding-top: 7px;font-weight: bold;line-height: 42px;font-size: 15px;color: #333;}
.vproduct p{line-height: 22px;color: #666;font-size: 14px;}
.layer{position:absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
.coursdescbe{width:95%;padding-left:5%;position:absolute;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.7);font-size:16px;color: #fff;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.playicon{width:100%;height:100%;display: inline-block;background-repeat:no-repeat;background-position:center;}
.watch{width:100%;height:100%;position:fixed;left:0;right:0;top:0;z-index:9999;display: none;}
.wadiv1{width:100%;height:100%;position:absolute;left:0;right:0;top:0;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);}
.wadiv2 {width: 800px;height: auto;padding: 20px 50px;background: #fff;position: absolute;left: 50%;margin-left: -450px;top: 50%!important;margin-top: -250px!important;}.wadiv2 img{width:100%;height:auto;}
.waclose{z-index:888;cursor: pointer;width:33px;height:33px;position: absolute;right:8px;top:8px;background: url(../images/icon124.png) no-repeat;background-size:contain;}
.frequency{padding-top: 34px;}
.frequency li{width:27%;float:left;margin-left:4.6%;margin-bottom: 49px;position: relative;}
.frequency li img{width:100%;}
.vedioicon{background-image:url(../images/vedioicon.png);}
ul.radiovisor li{padding-top:19px;padding-bottom: 13px;position: relative;border-top:1px dashed #e6e6e6;}
.vflf{width:7em;text-align: center;position: absolute;top:19px;left: 0;}
.vfmust{height:22px;line-height:22px;border-top-left-radius:15px;border-bottom-left-radius:15px;display: block;width: 100%;color: #fff;font-size: 14px;}
.vflf i{display: block;font-size:11px;color:#8d99a8;height: 23px;line-height: 23px;float: left;width:100%;}
.vfrt{margin-left:8em;}
.vf_tit{color:#596678;font-size:15px;}
.vfrt p{font-size: 13px;color: #8d99a8;}
.horn{height:108px;border-top:1px solid #d3dced;position: absolute;bottom: 0;left: 0;/*width:70%;*/overflow: hidden;}
.audition{border-top:1px solid #d3dced;position: absolute;bottom: 0;left: 0;/*width:70%;*/}
.trumpet{float:left;width:185px;height:108px;background:url(../images/trumpet.png) no-repeat 50px center;display: inline-block;}
.pagination{float: right;}
.pagination a{padding:0 3px;height:108px;line-height: 108px;display: inline-block;vertical-align:middle;font-size:14px;color:#a7a7a7;}
.pageup,.pagedown{background-repeat:no-repeat;width:38px;background-position:center;}
.pageup{background-image:url(../images/pagination1.png);}
.pagedown{background-image:url(../images/pagination2.png);}
.examinat{width: 34px;height: 54px;display:inline-block;background-image: url(../images/examinat1.png);background-repeat: no-repeat;margin-top: 0.02rem;float: left;background-position:10px center;float:left;}
.pubsheet tr.on .examinat,.pubsheet tr:hover .examinat{background-image: url(../images/examinat2.png); }
.tryviv{margin-left:50px;width:150px;height:54px;line-height:54px;border-radius:30px;display:inline-block;color:#fff;font-size:24px;text-align:center;margin-top:28px;}
.record{float: right;margin-right: 60px;margin-top: 40px;}
.record a{margin-left: 45px;}
.sound{padding-left: 50px;padding-right: 60px;}
.backviv{line-height: 30px;font-size: 16px;color: #666;}
.tape{width: 100%;}
.tape img{width:100%;}
.vivtime{line-height:48px;color:#606060;position: relative;}
.vivtime h6{text-align: center;}
.vivtime em{position: absolute;left: 0;top: 0;}
.vivtime i{position: absolute;right: 0;top: 0;}
.ready{height:54px;line-height:54px;font-size: 20px;text-align: center;color:#fff;width: 180px;background:#3f8fff;display: inline-block;border-radius:100px;}
.horn_tips{padding-top: 10px;padding-bottom: 10px;font-size:16px;color:#666;margin-left:60px;}
.filmtry{float:left;}
.comein{height:79px;line-height:79px;font-size:16px;color:#666;}
.answer{padding-left: 49px;padding-right: 56px;}
.play{position: absolute;left: 50%;top: 0;margin-left: -106px;height: 108px;}
.play a{background-image:url(../images/play.png);background-repeat:no-repeat;height:108px;display: inline-block;}
.broadlf{width:20px;background-position:0 center;}
.broadmid{width:70px;background-position:-172px center;margin:0 48px;}
.broadrt{width:20px;background-position:-380px center;}
.begin{padding-left:10%;padding-right:10%;width:80%;}
ul.said li{float:left;width: 30%;font-size: 14px;color:#666;text-align: center;height: 79px;line-height: 79px;}
.pubcir{width:8px;height:8px;display:inline-block;border-radius:6px;}
.squre1{background:#3f8fff;}
.squre2{background:#49ccab;}
.squre3{background:#d4d4d4;}
.bginsect1 td{height: 54px;text-align: center;border:1px solid #e5e7e6;font-size: 14px;color: #9ba8b9;}
.digit{height: 22px;padding-top: 13px;display:block;}
.bar{
    padding-top: 1px;height:92px;line-height: 92px;font-size:14px;color: #666;position: relative;border-bottom:1px solid #d2d4d3;}
.bar i{position:absolute;top: 0;}
.barlf{left:0;width:100px;}
.barrt{right:0;width:90px;}
.slip{ display:block;
    overflow: hidden;
    height:8px;border-radius: 8px;
    margin-top: 41px;
    background: #eeeeee;
    margin-left: 97px;
    margin-right: 111px;
    vertical-align: middle;}
.slip strong{
    height: 8px;
    background: #49ccab;
    display: block;
    width: 0;}
.slip img{width: 100%;}
.bginsect2{margin-left: 10%;margin-right: 10%;padding-bottom: 33px;}
.bginsect2 p{line-height: 23px;font-size: 14px;color: #9ba8b9;}
.bgincolor{color:#5fd784;}



/*录音*/
.control_panel button{
    cursor: pointer;
    border: none;}
.recording .stop_recording_button{
    display: inline-block;}

.control_panel.idle .stop_recording_button,
.control_panel.idle .play_button,
.control_panel.idle .pause_playing_button,
.control_panel.idle .stop_playing_button,
.control_panel.recording .record_button,
.control_panel.recording .play_button,
.control_panel.recording .pause_playing_button,
.control_panel.recording .stop_playing_button,
.control_panel.playback_ready .stop_recording_button,
.control_panel.playback_ready .pause_playing_button,
.control_panel.playback_ready .stop_playing_button,
.control_panel.playing .stop_recording_button,
.control_panel.playing .play_button,
.control_panel.playback_paused .stop_recording_button,
.control_panel.playback_paused .pause_playing_button {
    display: none;
}

@keyframes text-fade-out {
    from {
        color: black;
    }

    to {
        color: lightgray;
    }
}


.gdt {
    height: 200px;
    overflow: hidden;
    background: #eee;}

.gdtbox{
    position: relative;
    left: 0;
    top: 0;
    width: 100000000px;}

.gdtbox div{
    float: left;
    width: 10px;
    background: greenyellow;}



#gain{
    vertical-align: middle;
    margin-left: 10px;}

.stbox{
    display: none;}


.vtest.noplay .plaudio{
    display: inline-block;}
.vtest.noplay .paaudio{
    display:none;}

.vtest.playing .paaudio{display: inline-block;}
.vtest.playing .plaudio{
    display:none;}



#save_button{
    width: 100%;
    display: block;
    text-align: center;}


.hide #save_button #recorderApp{
                       width: 0!important;
                       height: 0!important;}
.hide #save_button #recorderApp.floating{
    width: 240px!important;
    height: 160px!important;}


.hc{
    position: fixed;
    z-index: 1000000;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000000;
    top: 0;
    display: none;}






    /*7.11*/
    .boxfirst.spe{overflow: auto;height: 0;}
    .stlistbox{padding:3% 4%;}
    .stlist{padding-bottom: 5%;}
    .stlist li{display: none;line-height:40px;font-size: 18px;color: #666666;}
    .stlist.spe li{display: block;}
    .stlist li.on{display: block;}
    .stlist .h1{padding-bottom: 20px;}
    .stlist .b{padding-bottom: 20px;}
    .stlist .p{position: absolute;left: 0;top: 0;opacity: 0;}
    .stlist .l{position: relative;display: inline-block;padding-left: 30px;cursor: pointer}
    .stlist .l::after{position: absolute;content: '';width: 16px;height: 16px;border: 1px solid #666666;border-radius: 16px;left: 0;top:12px;}
    .stlist .l.on::after{
        background: #3c8fff;border: 1px solid #3c8fff;
    }
    .stlist.spe .l{cursor: inherit;}
    
    .stlast,.stnext{min-width: 120px;height: 53px;line-height: 53px;border-radius: 53px;background: #3c8fff;color: #fff;display: inline-block;text-align: center;font-size: 20px;font-weight: bold;cursor: pointer;padding: 0 30px;}

    .sttime{line-height: 2;font-size: 14px;color: #9ba8b9;margin-top: 20px;}
    .sttime b{color: #5fd784;font-weight: bold;}


.navi .li5 a{background-image:url(../images/navi-5.png);}
.navi .li5:hover a{background-image:url(../images/navi-05.png);}

.navi .li6 #db {background-image:url(../images/navi-6.png);}
/*.navi .li6 i{display: inline-block;vertical-align: middle;width: 14px;height: 9px;background-image: url(../images/j2.png);}*/
/*.navi .li6:hover a{background-image:url(../images/navi-06.png);}*/
/*.navi .li6:hover i{background-image: url(../images/j1.png);}*/
.navi .li6 .subnav{display: none;}
.navi .li6.on .subnav,
.navi .li6:hover .subnav{display: block;}
.navi .li6 .subnav a{background: none;line-height: 40px;height: 40px;font-size: 14px;}
/*.navi .li6:hover .subnav a{color: #;}*/
.navi .li6 .subnav a.on,

.navi .li6 .subnav a:hover{color: #379ffe;}
.navi .li6 .drop-down-content{padding: 0; display: none;}
.navi .li6 .drop-down-content{ padding: 0;display: none;}
      
.navi .li6   .drop-down-content li:hover a{background-color:#6d7988;}
.navi .li6:hover .drop-down-content{display: block;}



.boxfirst .stlistbox .stgz{line-height: 1.8;font-size: 18px;color: #666666;max-width: 800px;margin-bottom: 80px;}

.rt{color: #ff6a6a;display: block;margin-bottom: 25px;margin-top: -15px;}

.cj{font-size: 18px;color: #666666;margin-bottom: 30px;}
.cj em{color: #ff6a6a;font-weight: bold;}

.cjtit{margin-bottom: 30px;font-size: 19px;color: #666666;}

.squre4{background:#ff6a6a;}

.pubcir{margin-right: 5px;}
#ttable .pubcir{margin-right: 0;}

#footer {
    height: 50px;
    position: absolute;
    bottom: 0;
    line-height: 50px;
    width: 100%;
    text-align: center;
}