#mcv-order-list-body{background:var(--wp--mcv--color--background);padding:20px 0}.red{color:var(--wp--mcv--color--main1)}.mcv-uc,.mcv-uc *{box-sizing:border-box}.mcv-uc{display:flex;font-size:14px;height:100%;margin-bottom:50px;margin-left:auto;margin-right:auto;width:990px}.mcv-uc,.mcv-uc-left{box-sizing:border-box}.mcv-uc-left{width:200px}.mcv-uc-main{box-sizing:border-box;margin-left:30px;width:760px;width:100%}.mcv-nav{margin:0;padding:0}.mcv-nav-area{background:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second5);margin-bottom:20px;width:200px}.mcv-nav-item{height:45px;line-height:45px;list-style:none}.mcv-nav-item a{border-left:3px solid transparent;color:var(--wp--mcv--color--second4);display:block;font-size:14px;text-decoration:none;text-indent:20px}.mcv-nav-item a:hover{background:var(--wp--mcv--color--second5);border-left-color:var(--wp--mcv--color--second1);font-size:14px}.mcv-nav-item a.active,.mcv-nav-item a:hover{color:var(--wp--mcv--color--main2)}.mcv-nav-item a.active{border-left-color:var(--wp--mcv--color--main2)}.order-component .tabs{align-items:center;width:100%}.order-component .tabs,.order-component .tabs .tab{display:flex}.order-component .tabs .tab{justify-content:center;position:relative}.order-component .tabs{border-bottom:1px solid var(--wp--mcv--color--second5);height:43px}.order-component .tabs .tab{margin-right:20px}.order-component .tabs .tab a{color:var(--wp--mcv--color--font);cursor:pointer;font-size:16px;line-height:24px;text-align:center;text-decoration:none;width:100px}.order-component .tabs .tab a.active{color:var(--wp--mcv--color--main2)}.order-component .tabs .tab a.active:after{background:var(--wp--mcv--color--main2);bottom:-9px;content:"";height:3px;left:0;position:absolute;width:100%}.order-component .tabs .tab a:hover,.order-component .tabs .tab span{color:var(--wp--mcv--color--main2)}.order-component .tabs .tab span{margin-left:3px}.order-component .flex-list .flex-row{align-items:center;display:flex;width:100%}.order-component .flex-list .flex-cell{display:flex;justify-content:center;position:relative;width:128px}.order-component .flex-list .first{flex-grow:1;justify-content:flex-start;padding:0 20px}.order-component .flex-list-header{border:1px solid var(--wp--mcv--color--second5);line-height:42px;margin-top:20px}.order-component .flex-list-item{background:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second5);margin-top:21px}.order-component .flex-list-item:hover .head .delete{display:block}.order-component .flex-list-item .flex-cell{border-bottom:1px solid var(--wp--mcv--color--second5);border-right:1px solid var(--wp--mcv--color--second5);padding-bottom:20px;padding-top:20px}.order-component .flex-list-item .flex-cell:last-child{border-right:0}.order-component .flex-list-item .head{background:var(--wp--mcv--color--second5);border-bottom:0;line-height:43px}.order-component .flex-list-item .head .time{padding-left:20px}.order-component .flex-list-item .head .agent-name,.order-component .flex-list-item .head .order-id{margin-left:32px}.order-component .flex-list-item .head .agent-name span{color:var(--wp--mcv--color--font)}.order-component .flex-list-item .head .comment{background:url(//cdn-cos-ke.myoed.com/ke_proj/user/34d03e52c28acda26505b7cedc7c94ed.png) no-repeat;background-size:16px 16px;display:inline-block;margin-left:8px}.order-component .flex-list-item .head .delete{background:url(//cdn-cos-ke.myoed.com/ke_proj/user/4368c88ae5be4b8322345afc1a48a293.png) no-repeat;background-size:16px 16px;display:none;margin-left:auto;margin-right:20px}.order-component .flex-list-item .head .icon{cursor:pointer;height:16px;width:16px}.order-component .flex-list-item .content{align-items:stretch}.order-component .flex-list-item .content .cover a{display:flex;position:relative;text-decoration:none}.order-component .flex-list-item .content .cover a .gray-frame,.order-component .flex-list-item .content .cover a img{height:50px;width:90px}.order-component .flex-list-item .content .cover a img{margin-right:20px;position:relative;z-index:1}.order-component .flex-list-item .content .cover a .gray-frame{background-color:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second1);position:absolute}.order-component .flex-list-item .content .cover a .gray-frame--1{left:4px;top:4px}.order-component .flex-list-item .content .cover a .gray-frame--2{left:2px;top:2px}.order-component .flex-list-item .content .title{color:var(--wp--mcv--color--font);line-height:20px;max-width:223px;word-break:break-all}.order-component .flex-list-item .content .title .sub{color:var(--wp--mcv--color--second1)}.order-component .flex-list-item .content .title .sub .new-course{display:inline-block;height:16px;margin-left:10px;vertical-align:middle;width:50px}.order-component .flex-list-item .content .price{align-items:center;color:var(--wp--mcv--color--font);flex-direction:column;justify-content:flex-start}.order-component .flex-list-item .content .price .original{color:var(--wp--mcv--color--second3);font-size:12px;text-decoration:line-through}.order-component .flex-list-item .content .price .discount{border:1px solid var(--wp--mcv--color--main1);border-radius:1px;color:var(--wp--mcv--color--main1);cursor:pointer;font-size:12px;line-height:16px;padding:0 2px;transform:scale(.875)}.order-component .flex-list-item .content .wording{text-align:center}.order-component .flex-list-item .content .operating{align-items:center;flex-direction:column;justify-content:flex-start}.order-component .flex-list-item .content .operating-btn{border-radius:3px;margin-bottom:8px}.order-component .flex-list-item .content .operating a{background-color:var(--wp--mcv--color--main2);border:0;color:var(--wp--mcv--color--font);color:var(--wp--mcv--color--background);display:block;line-height:30px;min-width:80px;outline:0;padding:0 1em;text-align:center;text-decoration:none}.order-component .flex-list-item .collapsible{font-size:12px;text-align:center}.order-component .flex-list-item .collapsible-trigger{color:var(--wp--mcv--color--second3);line-height:28px}.order-component .flex-list-item .collapsible-content{background-color:var(--wp--mcv--color--second5)}.order-component .flex-list-item .collapsible-content .first{text-align:left}.order-component .flex-list-item .collapsible-content .flex-cell{border:0;border-bottom:1px solid var(--wp--mcv--color--second5)}.order-component .flex-list-item .collapsible-content .flex-cell:last-child{border-left:1px solid var(--wp--mcv--color--second5)}.order-component .flex-list-no-data{align-items:center;background-color:var(--wp--mcv--color--background);border:1px solid var(--wp--mcv--color--second1);border-top:0;display:flex;height:200px;justify-content:center}.order-component .flex-list-no-data-wrapper{width:480px}.order-component .flex-list-no-data-wrapper .switch-account-tips{color:var(--wp--mcv--color--second1);font-size:18px;margin-left:50px;margin-top:0;text-align:left}.order-component .flex-list-no-data-wrapper .switch-account-tips-btn{color:var(--wp--mcv--color--main2);cursor:pointer;margin-left:5px}.order-component .flex-list-no-data-wrapper .im-statusbox-icon{padding-right:15px}@media only screen and (max-width:768px){.mcv-uc{display:list-item}.mcv-nav-area,.mcv-uc{width:100%}.mcv-uc-left,.mcv-uc-main{margin:0 24px;width:calc(100% - 48px)}.tab-ctn,.wrapper-tt{width:100%}.order-component .flex-list-item .content .cover{padding:5px}.order-component .flex-list-item .content .cover a{display:block}.order-component .flex-list-item .content .operating a{padding:0}.order-component .flex-list-item .content .operating,.order-component .flex-list-item .content .price,.order-component .flex-list-item .content .wording{align-items:center;justify-content:space-around}}