.color_ai_view .tourist_tips_layer{position:fixed!important}.color_ai_view .tourist_tips_color_content img{display:block!important;height:690px}.color_ai_view .ai-color-main{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:url(/static/images/color_tools/ai_color_bg.png) no-repeat;background-size:100% 100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:970px;-webkit-justify-content:center;justify-content:center;margin-bottom:-35px}.color_ai_view .ai-color-main .ai-left{margin-right:150px}.color_ai_view .ai-color-main .ai-left img{height:520px;-o-object-fit:contain;object-fit:contain;width:600px}.color_ai_view .ai-color-main .ai-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border:1px solid grey;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:439px;width:500px}.color_ai_view .ai-color-main .ai-right #uploadColorImg{display:none}.color_ai_view .ai-color-main .ai-right .title{color:#1d1d1d;font-size:18px;font-weight:700;height:60px;line-height:60px}.color_ai_view .ai-color-main .ai-right .pic-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#f5f5f5;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:220px;-webkit-justify-content:center;justify-content:center;width:436px}.color_ai_view .ai-color-main .ai-right .pic-view .pic-icon{background-position:-259px -424px;display:inline-block;height:37px;margin-bottom:20px;width:40px}.color_ai_view .ai-color-main .ai-right .desc-view{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:start;align-items:start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:14px;width:436px}.color_ai_view .ai-color-main .ai-right .desc-view span{color:#999;font-size:12px;font-weight:400;line-height:14px;margin-top:6px}.color_ai_view .ai-color-main .ai-right .desc-view span:first-child{color:#4d4d4d;font-size:14px;font-weight:500}.color_ai_view .ai-color-main .ai-right .upload-btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#1d1d1d;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:42px;-webkit-justify-content:center;justify-content:center;margin-top:18px;width:436px}.color_ai_view .ai-color-main .ai-right .upload-btn i{background-position:-389px -181px;display:inline-block;height:18px;margin-right:8px;width:18px}.color_ai_view .ai-color-main .ai-right .upload-btn span{color:#fff;font-size:16px;font-weight:400}.color_ai_view .ai-color-main .ai-right .upload-btn:hover{background-color:#333}.color_ai_view .ai-color-explain{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;background:url(/static/images/color_tools/ai_color_bottom.png);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:578px;-webkit-justify-content:center;justify-content:center;padding-top:64px}.color_ai_view .ai-color-explain .explain-left{background-color:#fff;margin-right:80px;width:344px}.color_ai_view .ai-color-explain .explain-left>.base-view{padding:26px 0;position:relative}.color_ai_view .ai-color-explain .explain-left>.base-view>.icon-title{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#1d1d1d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24px;font-weight:500;margin-left:24px}.color_ai_view .ai-color-explain .explain-left>.base-view>.icon-title i{display:inline-block;margin-right:12px}.color_ai_view .ai-color-explain .explain-left>.base-view>.icon-title .icon_1{background-position:-325px -427px;height:27px;width:34px}.color_ai_view .ai-color-explain .explain-left>.base-view>.icon-title .icon_2{background-position:-389px -429px;height:29px;width:34px}.color_ai_view .ai-color-explain .explain-left>.base-view>.icon-title .icon_3{background-position:-451px -428px;height:29px;width:32px}.color_ai_view .ai-color-explain .explain-left>.base-view>.desc{color:#4d4d4d;display:none;font-size:14px;line-height:18px;margin:12px 24px 18px}.color_ai_view .ai-color-explain .explain-left>.base-view>.line-view{background-color:rgba(75,156,251,.4);display:none;height:3px;position:relative;width:100%}.color_ai_view .ai-color-explain .explain-left>.base-view>.line-view .line{background-color:#4b9cfb;height:3px;position:absolute;-webkit-transition:all .5s;transition:all .5s;width:0}.color_ai_view .ai-color-explain .explain-left>.base-view>.split-line{background-color:#f0f0f0;bottom:0;height:1px;left:0;position:absolute;width:100%}.color_ai_view .ai-color-explain .explain-left>.base-view>.hover-view{background-color:hsla(0,0%,85%,.36);bottom:0;display:none;height:6px;margin-left:11px;position:absolute;width:calc(100% - 22px)}.color_ai_view .ai-color-explain .explain-left>.base-view:hover{-webkit-box-shadow:0 30px 20px -16px rgba(0,0,0,.06);box-shadow:0 30px 20px -16px rgba(0,0,0,.06);cursor:pointer;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:all .2s;transition:all .2s}.color_ai_view .ai-color-explain .explain-left>.base-view.sel:hover>.hover-view,.color_ai_view .ai-color-explain .explain-left>.base-view:hover>.split-line{display:none}.color_ai_view .ai-color-explain .explain-left>.base-view.sel:hover{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}.color_ai_view .ai-color-explain .explain-left>.base-view.sel{padding-bottom:0}.color_ai_view .ai-color-explain .explain-left>.base-view.sel .desc,.color_ai_view .ai-color-explain .explain-left>.base-view.sel .line-view{display:block}.color_ai_view .ai-color-explain .explain-left>.base-view.sel .split-line{display:none}.color_ai_view .ai-color-explain .explain-right{height:450px;position:relative;width:800px}.color_ai_view .ai-color-explain .explain-right .pause_icon{background-position:-22px -467px;display:inline-block;height:90px;left:calc(50% - 45px);position:absolute;top:calc(50% - 45px);width:90px;z-index:5}.color_ai_view .ai-color-explain .explain-right .explain-loading-view{background:#f5f5f5;height:450px;position:absolute;width:800px;z-index:6}.color_ai_view .ai-color-explain .explain-right .explain-loading-view i{background:url(/static/images/loading/pop.gif);background-repeat:no-repeat;display:inline-block;height:470px;height:52px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:600px;width:146px;z-index:1}.color_ai_view .ai-color-explain .explain-right video{-webkit-box-shadow:0 20px 110px 0 rgba(0,0,0,.05);box-shadow:0 20px 110px 0 rgba(0,0,0,.05);left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:800px}.color_ai_view .ai-color-explain .explain-right .js_explain_video_1{z-index:2}.color_ai_view .ai-color-explain .explain-right .js_explain_video_2{display:none;z-index:1}.color_ai_view .ai-color-explain .explain-right js_explain_video_3{display:none;z-index:0}

/*# sourceMappingURL=color_ai.css.map*/