.look-example-pro-dialog .el-dialog{background:linear-gradient(315.14deg,#f2f9ff 1.31%,#e7ecff,#d9eeff 98.69%);padding:0!important;height:calc(100vh - 30px);display:flex;flex-direction:column;border:3px solid #fff}.look-example-pro-dialog .el-dialog .el-dialog__header{position:relative;z-index:1;padding:20px}.look-example-pro-dialog .el-dialog .el-dialog__header .el-dialog__title{font-weight:700;letter-spacing:4px}.look-example-pro-dialog .el-dialog .el-dialog__header button{top:5px}.look-example-pro-dialog .el-dialog .el-dialog__body{display:flex;flex-direction:column;flex:1;padding:8px 20px 15px}.look-example-pro-dialog .bg{position:absolute;right:0;top:0;width:350px}.look-example-pro-dialog .tabs-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;margin-top:-10px}.look-example-pro-dialog .tabs-wrapper .tabs-conatiner{position:relative;left:-19px;z-index:1;height:65px}.look-example-pro-dialog .tabs-wrapper .tabs{height:100%;display:flex;flex-direction:row}.look-example-pro-dialog .tabs-wrapper .tabs li{position:absolute;top:0;left:0;height:100%;display:flex;flex-direction:row;align-items:center}.look-example-pro-dialog .tabs-wrapper .tabs li img{height:100%}.look-example-pro-dialog .tabs-wrapper .tabs-click{position:absolute;bottom:0;left:19px;height:82%;z-index:3;display:flex;flex-direction:row;align-items:center}.look-example-pro-dialog .tabs-wrapper .tabs-click li{width:190px;height:100%;cursor:pointer}.look-example-pro-dialog .tabs-wrapper .subtabs{position:relative;top:0;width:100%;display:flex;flex-direction:row;row-gap:15px;flex-wrap:wrap;margin:0 0 5px;padding:15px 30px;background:linear-gradient(183.71deg,#dcf0ff 53.88%,#f5f9ff 97.03%);box-shadow:0 0 12px #897cff40;border-radius:0 10px 10px}.look-example-pro-dialog .tabs-wrapper .subtabs li{width:16.6666666667%;display:flex;align-items:center;position:relative;left:-2px}.look-example-pro-dialog .tabs-wrapper .subtabs li span{position:relative;font-size:16px;color:var(--text-color-inverse-light-1);cursor:pointer;text-align:center}.look-example-pro-dialog .tabs-wrapper .subtabs li span:after{content:"";display:none;position:absolute;left:2%;bottom:-6px;width:96%;height:4px;border-radius:2px;background-color:var(--color-primary)}.look-example-pro-dialog .tabs-wrapper .subtabs .active span{color:var(--color-primary)}.look-example-pro-dialog .tabs-wrapper .subtabs .active span:after{display:block}.look-example-pro-dialog .tabs-wrapper iframe{border-radius:8px;overflow:hidden}.look-example-pro-dialog .model-list{padding:0 20px;margin:0 0 10px;display:flex;flex-direction:row;align-items:center;width:100%;height:50px;background-color:var(--text-color);border:2px solid #dcf0ff;box-shadow:0 0 20px #6bb8ff40;border-radius:10px;gap:40px}.look-example-pro-dialog .model-list li span{letter-spacing:1px;color:var(--text-color-inverse);cursor:pointer}.look-example-pro-dialog .model-list .active span{font-weight:700;color:var(--color-primary)}.look-example-pro-dialog .sidebar-iframe{display:flex;flex:1;flex-direction:row;gap:15px}.look-example-pro-dialog .sidebar-iframe .sidebar{display:flex;flex-direction:column;width:160px;background-color:var(--text-color);border-radius:10px;box-shadow:0 0 6px #57677640;overflow:hidden}.look-example-pro-dialog .sidebar-iframe .sidebar li{display:flex;align-items:center;height:48px;padding-left:15px;cursor:pointer}.look-example-pro-dialog .sidebar-iframe .sidebar li .text{font-size:14px}.look-example-pro-dialog .sidebar-iframe .sidebar li .text:before{position:relative;top:-2px;content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background-color:var(--color-primary)}.look-example-pro-dialog .sidebar-iframe .sidebar li .text .remark{position:relative;left:-5px;font-size:13px;color:var(--text-color-grey)}.look-example-pro-dialog .sidebar-iframe .sidebar .active{background-color:#dcf0ff}.look-example-pro-dialog .sidebar-iframe .sidebar .active span{font-weight:700;color:var(--color-primary)}.look-example-pro-dialog .sidebar-iframe .iframe{position:relative;flex:1;border:2px solid #dcf0ff;box-shadow:0 0 20px #6bb8ff40;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.look-example-pro-dialog .sidebar-iframe .iframe .fullscreen{position:absolute;top:50px;right:30px;width:86px;height:30px;border-radius:20px;background:#dcf0ff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color-inverse);box-shadow:0 0 6px #57677640}.look-example-pro-dialog .sidebar-iframe .iframe .fullscreen span{font-size:14px}.look-example-pro-dialog .sidebar-iframe .iframe .fullscreen .iconfont{font-size:11px;margin-left:4px}.look-example-pro-dialog .sidebar-iframe .iframe .images{font-size:0;overflow-y:scroll;padding:0}.look-example-pro-dialog .sidebar-iframe .iframe .images img{width:100%}.look-example-pro-dialog .sidebar-iframe .iframe .to-function-page{position:absolute;right:20px;bottom:10px;width:135px;height:32px;border-radius:18px;background-color:#7e90ff;display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--text-color);cursor:pointer;box-shadow:0 0 10px #7e90ff}.look-example-pro-dialog .sidebar-iframe .iframe .to-function-page span{font-weight:700}.look-example-pro-dialog .sidebar-iframe .iframe .to-function-page .iconfont{font-size:20px;margin-left:6px}