.color_svg{background:url(/static/images/color_tools/icon.svg) no-repeat}.color_svg_second{background:url(/static/images/color_tools/new_svg_icon.svg) no-repeat}.color_aside_filter_icon{background-image:url(/static/images/list/aside_filter_icon.svg);background-repeat:no-repeat;display:inline-block}.list_icon{background:url(/static/images/list/list_common.svg?20220726) no-repeat}.cgc_tips{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:6px 6px 6px 6px;-webkit-box-shadow:0 16px 16px 0 rgba(0,0,0,.08);box-shadow:0 16px 16px 0 rgba(0,0,0,.08);color:#1d1d1d;display:none;font-size:14px;font-weight:400;height:44px;line-height:44px;margin-left:54px;margin-top:16px;padding:0 21px;position:fixed;text-align:center;z-index:9}.cgc_tips i{background-position:-113px -152px;display:inline-block;height:16px;margin-right:9px;width:16px}.error_tips{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:6px 6px 6px 6px;-webkit-box-shadow:0 16px 16px 0 rgba(0,0,0,.08);box-shadow:0 16px 16px 0 rgba(0,0,0,.08);color:#1d1d1d;display:none;font-size:14px;font-weight:400;height:44px;left:235px;line-height:44px;padding:0 33px;position:fixed;text-align:center;top:-60px}.error_tips i{background-position:-113px -152px;display:inline-block;height:16px;margin-right:9px;width:16px}.success_tips{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:6px 6px 6px 6px;-webkit-box-shadow:0 16px 16px 0 rgba(0,0,0,.08);box-shadow:0 16px 16px 0 rgba(0,0,0,.08);color:#1d1d1d;display:none;font-size:14px;font-weight:400;height:44px;left:235px;line-height:44px;padding:0 33px;position:fixed;text-align:center;top:-60px;z-index:50px}.success_tips span{font-weight:700;margin:0 4px}.success_tips a{border-bottom:1px solid #1d1d1d;height:18px;line-height:18px}.success_tips i{background-position:-147px -151px;display:inline-block;height:18px;margin-right:9px;width:18px}.color-tool-nav{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#fff;height:72px;padding:0 56px;position:relative;z-index:5}.color-tool-nav,.color-tool-nav ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.color-tool-nav ul li{border:1px solid #ccc;border-radius:24px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1d1d1d;font-size:16px;font-weight:500;height:48px;margin-right:16px;width:155px}.color-tool-nav ul li,.color-tool-nav ul li a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.color-tool-nav ul li a{height:100%;width:100%}.color-tool-nav ul li i{display:inline-block;height:24px;margin-right:3px;width:24px}.color-tool-nav ul li .color-nav-1{background-position:-19px -13px}.color-tool-nav ul li .color-nav-2{background-position:-63px -13px}.color-tool-nav ul li .color-nav-3{background-position:-107px -13px}.color-tool-nav ul li .color-nav-4{background-position:-151px -13px}.color-tool-nav ul li .color-nav-5{background-position:-195px -13px}.color-tool-nav ul li .color-nav-6{background-position:-239px -13px}.color-tool-nav ul li:hover{background-color:#f0f0f0}.color-tool-nav ul li.sel{background-color:#1d1d1d;color:#fff}.color-tool-nav ul li.sel .color-nav-1{background-position:-21px -50px}.color-tool-nav ul li.sel .color-nav-2{background-position:-63px -48px}.color-tool-nav ul li.sel .color-nav-3{background-position:-107px -48px}.color-tool-nav ul li.sel .color-nav-4{background-position:-151px -48px}.color-tool-nav ul li.sel .color-nav-5{background-position:-195px -48px}.color-tool-nav ul li.sel .color-nav-6{background-position:-239px -48px}.color-tool-nav ul li.sel:hover{background-color:#1d1d1d}.tourist_tips_color_content{position:relative;width:100%}.tourist_tips_color_content>img{-webkit-filter:blur(3px);filter:blur(3px);width:100%}.tourist_tips_layer{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:4}.tourist_tips_layer.tourist_tips_colortrend_layer{display:none}.tourist_tips_layer.tourist_tips_colortrend_layer.show,.tourist_tips_layer>div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tourist_tips_layer>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;position:relative}.tourist_tips_layer>div>.title{color:#1d1d1d;font-size:22px;font-weight:700;line-height:33px}.tourist_tips_layer>div>p{color:#999;font-size:18px;line-height:21px;margin-top:11px}.tourist_tips_layer>div>.btn{margin-top:28px}.tourist_tips_layer>div>.btn,.tourist_tips_layer>div>.btn>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tourist_tips_layer>div>.btn>a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border:1px solid #1d1d1d;color:#1d1d1d;font-size:14px;height:48px;-webkit-justify-content:center;justify-content:center;margin:0 16px;position:relative;width:240px}.tourist_tips_layer>div>.btn>a:after{border-left:6px solid transparent;border-top:6px solid #1d1d1d;content:"";height:0;position:absolute;right:5px;top:5px;width:0}.tourist_tips_layer>div>.btn>a:hover{background-color:#1d1d1d;color:#fff}.tourist_tips_layer>div>.btn>a:hover:after{border-left:6px solid transparent;border-top:6px solid #fff}.tourist_tips_layer>div>.b_title{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#666;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;margin-top:30px}.tourist_tips_layer>div>.b_title>span{color:#1d1d1d;font-weight:700}.tourist_tips_layer>div>.b_title>a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#1d1d1d;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:24px;-webkit-justify-content:center;justify-content:center;margin-left:9px;width:92px}.tourist_tips_layer>div>.b_title>a>i{background-position:-278px -282px;height:16px;margin-right:4px;width:16px}.tourist_tips_layer>div>.close{background-position:-695px -215px;cursor:pointer;height:24px;position:absolute;right:-24px;top:-24px;width:24px}.tourist_tips_layer>div>.close:hover{background-position:-736px -215px}.open_account_container{-webkit-box-pack:center;-ms-flex-pack:center;height:100%;-webkit-justify-content:center;justify-content:center;margin:38px 0 60px;position:relative;width:100%;z-index:10}.open_account_container,.open_account_container>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.open_account_container>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:url(/static/images/ec_data/detail/phone.png) no-repeat;background-size:cover;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:301px;width:295px}.open_account_container>div>img{margin-top:59px;width:110px}.open_account_container>div>div{color:#666;font-size:14px;margin-top:20px;text-align:center;width:206px}.open_account_container>div>a{background:#1d1d1d;border-radius:45px;color:#fff;font-size:14px;height:36px;line-height:36px;margin-top:25px;padding:0 45px;text-align:center}.open_account_container>div>a:hover{background:#3a3a3a}.authority_tips_color{height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.general_tips_color_content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.9);bottom:0;display:none;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:11}.general_tips_color_content.show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.general_tips_color_content>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;position:relative;width:513px}.general_tips_color_content>div,.general_tips_color_content>div>.title{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.general_tips_color_content>div>.title{color:#1d1d1d;font-size:22px;font-weight:700;line-height:33px}.general_tips_color_content>div>.title>i{background-position:-209px -280px;display:inline-block;height:20px;margin:0 5px;width:48px}.general_tips_color_content>div>p{color:#999;font-size:18px;line-height:21px;margin-top:11px}.general_tips_color_content>div>.btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:24px}.general_tips_color_content>div>.btn>a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:#1d1d1d;border:1px solid #1d1d1d;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:48px;-webkit-justify-content:center;justify-content:center;margin:0 16px;position:relative;width:240px}.general_tips_color_content>div>.btn>a:after{border-left:6px solid transparent;border-top:6px solid #fff;content:"";height:0;position:absolute;right:5px;top:5px;width:0}.general_tips_color_content>div>.btn>a:hover{background-color:#3a3a3a}.general_tips_color_content>div>.s_title{color:#666;font-size:14px;margin-top:16px}.general_tips_color_content>div>.b_title{color:#1d1d1d;font-size:24px;font-weight:700;margin-top:6px}.general_tips_color_content>div>.close{background-position:-695px -215px;cursor:pointer;height:24px;position:absolute;right:-24px;top:-24px;width:24px}.general_tips_color_content>div>.close:hover{background-position:-736px -215px}.color_aside_filter{background-color:#fff;float:left;min-height:100vh;padding-left:56px;position:-webkit-sticky;position:sticky;top:56px;width:216px}.color_aside_filter .aside_filter_content{padding-bottom:180px}.color_aside_filter .aside_filter_content>li{border-bottom:1px solid #ddd;color:#1d1d1d;font-size:16px;line-height:24px}.color_aside_filter .aside_filter_content>li:last-child{border-bottom:none}.color_aside_filter .aside_filter_content>li>label{cursor:pointer;display:block;font-weight:700;height:56px;line-height:56px;padding-left:4px;position:relative}.color_aside_filter .aside_filter_content>li>label>i{background-origin:content-box;background-position:-34px -87px;height:16px;padding:7px 0;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:12px}.color_aside_filter .aside_filter_content>li>label.down>i{background-position:-82px -82px;padding:2px 0}.color_aside_filter .aside_filter_content>li>ul{margin-bottom:19px;position:relative}.color_aside_filter .aside_filter_content>li>ul>li{color:#1d1d1d;font-size:14px}.color_aside_filter .aside_filter_content>li>ul>li>label{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-weight:400;min-width:118px;position:relative;word-break:break-all}.color_aside_filter .aside_filter_content>li>ul>li>label>a{display:inline-block;line-height:16px;padding:12px 0 12px 16px}.color_aside_filter .aside_filter_content>li>ul>li>label>a>span{display:block;max-width:163px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.color_aside_filter .aside_filter_content>li>ul>li>label>a>span:after{background-color:#1d1d1d;bottom:0;content:"";height:1px;left:0;position:absolute;-webkit-transition:width .3s ease;transition:width .3s ease;width:0}.color_aside_filter .aside_filter_content>li>ul>li>label>a>span[aside_toggle_text]{color:#666}.color_aside_filter .aside_filter_content>li>ul>li>label>i{background-origin:content-box;background-position:-8px -80px;display:none;height:16px;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.color_aside_filter .aside_filter_content>li>ul>li:hover>label{background-color:#f1f1f1}.color_aside_filter .aside_filter_content>li>ul>li:hover>label>a{font-weight:900}.color_aside_filter .aside_filter_content>li>ul>li:hover>label>a>span:after{width:100%}.color_aside_filter .aside_filter_content>li>ul>li.selected>label{background-color:#f1f1f1}.color_aside_filter .aside_filter_content>li>ul>li.selected>label>a{font-weight:900}.color_aside_filter .aside_filter_content>li>ul>li.selected>label>a>span:after{width:100%}.color_aside_filter .aside_filter_content>li>ul>li.selected>label>a>i,.color_aside_filter .aside_filter_content>li>ul>li.selected>label>i{display:block}.color_aside_filter .aside_filter_content [aside_parent]{color:#1d1d1d;font-size:14px}.color_aside_filter .aside_filter_content [aside_parent] [aside_child]{position:relative}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:block;font-weight:400;min-width:118px;position:relative;word-break:break-all}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]>a{display:inline-block;line-height:16px;padding:12px 0 12px 16px}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]>a>span{display:block;max-width:163px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]>a>span:after{background-color:#1d1d1d;bottom:0;content:"";height:1px;left:0;position:absolute;-webkit-transition:width .3s ease;transition:width .3s ease;width:0}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]>a>span[aside_toggle_text]{color:#666}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]>i{background-origin:content-box;background-position:-8px -80px;display:none;height:16px;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:16px}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]:hover{background-color:#f1f1f1}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]:hover>a{font-weight:900}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]:hover>a>span:after{width:100%}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle]:hover>a>span[aside_toggle_text]{color:#1d1d1d}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle].selected{background-color:#f1f1f1}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle].selected>a{font-weight:900!important}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle].selected>a>span:after{width:100%!important}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle].selected>a>span[aside_toggle_text]{color:#1d1d1d}.color_aside_filter .aside_filter_content [aside_parent] [aside_toggle].selected>i{display:block}.color_aside_filter .aside_filter_content>[aside_parent]{border-bottom:1px solid #ddd;color:#1d1d1d;font-size:16px;line-height:24px}.color_aside_filter .aside_filter_content>[aside_parent]>[aside_toggle]{display:block;font-weight:900;height:56px;line-height:56px;padding-left:4px}.color_aside_filter .aside_filter_content>[aside_parent]>[aside_toggle]>a{padding-left:0}.color_aside_filter .aside_filter_content>[aside_parent]>[aside_toggle]:hover{background-color:transparent}.color_aside_filter .aside_filter_content>[aside_parent]>[aside_child]{margin-bottom:19px}.color_aside_filter .aside_filter_content>[aside_parent]>[aside_child]>[aside_parent]>[aside_toggle]>a{padding-left:8px}.color_aside_filter .aside_filter_content>[aside_parent]:last-child{border-bottom:none}.color_save_plate_layer{background:rgba(0,0,0,.4);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:40}.color_save_plate_layer>.color_save_plate_content{background-color:#fff;border-radius:8px;height:500px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}.color_save_plate_layer>.color_save_plate_content>.title{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#f5f5f5;border-radius:8px 8px 0 0;color:#1d1d1d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:20px;height:68px;padding-left:24px;width:100%}.color_save_plate_layer>.color_save_plate_content>.c_content{padding:0 24px}.color_save_plate_layer>.color_save_plate_content>.c_content>.s_title{color:#1d1d1d;font-size:14px;margin-top:16px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;height:44px;margin-top:8px;position:relative;width:100%}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_input>input{border:none;height:100%;outline:none;padding-left:16px;width:100%}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_input>.msg{bottom:-18px;color:#ee1d00;display:none;font-size:12px;left:0;position:absolute}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_title{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:8px;margin-top:24px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_title>p{color:#1d1d1d;font-size:14px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_title>a{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;color:#1d1d1d;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:26px;-webkit-justify-content:center;justify-content:center;width:90px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_title>a>i{background-position:-593px -183px;display:inline-block;height:14px;margin-right:8px;width:14px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_title>a:hover{background:#f5f5f5;border-radius:4px}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content{background-color:#f5f5f5;border-radius:4px;height:200px}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list{padding:8px 8px 0}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:#fff;border:1px solid #fff;border-radius:6px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1d1d1d;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:44px;margin-bottom:8px;padding-left:10px;position:relative;width:100%}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list>div>label{background:url(/static/images/color_tools/new_icon.svg) no-repeat -32px -7px;display:none;height:14px;margin-right:16px;position:absolute;right:12px;width:20px}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list>div:hover{border:1px solid #000}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list>div:hover>label{display:block}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list>div.selected{border:1px solid #000}.color_save_plate_layer>.color_save_plate_content>.c_content>.group_content .group_list>div.selected>label{display:block}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_btn{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;margin-top:24px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_btn>a.save{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#1d1d1d;color:#fff;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;height:44px;-webkit-justify-content:center;justify-content:center;margin-left:40px;width:140px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_btn>a.save:hover{background-color:#333}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_btn>a.cancle{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:grey;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:44px}.color_save_plate_layer>.color_save_plate_content>.c_content>.save_btn>a.cancle:hover{color:#ee1d00}.color_save_plate_layer>.color_save_plate_content>.close{background-position:-624px -181px;cursor:pointer;display:block;height:18px;position:absolute;right:28px;top:25px;width:18px}.color_save_plate_layer>.color_save_plate_content>.close:hover{background-position:-652px -181px}.color_save_plate_layer>.color_save_plate_content>.close_btn{background-position:-624px -181px;cursor:pointer;display:block;height:18px;position:absolute;right:28px;top:25px;width:18px}.color_save_plate_layer>.color_save_plate_content>.close_btn:hover{background-position:-652px -181px}.add_group_color_layer{background:rgba(0,0,0,.4);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:41}.add_group_color_layer>.add_group_color_content{background-color:#fff;border-radius:8px;height:162px;left:50%;padding:0 24px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:440px}.add_group_color_layer>.add_group_color_content>.title{color:#1d1d1d;font-size:14px;margin-top:14px}.add_group_color_layer>.add_group_color_content>.save_input{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;height:44px;margin-top:8px;position:relative;width:100%}.add_group_color_layer>.add_group_color_content>.save_input>input{border:none;height:100%;outline:none;padding-left:16px;width:100%}.add_group_color_layer>.add_group_color_content>.save_input>.msg{bottom:-18px;color:#ee1d00;font-size:12px;left:0;position:absolute}.add_group_color_layer>.add_group_color_content>.save_btn{margin-top:24px}.add_group_color_layer>.add_group_color_content>.save_btn,.add_group_color_layer>.add_group_color_content>.save_btn>a.save{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.add_group_color_layer>.add_group_color_content>.save_btn>a.save{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#1d1d1d;color:#fff;cursor:pointer;font-size:16px;height:32px;margin:0 16px;width:90px}.add_group_color_layer>.add_group_color_content>.save_btn>a.save:hover{background-color:#333}.add_group_color_layer>.add_group_color_content>.save_btn>a.cancle{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#fafafa;border:1px solid #d9d9d9;color:grey;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:32px;-webkit-justify-content:center;justify-content:center;margin:0 16px;width:90px}.add_group_color_layer>.add_group_color_content>.save_btn>a.cancle:hover{background:#e5e5e5}.save_plate_tips_layer{background:rgba(0,0,0,.4);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:41}.save_plate_tips_layer>.save_plate_tips_content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-align-items:center;align-items:center;background-color:#fff;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:162px;-webkit-justify-content:center;justify-content:center;left:50%;padding:0 24px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:440px}.save_plate_tips_layer>.save_plate_tips_content>div{color:#1d1d1d;font-size:20px;line-height:24px}.save_plate_tips_layer>.save_plate_tips_content>p{color:grey;font-size:14px;margin-top:12px}.save_plate_tips_layer>.save_plate_tips_content>.save_btn{margin-top:32px}.save_plate_tips_layer>.save_plate_tips_content>.save_btn,.save_plate_tips_layer>.save_plate_tips_content>.save_btn>a.save{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.save_plate_tips_layer>.save_plate_tips_content>.save_btn>a.save{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#1d1d1d;color:#fff;cursor:pointer;font-size:16px;height:32px;margin:0 16px;width:90px}.save_plate_tips_layer>.save_plate_tips_content>.save_btn>a.save:hover{background-color:#333}.save_plate_tips_layer>.save_plate_tips_content>.save_btn>a.cancle{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:#fafafa;border:1px solid #d9d9d9;color:grey;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px;height:32px;-webkit-justify-content:center;justify-content:center;margin:0 16px;width:90px}.save_plate_tips_layer>.save_plate_tips_content>.save_btn>a.cancle:hover{background:#e5e5e5}.save_plate_tips_layer>.save_plate_tips_content>.close{background-position:-624px -181px;display:block;height:18px;position:absolute;right:12px;top:12px;width:18px}.save_plate_tips_layer>.save_plate_tips_content>.close:hover{background-position:-652px -181px}.mask{background-color:rgba(0,0,0,.7);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:40}.mask .canvas_container{display:block;left:50%;position:fixed;top:45%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.mask .canvas_container .download_canvas{background-color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:1048px;padding:8px 0 8px 8px}.mask .canvas_container .download_canvas.last{padding:0 0 8px 8px}.mask .canvas_container .download_canvas.single{height:545px;padding:16px;width:432px}.mask .canvas_container .download_canvas.single .card_item{height:100%;margin-right:0;width:400px}.mask .canvas_container .download_canvas.single .color_area{height:400px;width:400px}.mask .canvas_container .download_canvas.single .content_area{font-size:20px;padding:16px}.mask .canvas_container .download_canvas.single .content_area .name{font-size:28px;height:28px;line-height:28px}.mask .canvas_container .download_canvas.single .content_area .name_en{margin-top:8px}.mask .canvas_container .download_canvas.single .content_area span{margin:11px 0}.mask .canvas_container .download_canvas.single .content_area .code{font-size:16px;height:20px;line-height:20px}.mask .canvas_container .download_canvas.single .content_area .color{height:20px;line-height:20px}.mask .canvas_container .download_canvas .card_item{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin-right:8px;width:200px}.mask .canvas_container .download_canvas .color_area{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-top:1px solid #e6e6e6;height:200px;width:200px}.mask .canvas_container .download_canvas .content_area{border:1px solid #e6e6e6;font-size:16px;padding:16px}.mask .canvas_container .download_canvas .content_area p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mask .canvas_container .download_canvas .content_area .name{color:#1d1d1d;font-size:20px;font-weight:700;height:28px;line-height:28px}.mask .canvas_container .download_canvas .content_area .name_en{color:#1d1d1d;font-size:14px;font-weight:400!important;margin-top:8px}.mask .canvas_container .download_canvas .content_area span{background-color:#e6e6e6;display:block;height:1px;margin:8px 0;width:100%}.mask .canvas_container .download_canvas .content_area .code{color:#1d1d1d}.mask .canvas_container .download_canvas .content_area .color{color:#999;height:16px;line-height:16px;margin-top:8px}.mask .canvas_container .btn_container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;left:50%;margin-top:32px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mask .canvas_container .btn_container .close{background-color:#fff;color:#999;cursor:pointer;height:47px;line-height:47px;margin-right:16px;width:160px}.mask .canvas_container .btn_container .close:hover{color:#1d1d1d}.mask .canvas_container .btn_container .close_btn{background-color:#fff;color:#999;cursor:pointer;height:47px;line-height:47px;margin-right:16px;width:160px}.mask .canvas_container .btn_container .close_btn:hover{color:#1d1d1d}.mask .canvas_container .btn_container .download{background-color:#fff;color:#1d1d1d;cursor:pointer;height:47px;line-height:47px;width:160px}.mask .btn_container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;left:50%;margin-top:32px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.mask .btn_container .close{background-color:#fff;color:#999;cursor:pointer;height:47px;line-height:47px;margin-right:16px;width:160px}.mask .btn_container .close:hover{color:#1d1d1d}.mask .btn_container .close_btn{background-color:#fff;color:#999;cursor:pointer;height:47px;line-height:47px;margin-right:16px;width:160px}.mask .btn_container .close_btn:hover{color:#1d1d1d}.mask .btn_container .download{background-color:#fff;color:#1d1d1d;cursor:pointer;height:47px;line-height:47px;width:160px}.err-color-upload-img{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;height:162px;left:50%;padding:24px 30px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:440px;z-index:210}.err-color-upload-img .info{color:#1d1d1d;font-size:20px;font-weight:500;text-align:center}.err-color-upload-img .info span{color:grey;display:block;font-size:14px;font-weight:400;text-align:center;width:100%}.err-color-upload-img .err-bottom-color-layer{-webkit-box-pack:justify;-ms-flex-pack:justify;bottom:24px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:32px;-webkit-justify-content:space-between;justify-content:space-between;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:212px}.err-color-upload-img .err-bottom-color-layer .btn{color:grey;cursor:pointer;font-size:14px;font-weight:400;height:32px;line-height:32px;text-align:center;width:90px}.err-color-upload-img .err-bottom-color-layer .confirm{background:#1d1d1d;color:#fff;position:relative}.err-color-upload-img .err-bottom-color-layer .confirm:before{border-color:#fff #fff transparent transparent;border-style:solid;border-width:3px;content:"";height:0;position:absolute;right:4px;top:4px;width:0}.err-color-upload-img .err-bottom-color-layer .cancal{background:#fafafa;border:1px solid #d9d9d9;opacity:1}#cropColorData,#uploadColorImg{display:none}.drag-set-color-page{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.drag-set-color-page li,.drag-set-color-page p,.drag-set-color-page ul{list-style:none;margin:0;padding:0}.drag-set-color-page .drag-set-color-warp{display:inline-block;height:100%;width:100%}.drag-set-color-page .drag-set-color{height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:100%}.drag-set-color-page .drag-set-color li{cursor:move;height:20%;padding:10px;position:relative}.drag-set-color-page .drag-set-color li .close-btn{background-color:rgba(0,0,0,.5);border-radius:50%;height:20px;position:absolute;right:10px;top:10px;width:20px}.drag-set-color-page .drag-set-color li .drag-btn{cursor:move;position:absolute}.drag-set-color-page .drag-set-color li.dragging{opacity:.5}.drag-set-color-page .drag-set-color li:first-child .drag-btn{display:none}.drag-set-color-page .drag-set-color.axis-x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.drag-set-color-page .drag-set-color.axis-x li{border-right:1px solid #fff;height:100%}.drag-set-color-page .drag-set-color.axis-x .drag-btn{background-position:-526px -129px;cursor:ew-resize;height:38px;left:-7px;margin-top:-19px;position:absolute;top:50%;width:11px;z-index:1}.drag-set-color-page .drag-set-color.axis-y .drag-btn{background-position:-484px -100px;cursor:url(/static/images/color_tools/icon_cursor.png) 8 7,auto;height:11px;left:50%;margin-left:-19px;position:absolute;top:-7px;width:38px;z-index:1}.files-mongolia{background:#000;display:none;filter:alpha(opacity=50);height:100%;left:0;opacity:.5;position:fixed;top:0;width:100%;z-index:63}.file-layer{background-color:#fff;display:none;left:50%;overflow:hidden;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:580px;z-index:64}.file-layer .layer-head{background:#fff;border-bottom:1px solid #f6f6f6;color:#999;font-size:16px;font-weight:400;height:56px;line-height:56px;padding:0 16px}.file-layer .layer-head b{color:#1d1d1d;font-weight:700}.file-layer .layer-head i{display:inline-block;font-size:12px;font-style:normal;margin:-2px 8px 0;vertical-align:middle}.file-layer .layer-img{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:#bbb;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:532px;-webkit-justify-content:center;justify-content:center;margin:24px;width:532px}.file-layer .layer-img .jcrop-holder{background-image:url(/static/images/color_tools/pic_bg.png)!important;background-position:50%;background-repeat:repeat;background-size:contain}.file-layer .layer-img img{max-width:none}.file-layer .layer-color-bottom{background:#fff;font-size:0;height:88px;line-height:88px;margin-top:-24px;text-align:center}.file-layer .layer-color-bottom span{-webkit-appearance:none;background:#fff;border:1px solid #1d1d1d;color:#1d1d1d;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;height:40px;line-height:38px;vertical-align:middle;width:258px}.file-layer .layer-color-bottom .crop-color-cancel{margin-right:16px}.file-layer .layer-color-bottom .crop-color-cancel:hover{background:#eee}.file-layer .layer-color-bottom .crop-color-save{background:#1d1d1d;color:#fff;position:relative}.file-layer .layer-color-bottom .crop-color-save:before{border-color:#fff #fff transparent transparent;border-style:solid;border-width:3px;content:"";height:0;position:absolute;right:4px;top:4px;width:0}.file-layer .layer-color-bottom .crop-color-save:hover{background:#333;border-color:#333}.jcrop-handle.ord-nw{background:url(/static/images/color_tools/icon-left1.png);border:none!important;height:20px;left:0;margin-left:-4px;margin-top:-4px;opacity:1!important;top:0;width:17px}.jcrop-handle.ord-ne{background:url(/static/images/color_tools/icon-right2.png);right:0;top:0}.jcrop-handle.ord-ne,.jcrop-handle.ord-sw{border:none!important;height:17px;margin-left:-4px;margin-top:-4px;opacity:1!important;width:20px}.jcrop-handle.ord-sw{background:url(/static/images/color_tools/icon-left2.png);bottom:0;left:0}.jcrop-handle.ord-se{background:url(/static/images/color_tools/icon-right1.png);border:none!important;bottom:0;height:20px;margin-left:-4px;margin-top:-4px;opacity:1!important;right:0;width:17px}

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