.list-wrapper[data-v-4813fb38]{width:1200px;margin:20px auto 135px;overflow:hidden}.list-wrapper .list-left[data-v-4813fb38]{-webkit-transition:all .3s linear;transition:all .3s linear;float:left;margin-right:10px;width:240px;height:473px;position:fixed;z-index:9;top:84px;background:url(../img/study_bg.1a4904cd.png) no-repeat}.list-wrapper .list-left>div[data-v-4813fb38]{position:absolute;color:#fff;text-align:center}.list-wrapper .list-left .list-title[data-v-4813fb38]{margin-top:20px;margin-left:65px;width:100px;height:70px;line-height:70px;font-size:34px;color:#fff;font-weight:600}.list-wrapper .list-left .list-name[data-v-4813fb38]{margin-left:30px;margin-right:30px;width:180px;line-height:25px;top:160px;font-size:15px}.list-wrapper .list-left .list-desc[data-v-4813fb38]{top:240px;margin-left:30px;margin-right:30px;width:180px;line-height:25px;font-size:15px}.list-wrapper .list-right[data-v-4813fb38]{-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);float:right;margin-right:10px;position:relative;width:900px;min-height:348px}.list-wrapper .list-right .list[data-v-4813fb38]{padding-left:20px;background-color:#f7f7f7}.list-wrapper .list-right .bg239[data-v-4813fb38]{background-color:#efefef}p[data-v-23ec7f2c]{margin-bottom:0}.symbol-tab[data-v-23ec7f2c]{cursor:pointer;font-size:20px;text-align:left;width:40px;line-height:26px;height:26px;float:left}.main-p[data-v-23ec7f2c]{font-size:16px;color:#cc80dd;font-weight:700}.words[data-v-23ec7f2c]{display:inline-block;margin-right:15px;cursor:pointer;font-size:15px}.active[data-v-23ec7f2c]{color:#cc80dd}.main-btn[data-v-23ec7f2c]{float:right;margin-top:10px}.main-btn[data-v-23ec7f2c]:active,.main-btn[data-v-23ec7f2c]:hover{background-color:#cc80dd;border:1px solid #cc80dd;color:#fff}.spoken-question[data-v-23ec7f2c]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:80px}.spoken-question .symbol-left .symbol-resourse[data-v-23ec7f2c],.spoken-question[data-v-23ec7f2c]{display:-webkit-box;display:-ms-flexbox;display:flex}.spoken-question .symbol-left .symbol-resourse .video-card[data-v-23ec7f2c]{width:250px;-webkit-box-shadow:0 4px 8px 0 rgba(7,17,27,.1);box-shadow:0 4px 8px 0 rgba(7,17,27,.1);-webkit-transition:all .2s linear;transition:all .2s linear;border:none;position:relative;margin:20px}.spoken-question .symbol-left .symbol-resourse .video-card[data-v-23ec7f2c]:hover{-webkit-box-shadow:0 8px 16px 0 rgba(7,17,27,.2);box-shadow:0 8px 16px 0 rgba(7,17,27,.2)}.spoken-question .symbol-left .symbol-resourse .video-card:hover span[data-v-23ec7f2c]{display:block}.spoken-question .symbol-left .symbol-resourse .video-card>span[data-v-23ec7f2c]{display:none;position:absolute;width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNjczOWUyOS1kZGRmLTI1NDUtYTRlMi0zZTg1YmRjNGEwN2YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTY1RjA1RDAyM0RFMTFFNzlDMzRBRjlCODM0QUM1RkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTY1RjA1Q0YyM0RFMTFFNzlDMzRBRjlCODM0QUM1RkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDNiMjI3MWMtODUxOC0zOTQ0LWFlZmEtYTY0ODhkZDRmNWNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YTUxNGMyY2UtMTA1YS0xMWU3LWE0ZTgtYjMwZjNmMzkzNGU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+OkEy4QAAA8hJREFUeNq8mHtojlEcx9/33djFXeSSkbESG8usZf4wIbeIJKFM/pAht8hStiQJCU3zD8lG/OP2h1bGUJs0l2WZuU0mEtGYtLnMfH7r99bjcZ537/N4X6c+O895dy7f53fO+Z3fefzt7e0+e7q384UvjBQPaTAK+kIMfIYnUJdRmNzk85BiXdYfDgthIkyCAQ71mnmpKvLbcAlxD8IdwB+mhcbBasVLOgfFCKuIhKDNcMAXmXQI8hH2zalCIERjWRcVERQjaSM84oXT3ArqIw1hii/yKRlqEZUZ1pRRsRvZMxjki34ayfQ1dGahax7FfPfQ5h4G6OooiH9uIsvy0PEMGAxvXLbrBaeNU4aYFLKnLjsUJ5gBX7Vcq87SmsogWwd3SllMXbXdQjtcijmmXlrWXLH29ZcPYaDZ0JvH6hB9HfnDQlgniedGKYch5C0shRswGy7rkSGD1kC6rb44tUWIus840mayQ78ivCxoocUGMY/1eOhmoYeuFen4oIrpmPHgCzpsc1m8qQyYE2Lxz7eeZdmGCnIW3dKK8va/lCGwAQZa6nYxtJeXmQfbtHwfuqpvqzLUn4vovAB/4ihMNfkozS/ACTgJpbDHJsbxWMIi+eRFQdGMdYLf5CU/GeqLq8mWKRsPPQ0VYjR/59HpVSJgHQLW81yvv63oZANliKCUKHriInV8Ky2+bqzuUKNfEkH9o3w8yBq8YynPwmqt5G2GuomBMLf6v6R+CGizRRFOR41fBDVFWZCEGwmW8ktLCGxPLQF1XNFKzVhHfFauNXpE4DCHmfkSUKdmMl/wGIjzKEaiwrEMnkh+WH/7gcD35Nsd2tQHqNDMw/UIC2ql33ho1AUdDDHyNF9lsqaEPkFPXa0hhP2a07HyobvFU/v15rFXjxGf4VCNxTJbyJfA6OCOR+BxfneyTpnE2kFBZwzOSlx8IbyCnypEnGULnFLOwwIVbb9e7beU5Z42ATFye9ntIOiiPR4qJ5sW5pTIRpipoW6JWneQrsd027QfQMxW+k/W+qYo9TV1kuzx0HaXgboEc8tgOcxR68Ua1uE+xEwnbwhxqVhjDPJpKIHSWpcLeBcU6PNDGOOyfQ3WGe8U5K/3EBfL2juqgVeShx05r7Nr0Aiy577/k3Kwzs2Q1yC9J2X+BzG5djGhbq53IRU+RknMdMSUuL3b12msVBpBIZXiKBFz1ev3oSbd1uIE8//hri/+pwAhZyP1weqKIkdGju6MoZ20+aCXxHKEhG1lv8dPejH6FS1VI84Enf5WFSIWqUTIV7em/C3AADVmLFXPU7L1AAAAAElFTkSuQmCC) 50% no-repeat;top:0;left:0}.spoken-question .symbol-left .symbol-resourse .auido-box[data-v-23ec7f2c]{margin-left:20px}.spoken-question .symbol-left .symbol-resourse .auido-box>div[data-v-23ec7f2c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;background-color:#cc80dd;width:66px;height:66px;border-radius:50%;margin:15px 0 10px}.spoken-question .symbol-left .symbol-action .symbol-record[data-v-23ec7f2c]{display:-webkit-box;display:-ms-flexbox;display:flex}.spoken-question .symbol-left .symbol-action .symbol-record>[data-v-23ec7f2c]{margin-right:10px;margin-top:20px}.spoken-question .symbol-left .symbol-action .symbol-record .record-time[data-v-23ec7f2c]{font-size:18px;color:#000}.spoken-question .symbol-right[data-v-23ec7f2c]{padding-top:20px;max-width:310px;line-height:30px;font-size:14px}.spoken-question .symbol-right .next-btn[data-v-23ec7f2c]{background-color:#f5721a;margin-top:20px;color:#fff}