/*公共的样式*/

/*页面图片*/
.page-img{
    height: 194px;
    background: url(img/page-info-onlinecommand.png) center no-repeat;
}

/*内容区域*/
.contents-wrap{
    margin: 0 auto;
    padding: 0 25px 57px 30px;
    width: 945px;
    background: #fff;
}

/*页面信息*/
.page-info{
    position: relative;
}

.page-info h1{
    padding-left: 95px;
    height: 93px;
    color: #333;
    font-weight: normal;
    font-size: 22px;
    line-height: 80px;
}


.h1-explanation{
    position: absolute;
    top: 60px;
    left: 93px;
    color: #333;
    font-size: 14px;
}

.btn-open-soon{
    float: right;
    margin-top: 32px;
    width: 130px;
    height: 38px;
    border-radius: 2px;
    background: #ff8b37;
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 38px;
}

/*导航*/
.tab-nav{
    position: relative;
    height: 66px;
    border-bottom: 2px solid #e5e5e5;
}

.tab-nav ul li{
    float: left;
    margin-top: 35px;
    margin-right: 5px;
    padding-bottom: 6px;
    width: 100px;
    color: #333;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.tab-nav ul li:hover{
    border-bottom: 3px solid #2699ec;
}

.tab-nav-active{
    border-bottom: 3px solid #2699ec;
}

.tab-content-active{
	display: block;
}

/*几个方面详情介绍*/
.aspect{
    margin-bottom: 21px;
    position: relative;
    width: 1150px;
    height: 215px;
}

.aspect-num{
    position: relative;
    top: -3px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background: #2e8fdc;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
}

.aspect h3{
    color: #333;
    font-size: 24px;
    font-weight: normal;
}

.h3-explanation{
    margin-top: 13px;
    color: #666;
    font-size: 14px;
}

.aspect1-info{
    position: absolute;
    top: 40px;
    left: 620px;
    width: 465px;
}

.aspect1-info .aspect-num{
    margin-right: 13px;
}

.aspect2-info{
    position: absolute;
    top: 40px;
    left: 55px;
    width: 465px;
    text-align: right;
}

.aspect2-info .h3-explanation{
    text-align: left;
}

.aspect2-info .aspect-num{
    margin-left: 15px;
}

.aspect3-info{
    position: absolute;
    top: 40px;
    left: 620px;
    width: 465px;
}

.aspect3-info .aspect-num{
    margin-right: 11px;
}

.hide{
	display: none;
}

/*帮助*/
.tab-content-item .tab-content-item-title{
    position: relative;
    /*margin-top: 20px;*/
    height: 37px;
    border-left: 3px solid #3799ec;
    background-color: #ededed;
    text-indent: 10px;
    font-weight: bold;
    font-size: 18px;
    line-height: 37px;
}

#application_access_process .help-document-item-content img{
    display: block;
    margin: 20px auto 20px auto;
    width: 926px;
    height: 104px;
}


/*在线命令词识别*/
.onlinecommand-h1{
    background: url(img/pic-onlinecommand-h1.png) 0 13px no-repeat;
}

.onlinecommand-aspect1{
    background: url(img/pic-onlinecommand-aspect1.png?version=20150128) no-repeat;
    background-color: #e4e9f4;
}

.onlinecommand-aspect2{
    background: url(img/pic-onlinecommand-aspect2.png) 720px 19px no-repeat;
    background-color: #d9f5f4;
}

.onlinecommand-aspect2 .h3-explanation{
    text-align: right;
}

.onlinecommand-aspect3{
    background: url(img/pic-onlinecommand-aspect3.png?version=20150128) no-repeat;
    background-color: #f5e6d9;
}

/*语音听写*/
.voicedictation-h1{
    background: url(img/pic-voicedictation-h1.png) 0 13px no-repeat;
}

.voicedictation-aspect1{
    background: url(img/pic-voicedictation-aspect1.png) 124px 30px no-repeat;
    background-color: #f5e6d9;
}

.voicedictation-aspect2{
    background: url(img/pic-voicedictation-aspect2.png) 720px 10px no-repeat;
    background-color: #d9f5f4;
}

.voicedictation-aspect3{
    background: url(img/pic-voicedictation-aspect3.png) 124px 10px no-repeat;
    background-color: #d9e9f5;
}

.voicedictation-aspect4{
    background: url(img/pic-voicedictation-aspect4.png) 720px 20px no-repeat;
    background-color: #eaf5d9;
}

/*离线语音合成*/
.offlinesynthesis-h1{
    background: url(img/pic-offlinesynthesis-h1.png) 0 13px no-repeat;
}

.offlinesynthesis-aspect1{
    background: url(img/pic-offlinesynthesis-aspect1.png) 124px 25px no-repeat;
    background-color: #f5e6d9;
}

.offlinesynthesis-aspect2{
    background: url(img/pic-offlinesynthesis-aspect2.png) 720px 20px no-repeat;
    background-color: #d9f5f4;
}

.offlinesynthesis-aspect3{
    background: url(img/pic-offlinesynthesis-aspect3.png) 124px 25px no-repeat;
    background-color: #d9e9f5;
}

.offlinesynthesis-aspect4{
    background: url(img/pic-offlinesynthesis-aspect4.png) 720px 33px no-repeat;
    background-color: #eaf5d9;
}

/*在线语音合成*/
.inlinesysthesis-h1{
    background: url(img/pic-inlinesysthesis-h1.png) 0 13px no-repeat;
}

.inlinesysthesis-aspect1{
    background: url(img/pic-inlinesysthesis-aspect1.png) 124px 24px no-repeat;
    background-color: #f5e6d9;
}

.inlinesysthesis-aspect2{
    background: url(img/pic-inlinesysthesis-aspect2.png) 720px 22px no-repeat;
    background-color: #d9f5f4;
}

.inlinesysthesis-aspect3{
    background: url(img/pic-inlinesysthesis-aspect3.png) 124px 25px no-repeat;
    background-color: #d9e9f5;
}

.inlinesysthesis-aspect4{
    background: url(img/pic-inlinesysthesis-aspect4.png) 720px 16px no-repeat;
    background-color: #eaf5d9;
}

#tts_person .tab-content-item .tab-content-item-title{
    background-color: #fff;
}
#tts_person .help-document-item-content{
    margin: 16px 0 20px;
    line-height: 1.5em;
    font-size: 14px;
}
#tts_person table{
    width:100%;
    line-height: 48px;
    font-size: 14px;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 45px;
}
#tts_person table .t-head{
    font-size: 16px;
    background-color: #efefef;

}
#tts_person table .t-head td{
    border-bottom: none;
}
#tts_person table .row_title{
    position: relative;
    font-size: 16px;
    line-height: 1.5em;
    border-right: 1px solid #cecece;
    border-bottom:none;
}
#tts_person table  .arrow{
    position: absolute;
    border-right: 6px solid #cecece;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    right: 0;
    top: 50%;
    margin-top: -3px;
}
#tts_person table  td{
    border-bottom: 1px dashed #cecece;
}
#tts_person table .last-tr td{
    border-bottom: none;
}
#tts_person table .empty-tr td{
    height: 30px;
}
#tts_person table .margin-tr td{
    height: 10px;
}
#tts_person table .t-name{
    width: 150px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    left: 20px;
}
#tts_person table .t-body:hover{
    background-color: #f7f7f8;
}
#tts_person table  .anno{
    width: 22px;
    max-height: 35px;
    position: relative;
    top: 5px;
}
#tts_person .playBtn{
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}
#tts_person table .help{
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}
.help_box{
    position: absolute;
    display: none;
    padding: 5px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.7);
    background-color: #cccccc\0;
    color: #fff;
}
.help_box span{
    display: block;
    position: absolute;
    left:10px;
    top: -8px;
    border:4px solid #cccccc;
    border-color: transparent transparent rgba(0,0,0,0.7);
    border-color: transparent transparent #ccc\0;
}
.bgplay{
    background: url(img/play.png);
}
.bgplay:hover{
    background: url(img/play-hover.png);
}
.bgpause{
    background: url(img/pause.png);
}
.btn{
    display: inline-block;
    width: 48px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.btn_buy{
    background-color: #ec4d4d;
}
.btn_apply{
    background-color: #4199e3;
}
.btn_wrap{
    text-align: center;
}
.btn_person_list,.btn_cooperation{
    margin: 30px 20px 50px;
    width: 200px;
    height: 48px;
    line-height: 48px;
    background-color: #4199e3;
    font-size: 18px;
}
.layer_voice{
    width: 500px;
    padding: 20px;
}
.layer_voice_head{
    background: url(img/icon-contact.png) no-repeat 15px center;
}
.layer_voice_head p{
    text-indent: 130px;
    font-size: 14px;
    color: #666;
    margin-bottom: 6px;
}
.layer_voice_head .h1{
    font-size:20px;
    color: #ed8d2f;
}
.layer_voice_head .h2{
    font-size:16px;
    color: #ed8d2f;
}
.layer_voice .line{
    border-top: 1px dashed #cecdcd;
    width: 100%;
    height: 0;
    margin: 20px 0;
}
.layer_voice_foot{
    padding-bottom: 20px;
    line-height: 1.5em;
    font-size: 14px;
    color: #999;
}



    /*-----------垂直语音听写------------*/
.vertical_dictation_content{
    font-size: 14px;
    width: 98%;
    margin: auto;
    line-height: 25px;
}
.vertical_dictation_model{
    width: 98%;
    margin: 20px auto;
}
.model{
    float: left;
    width: 33%;
}
.model span{
    display: block;
}
.model_img{
    height: 72px;
    margin: 20px auto auto auto;
    text-align: center;
}
.model_intro{
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}
.model_user_way{
    background-color: #606060;
    width: 240px;
    height: 85px;
    line-height: 25px;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    margin: auto;
}
.travel,.video,.music{
    color: #5b8cc4;
    font-size: 18px;
}
.video{
    color: #6bb554;
}
.music{
    color: #fd6c3d;
}

/*------------- 个性化听写 --------------*/
#individual_dictation{
    text-align: center;
}
.question_content{
    margin-top: 20px;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
}
.small_font{
    font-size: 14px;
}
.answer_content{
    font-size: 16px;
    line-height: 25px;
    color: #e56729;
    margin-bottom: 40px;
}
.operate_title{
    font-size: 16px;
    background: url(img/line.png) no-repeat center;
}
.operate_content{
    margin: 30px auto 80px auto;
}