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