/*layoutCenter*/
.layoutCenter {width: calc(100vW - 180px);height: calc(100vH - 60px); 
padding:40px 250px 40px 70px;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
/*layoutCenter-end*/
/*myDesignHeader*/
.myDesignHeader {zoom:1;}
.myDesignHeader:after {display: block;content: '';clear:both;}
.myDesignHeader h6 {float:left;color:#323232;font-weight:normal;font-size: 18px;}
.myDesignHeader h6  p {float:right; color:#959596;font-size: 14px;margin-left:15px;position: relative;padding-top:5px;}
.myDesignHeader h6  p:after {content: '';display: block;position: absolute;width: 3px;height: 3px;background: #323232;top:13px;left:-9px;}
.controlMenus  {float:right;margin-top:2px;}
.controlMenus button {background: none;}
.controlMenus button svg {fill: #919191;width: 18px;height: 18px;margin-left:16px;}
.controlMenus .choice svg {
/*	fill: -webkit-linear-gradient(#7837d2, #5a01df);
fill: -o-linear-gradient(#7837d2, #5a01df);
fill: -moz-linear-gradient(#7837d2, #5a01df);
fill: linear-gradient(#7837d2, #5a01df);
*/
fill:#985ee0;
}
.controlMenus .listTab svg {width: 19px;height: 19px;vertical-align: -1px;}
.controlMenus button:hover svg {fill: #985ee0;}

/*myDesignHeader-end*/
/*我的设计头部选择菜单myDesignSearch*/
.myDesignSearch {margin-top:20px;height: 30px;}
.mode-select {width: 140px;height: 30px;float:left;background: #fff;line-height: 30px;color:#8d8d8d;font-size: 14px;cursor: pointer;position: relative;padding-left:20px;margin-right:50px;box-shadow:0px 2px 5px 0px #e2e3e7;}
.mode-select:after {content: '';position: absolute;display: block;width: 100%;height: 100%;top:0px;left:0px;}
.mode-select .icon {float:right;margin-top:6px;margin-right:15px;fill:#656565;}
.mode-select-list {width: 160px;position: absolute;top:30px;padding-top:5px; left:0;display: none;z-index: 999;box-shadow:  0px 5px 10px -2px #ccc;}
.mode-select-list ul li {background: #fff;padding-left:20px;color:#9f9f9f;}
.mode-select-list ul li:hover {background: #f3f3f3;color:#8d8d8d;}
.mode-select-list ul .choice {background: #e9ebf0;}
.mode-select .txt {color:#8d8d8d;}
.myDesignSearch .sc_title {float:left;height: 30px;line-height: 30px;color:#8d8d8d;}
.myDesignSearch .updown {margin-right:5px;}
.myDesignSearch .searchSort {width: 30px;height: 30px;background: #fff;text-align: center;position: relative;box-shadow:0px 2px 5px 0px #e2e3e7;}
.myDesignSearch .searchSort svg {fill:#656565;}
.myDesignSearch .searchSort:after {display: block;content: '';position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.mode-select .autoy {max-height: 180px;overflow-y:auto;}
.mode-select .stz {width:170px;left:0px;}
.mode-select .autoy::-webkit-scrollbar {width: 2px;}
.my_Material_upload {float:left;height: 25px;line-height: 25px;width: 90px;color:#fff;text-align: center;margin-left:10px;font-size: 12px;cursor: pointer;
background: -webkit-linear-gradient(#864de8, #7343f9);
background: -o-linear-gradient(#864de8, #7343f9);
background: -moz-linear-gradient(#864de8, #7343f9);
background: linear-gradient(#864de8, #7343f9);
}
.my_Material_upload:hover {
background: -webkit-linear-gradient(#6023cd, #591df4);
background: -o-linear-gradient(#6023cd, #591df4);
background: -moz-linear-gradient(#6023cd, #591df4);
background: linear-gradient(#6023cd, #591df4);

}
.my_Material_upload svg {fill: #fff;vertical-align: -3px;margin-right:5px;}
/*我的设计头部选择菜单myDesignSearch-end*/
/*模板数据缩略图design_list*/
.designCnt {width: 100%;margin-top:20px;padding-bottom:150px;}
.noDesign {width: 100%;display: none;}
.noDesign img {display: block;margin:0 auto;margin-top:130px;}
.noDesign p {text-align: center;height: 50px;line-height: 50px;color:#717171;}
.noDesign button {display: block;margin:0 auto;width: 200px;height: 40px;line-height: 40px;color:#fff;background: #7a46f3;font-size:14px;}
.design_list {width: 100%;position: relative;}
.design_item {width: 220px;position: absolute;cursor: pointer;background: #fff;}
.design_item:after {content: ''; position: absolute;width: 100%;height: calc(100% - 65px);top:0px;left:0px;background: rgba(0,0,0,0.4);z-index: 9;display: none;border-radius:5px;}
.design_item img {display: block;width:100%;border-radius:5px;}
.design_item_menus {position: absolute;top:0px;left:0px;width: 220px;z-index: 99;display: none;}
.design_item_menus .b {float:left;width: 30px;height: 30px;background: rgba(255,255,255,0.65);border-radius: 50%;margin-top:10px;margin-left:10px;}
.design_item_menus .b svg {vertical-align: -5px;width: 20px;height: 20px;fill: #000;}
/*.design_item_menus .b:hover svg {fill: #7343f9;}*/
.design_item_menus .b1 {float:right;width: 30px;height: 30px;background: #fff;border-radius: 50%;margin-top:10px;margin-right:10px;}
.design_item_menus .b1 svg {fill: #9b9b9b;width: 16px;height: 16px;vertical-align: -3px;}
.design_item_menus .b1:hover svg {fill: #7343f9;}
.design_item_info .info {height: 35px;line-height: 35px;font-size: 16px;color:#616161;}
.design_item_info .info .p {float:left;margin-left:10px;}
.design_item_info .info .p1 {float:right;margin-right:10px;}
.design_item_info .info .p1 svg {width: 20px;height: 20px;fill: #dbdbdb;vertical-align: -3px;}
.design_item_info .info .p1:hover svg {fill: #f63567;}
.design_item_info .info .p1s svg {fill: #f63567;}
.design_item_info .info1 {height: 30px;line-height: 20px;color:#d1d1d1;font-size: 14px;}
.design_item_info .info1 .p {float:left;margin-left:10px;}
.design_item_info .info1 .p1 {float: right;margin-right:10px;}
.design_item_del {width: 100%;height: 100%;background: rgba(0,0,0,0.4);position: absolute;top:0px;left:0px;display: none;z-index: 99;}
.controButtom {height: 58px;}
.design_item_del button {width: 28px;height: 28px;background: #fff;border-radius: 3px;margin-top:10px;margin-left:10px;position: relative;}
.design_item_del button svg {display: none;fill: #fff;}
.design_item_del button:after {content: '';display: block;position: absolute;top:0px;left:0px;width: 100%;height: 100%;z-index: 9;}
.design_item_del .choice {background: #ffd739;}
.design_item_del .choice svg {display:inline-block;}
.design_item_control:hover .design_item_menus {display: block;}
/*.design_item_control:hover:after {display: block;}*/
.design_item_control:hover {box-shadow:  0px 2px 40px -10px #ccc;}
.design_item_info .info .p .input {background: none;height: 25px;line-height: 25px;float:left;margin-top:5px;cursor: pointer;width: 130px;color:#616161;}
.design_item_info .info .p .input:focus {border-bottom: 1px dashed  #bfbfbf;}
.design_item_info .info .p .icon1 {float:left;fill: #bfbfbf;margin-top:10px;width: 20px;height: 20px;display: none;}
.design_item_info .info .p:hover .icon1 {display: block;}
.design_item_info .info .p:hover .input {border-bottom: 1px dashed  #bfbfbf;}
.design_item_menus .b:hover {color:#fff;
background:rgba(255,2555,2555,1);
}
/*模板数据缩略图design_list-end*/
/*模板数据列表design_table_list*/
.design_table_list {margin-bottom:40px;display: none;}
.design_table_list_th {height: 47px;line-height: 47px;width: 100%;border-bottom:1px solid #e2e3e7;background: #fff;box-shadow: 0px 2px 10px -2px #e2e3e7;display: flex;justify-content:space-between;margin-bottom:15px;}
.design_table_list_th .design_table_list_th_item {width: 50%;font-size: 14px;color:#c5c5c5;}
.design_table_list_th .design_table_list_th_item:nth-child(1) {padding-left:58px;}
.design_table_list_td {background: #fff;margin-bottom:5px;box-shadow: 0px 2px 10px -2px #e2e3e7;display: none;justify-content:space-between;}
.design_table_list_td .design_table_list_td_item {width: 50%;font-size: 14px;color:#c5c5c5;height: 128px;line-height: 128px;font-size: 14px;color:#717171;position: relative;}
.design_table_list_td .design_table_list_td_item:nth-child(1) {padding-left:58px;}
.design_table_list_td .design_table_list_td_item .imgs {width: 234px;height: 112px;background: #e9ebf0;float:left;margin-top:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.design_table_list_td .design_table_list_td_item .imgs img {display: block;max-width:224px;max-height:102px;}
.design_table_list_td .design_table_list_td_item button {background: none;color:#717171;margin-right:10px;position: relative;}
.design_table_list_td .design_table_list_td_item button:after {content: '';display: block;position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.design_table_list_td .design_table_list_td_item button svg {fill: #717171;vertical-align: -3px;width: 16px;height: 16px;}
.design_table_list_td .design_table_list_td_item .delRadio {position: absolute;top:48px;left:25px;border:2px solid #c1c1c1;border-radius: 3px;width: 24px;height: 24px;display: none;}
.design_table_list_td .design_table_list_td_item .delRadio svg {display: none;float:left;margin-left:2px;fill: #fff;}
.design_table_list_td .design_table_list_td_item .choice {border:2px solid #ffd739;background: #ffd739;}
.design_table_list_td .design_table_list_td_item .choice svg {display: block;}
.design_table_list_td .design_table_list_td_item .del_choice {color:#f63756;}
.design_table_list_td .design_table_list_td_item .del_choice svg {fill:#f63756;}
.design_table_list_td .design_table_list_td_item:last-child button:hover {color:#000;}
.design_table_list_td .design_table_list_td_item:last-child button:hover svg {fill: #000;}
.design_table_list_td .temname {cursor:pointer;}
/*模板数据列表design_table_list-end*/
/*控制*/
.controButtom {width: 100%;position: fixed;height: 58px;bottom:0px;left:0px;z-index: 9999;display: none;
background: -webkit-linear-gradient(#7f4aee, #6c3fff);
background: -o-linear-gradient(#7f4aee, #6c3fff);
background: -moz-linear-gradient(#7f4aee, #6c3fff);
background: linear-gradient(#7f4aee, #6c3fff);
}
.controButtom1 {background: #6573ff;}
.controButtom .lt {float:left;margin-left:100px;height: 58px;line-height: 58px;color:#fff;}
.controButtom .lt:nth-chiild {margin-left:148px;}
.controButtom .rt {float:right;margin-right:148px;}
.controButtom .allSltBtn {cursor: pointer;position: relative;}
.controButtom .allSltBtn:after {position: absolute;content: '';display: block;width: 100%;height: 100%;top:0px;left:0px;}
.controButtom .allSltBtn span {display: block; float:left;margin-top:5px;margin-right:5px;}
.controButtom .lt .allSlt {width: 26px;height: 26px;border-radius: 3px;background: #fff;float:left;margin-top:15px;}
.controButtom .lt .allSlt svg {vertical-align: -3px;display: none;}
.controButtom1 .lt .allSlt svg {fill: #6573ff;}
.controButtom .rt .delMd {height: 26px;height: 26px;background: none;}
.controButtom .rt .delMd:hover {opacity: 0.7;}
.controButtom .rt .delMd svg {width: 26px;height: 26px;fill: #fff;margin-top:15px;}
.controButtom .delPrBtn {line-height: 55px;}
.controButtom .lt .delPr {background: none;}
.controButtom .lt .delPr:hover {opacity: 0.7;}
.controButtom .lt .delPr svg {fill: #fff;width: 25px;height: 25px;}
.controButtom .delPrBtn span {display: block;color:#fff;font-size: 14px;}
.controButtom .lt .restore {background: none;}
.controButtom .lt .restore:hover {opacity: 0.7;}
.controButtom .lt .restore svg {fill: #fff;width: 25px;height: 25px;}
/*控制end*/
/*分页按钮样式*/
.pagination {background: none;display: inline-block;width: 100%;text-align: center;}
.pagination ul {display: inline-block;background: #fff;border-radius: 5px;}
/*分页按钮样式end*/
/*删除到回收站弹窗*/
.del_design_pop_bg { position: fixed; width:100%;height:100%;top:0px;left:0px;background: rgba(0,0,0,0.6);z-index: 9999;display: none;}
.del_design_pop {width: 376px;height: 179px;background: #fff;position: absolute;top:250px;left:calc((100vW - 376px)/2);}
.del_design_pop .p {height: 80px;line-height: 80px;text-align: center;font-size: 18px;color:#616161;}
.del_design_pop .p1 {text-align: center;font-size: 14px;color:#919191;margin-top:-20px;}
.del_design_pop .menus {position: absolute;bottom:25px;right:25px;}
.del_design_pop .menus button {margin-left:10px;width: 67px;height: 36px;background: #eeeeee;color:#c1c1c1;}
.del_design_pop .menus .confirm {color:#f63756;background: #fed4db;}
/*删除到回收站弹窗end*/