.tts_play {background-color: #FFFFFF; position: fixed; left: 0; bottom: 0; width: 100%; height: 0; overflow: hidden; box-shadow: 0 0 3px 3px #DDDDDD; z-index: 5; transition: all 0.3s ease-in-out; }
.tts_play.show { height: 118px; transition: all 0.3s ease-in-out; }
.tts_play .pbody { max-width: 1200px; display: flex; flex-direction: row; align-items: center; }
.tts_play .pbody .img { width: 67px; height: 94px; border-radius: 4px; margin: 12px; }
.tts_play .pbody .info { display: flex; flex-direction: column; align-items: stretch; flex: 1; padding-left: 10px; box-sizing: border-box; }
.tts_play .pbody .info .mtt { display: flex; flex-direction: row; align-items: center; height: 40px; position: relative; width: 100%; box-sizing: border-box; }
.tts_play .pbody .info .mtt .tt { display: flex; flex: 1; color: #222222; font-size: 16px; font-weight: bold; }
.tts_play .pbody .info .mtt .bt_close { width: 20px; height: 20px; position: absolute; right: 0; top: 0; cursor: pointer; }
.tts_play .pbody .info .ctl { display: flex; flex-direction: row; align-items: center; height: 54px; width: 100%; box-sizing: border-box; }
.tts_play .pbody .info .ctl #L { color: #ff6600; font-weight: bold; font-size: 14px; }
.tts_play .pbody .info .ctl #R { color: #777777; font-weight: bold; font-size: 14px; }
.tts_play .pbody .info .ctl #M { flex: 1; display: flex; flex-direction: row; padding: 0 20px; }
.tts_play .pbody .info .ctl #M .fl_range { height: 8px; background-color: #ffd3b6; border-radius: 4px; width: 100%; display: flex; flex-direction: row; align-items: stretch; position: relative; justify-content: flex-start;align-content:flex-start;text-align:left; }
.tts_play .pbody .info .ctl #M .fl_range .fl_range_progress { height: 8px; background-color: #FF6500; border-radius: 4px; width: 0%; margin:0; }
.tts_play .pbody .info .ctl #M .fl_range .fl_range_slider { height: 20px; width: 20px; background-color: #FF6500; border-radius: 50%; border: solid 1px #FFFFFF; position: absolute; top: -6px; left: calc(0% - 10px); }

.tts_play .pbody .info .ctl .bt_ico { font-size: 16px; color: #222222; padding: 0 12px; font-weight: bold; cursor:pointer;}
.tts_play .pbody .info .ctl .bt_ico.dis { color: #999999; cursor:default;}
.tts_play .pbody .info .ctl .bt_play { box-sizing: border-box; width: 31px; height: 31px; display: flex; flex-direction: row; align-items: center; justify-content: center; border: solid 2px #ff6b13; border-radius: 50%; padding: 5px; cursor: pointer; }

.bt_play_by_node { display: flex; flex-direction: row; align-items: center; margin: 10px auto; background-color: #FF6500; height: 30px; border-radius: 15px; color: #FFFFFF; justify-content: center; padding: 0 10px; width: 150px; cursor: pointer; }
.bt_play_by_node .tt { font-size: 14px; line-height: 20px; }
.bt_play_by_node .ico { display: block; width: 14px; height: 14px; margin-right: 10px; }