@charset "utf-8";

.ai_dubbing_box { padding:40px 0; }
.ai_dubbing_box .form_group { width:100%; height:auto; display:table; border-bottom:1px solid #eee; padding:15px 0; }
.ai_dubbing_box .form_group .pull-left { font-size:14px; }
.ai_dubbing_box .form_group .w_7 { width:7%; text-align:right; padding-right:10px; }
.ai_dubbing_box .form_group .w_93 { width:93%; }
.ai_dubbing_box .form_group .w_43 { width:43%; }
.ai_dubbing_box .form_group:nth-last-child(1) { padding-bottom:0px; border-bottom:0px; }
.ai_dubbing_box .form_group .btn { margin-right:5px; }

#numtj { width:100%; height:24px; line-height:32px; color:#ccc; overflow:hidden; }
#numtj i { float:left; display:block; margin-right:6px; line-height:32px; }
#numtj em { font-style:normal; display:block; float:left; font-size:14px; }
#numtj var { font-style:normal; color:#f00; padding-right:4px; font-weight:bold; }

/* 声音场景切换 */
.sound_demo_box { width:100%; height:300px; border:1px solid #eee; }
.sound_demo_box #tabContainer { width:100%; height:40px; position:relative; }
.sound_demo_box #tabContainer::after { height:1px; content:''; position:absolute; left:0px; bottom:0px; right:0px; background:#eee; }
.sound_demo_box #tabContainer ul li { width:100px; height:40px; line-height:40px; font-size:14px; color:#666; cursor:pointer; text-align:center; float:left; border-right:1px solid #eee; }
.sound_demo_box #tabContainer ul li.active { position:relative; color:#00c8c6; }
.sound_demo_box #tabContainer ul li.active::after { height:2px; content:''; position:absolute; background:#00c8c6; left:-1px; top:-1px; right:-1px; }
.sound_demo_box #tabContainer ul li.active::before { height:2px; content:''; z-index:99; position:absolute; background:#fff; left:0px; bottom:0px; right:0px; }
.scene_user { width:100%; height:258px; padding:10px; overflow:hidden; }
.scene_user ul li { width:20%; height:62px; float:left; padding:10px; cursor:pointer; position:relative; border:1px solid #fff; }
.scene_user ul li img { width:40px; height:40px; border-radius:40px; float:left; }
.scene_user ul li span { height:40px; line-height:40px; color:#999; padding-left:10px; display:block; float:left; }
.scene_user ul li i { position:absolute; right:10px; top:22px; border-radius:12px; }
.scene_user ul li.active,.scene_user ul li.active:hover { background:#00c8c6; border-radius:5px; }
.scene_user ul li.active span,.scene_user ul li.active:hover span { color:#fff; }
.scene_user ul li:hover { background:#e7f5f5; border-radius:5px; }

#speed,#volume { width:70%; float:left; }
.tips { width:30%; float:left; padding-left:15px; color:#01c8b3; }

/* 拖动滑柄 */
.ui-widget-content { border-radius:10px; border:1px solid #dedede; background:#dedede; margin-top:6px; position:relative; }
.ui-widget-content em { width:50%; position:absolute; left:-1px; top:-1px; bottom:-1px; background:#01c8b3; border-radius:10px; display:block; transition:0.2s all; }
.ui-state-default, .ui-widget-content .ui-state-default { border-radius:50%; border:1px solid #01c8b3; background:#fff; }