body {background: #fff;}
/*模板首页左侧导航*/
.modeNav_left {width: 190px;background: #f8f8fb;height: calc(100vH - 60px);float:left;/*box-shadow: 0px 2px 20px -5px #c4c9ee;*/margin-top:60px;}
.modeNav_list {/*margin-top:28px;*/}
.modeNav_item {height: 56px;line-height: 56px;padding:0 0 0 30px;color:#324054;font-size: 14px;cursor: pointer;}
.modeNav_item p span {float:left;}
.modeNav_item p em {float:left;display: none;margin-left:8px;}
.modeNav_item svg {margin:14px 15px 0 0;width: 25px;height: 25px;float:left;}
.modeNav_item:nth-child(2) svg {width:28px;height: 28px;}
.modeNav_item:nth-child(4) svg {width:24px;height: 24px;}
.modeNav_item .icon1 {display: none;}
.modeNav_list .item_choice {/*box-shadow: 0px 0px 15px -5px #bfc3fb;*/background: #fff;}
.modeNav_list .item_choice .icon {display: none;}
.modeNav_list .item_choice .icon1 {display: inline-block;}
.modeNav_list .modeNav_item .choice {display: inline-block;}
.modeNav_item:hover {/*box-shadow: 0px 0px 15px -2px #bfc3fb;*/background: #fff;}
.modeNav_item:hover .icon {display: none;}
.modeNav_item:hover .icon1 {display: inline-block;}
.modeNav_item p {float:left;width: 109px;}
/*头部面包屑*/
.bread_cru {height: 70px;line-height: 70px;color:#c1c1c1;font-size: 14px;margin-top:10px;width: 1200px;}
.bread_cru button {background: none;color:#c1c1c1;}
.bread_cru button:last-child {color:#616161;}
.bread_cru button:hover {opacity: 0.6;}
/*分类底部*/

.lists_center_buttom {border-top:1px solid #d1d1d1;text-align: center;width: 100%;zoom:1;margin-top:70px;}
.lists_center_buttom:after {content: '';display: block;clear:both;}
.lists_center_buttom ul {display: inline-block;margin-top:30px;margin-bottom:10px;}
.lists_center_buttom ul li {float:left;font-size: 14px;color:#78808d;position: relative;padding:0px 18px;}
.lists_center_buttom ul li a {color:#78808d;}
.lists_center_buttom ul li a:hover {opacity: 0.6;}
.lists_center_buttom ul li:after {content: '';display: block;position: absolute;width: 1px;height: 20px;top:0px;right:0px;background: #78808d;}
.lists_center_buttom ul li:last-child:after {display: none;}
.lists_center_buttom p {font-size: 14px;color:#c1c1c1;margin-bottom:30px;}
/*付款弹窗*/
.pop_bg {position:fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0px;left:0px;z-index: 99;display: none;}
.buy_modes {width: 910px;height: 530px;background: #fff;position: absolute;top:calc((100vH - 530px)/2);left:calc((100vW - 910px)/2);border-radius: 5px;}
.buy_modes .close_pop {position: absolute;top:0px;right:-35px;width: 30px;height: 30px;fill: #fff;cursor: pointer;}
.buy_modes .h5 {width: 850px;height: 50px;line-height: 60px;margin:0 auto;font-weight: normal;font-size: 16px;color:#616161;margin-top:20px;}
.buy_modes .price_list {width: 848px;height: 165px;background: #f7f8f9;border:1px solid #ddd;margin:0 auto;border-radius: 5px;}
.buy_modes .price_item {float:left;height: 165px;}
.mode_radio {width: 14px;height: 14px;border:1px solid #6573ff;cursor: pointer;border-radius: 3px;line-height: 14px;background: #6573ff;}
.mode_radio svg {width: 12px;height: 12px;vertical-align: -1px;fill: #fff;display: block;}
.buy_modes .price_item .mode_radio {margin-top:74px;margin-left:25px;margin-right:25px;}
.buy_modes .price_item .price_img {display: block;width:auto;height: 60px;margin-top:50px;margin-left:25px;margin-right:25px;}
.buy_modes .price_msgs {margin-left:25px;margin-top:10px;}
.buy_modes .price_msgs .td {height: 70px;display: block;float:left;width: 170px;text-align: center;}
.buy_modes .price_msgs .tr:nth-child(1) .td {border-bottom:1px solid #e7e7e8;line-height: 70px;color:#c1c1c1;}
.buy_modes .price_msgs .tr:nth-child(2) .td {line-height: 50px;color:#919191;}
.buy_modes .price_msgs .tr:nth-child(2) .td:nth-child(1) {line-height: 15px;padding-top:17px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 46px;}
.buy_modes .price_msgs .tr:nth-child(2) .td:nth-child(3) {color:#f63756;}
.buy_mode .pay_method {width: 140px;margin:0 auto;margin-top:50px;position: relative;}
.buy_mode .pay_method .code {width: 130px;height: 130px;background-size: 100%;padding:5px;margin-left:50px;position: relative;border:2px solid #fc5464;}
.buy_mode .pay_method .code:after {content: '';display: block;width: 126px;height: 144px;position: absolute;top:-2px;left:7px;z-index: 1;background: #fff;}
.buy_mode .pay_method .code:before {content: '';display: block;width: 144px;height: 126px;position: absolute;top:7px;left:-2px;z-index: 1;background: #fff;}
.buy_mode .pay_method .code img {display: block;width: 130px;height: 130px;position: relative;z-index: 9;}
.buy_mode .pay_method .p {font-size: 14px;color:#919191;text-align: center;height: 40px;line-height: 40px;margin-left:50px;width: 140px;}
.buy_mode .pay_method .pay_money {position: absolute;right:-140px;top:50px;font-size:24px;color:#fa2323;}
.buy_mode .pay_method .pay_metImg {position: absolute;left:-185px;top:0px;}
.buy_mode .pay_method .pay_metImg button {display: block;background: #f7f8f9;height: 60px;width: 200px;position: relative;margin-bottom:18px;text-align: left;padding-left:95px;font-size: 16px;color:#484848;position: relative;border:1px solid #ebedef;border-radius: 5px;}
.buy_mode .pay_method .pay_metImg button img {display: none;position: absolute;top:14px;left:44px;width: 32px;height: 32px;border-radius: 2px;}
.buy_mode .pay_method .pay_metImg .choice {background: #fff;}
.buy_mode .pay_method .pay_metImg .choice:after {border:1px solid #d4d4d4;height: 58px;width: 198px;box-shadow: 0px 0px 6px -1px #c1c7ff;position: absolute;content: '';display: block;top:0px;left:0px;border-radius: 5px;}
.buy_mode .pay_method .pay_metImg button .img1 {display: block;}
.buy_mode .pay_method .pay_metImg .choice .img {display: block;}
.buy_mode .pay_method .pay_metImg .choice .img1 {display: none;}
/*项目列表*/
.modeRec_list:after {content: '';display: block;clear:both;}
.modeRec_list {zoom:1;position: relative;display: block;width: 1360px;margin:0 auto;}
.modeRec_item {background: none;float:left;margin-right: 35px;/*opacity: 1;transition: all 2s;*/cursor: pointer;position: relative;margin-bottom:35px;border-radius: 10px;}
.modeRec_item:after {content: '';display: block;position: absolute;width: 100%;height: calc(100% - 65px);top:0px;left:0px;display: none;border-top-right-radius: 10px;border-top-left-radius: 10px;
background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0),rgba(0,0,0,0.5)); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0),rgba(0,0,0,0.5)); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0),rgba(0,0,0,0.5)); /* Firefox 3.6 - 15 */
background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0),rgba(0,0,0,0.5)); /* 标准的语法 */
}
/*.modeRec_item:hover:after {display: block;}*/
.modeRec_item:hover {background:#fff;}
.modeRec_item .img {display: block;width: 244px;/*border-top-right-radius: 10px;border-top-left-radius: 10px;*/border-radius:10px;}
.modeRec_item_tit {height: 23px;background:none;padding-top:12px;}
.modeRec_item_msg {height: 30px;line-height: 20px;}
.modeRec_item_tit .p {float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;width: 100%;font-size: 14px;color:#616161;margin-left:5px;font-weight: bold;}
.modeRec_item_tit .p1 {float:right;color:#8c96ff;font-weight: bold;font-size: 14px;margin-right:5px;}
.modeRec_item_tit .p1 svg {vertical-align: -3px;margin-right:3px;fill: #8c96ff ;}
.modeRec_item_msg .p {float:left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;font-size: 12px;color:#b1b1b1;margin-left:5px;}
.modeRec_item_msg .p1 {float:right;color:#b1b1b1;font-size: 12px;margin-right:5px;}
.modeRec_item_msg .p1 svg {vertical-align: -3px;fill: #b1b1b1;margin-right:3px;}
/*.modeRec_lists1 .modeRec_item {margin-right: 1.55%;}
.modeRec_lists1 .modeRec_item:last-child {margin-right:0px;}*/
.modeRec_item .item_buttoms {position: absolute;top:0px;left:0px;z-index: 99;width: 100%;display: none;/*height: 100%;*/}
.modeRec_item .item_buttoms .p1 {color:#fff;font-size: 12px;position: absolute;top:10px;left:10px;}
.modeRec_item .item_buttoms .p1 svg {fill: #fff;vertical-align: -4px;}
.modeRec_item .item_buttoms .p2 {color:#fff;font-size: 12px;position: absolute;bottom:70px;left:10px;}
.modeRec_item .item_buttoms .p2 svg {fill: #fff;vertical-align: -4px;}
.modeRec_item:hover .item_buttoms {display: block;}
.modeRec_item .mode_infos {position: absolute;top:0px;left:0px;width: 100%;height: 100%;}
.modeRec_item .mode_infos .s {display: block;position: absolute;top:10px;left:10px;width: 60px;height: 22px;color:#fff;background: rgba(0,0,0,0.5);line-height: 22px;text-align: center;font-size: 12px;border-radius: 10px;}
.modeRec_item .mode_infos .s1 {display: block;position: absolute;bottom:73px;right:10px;width: 60px;height: 22px;color:#fff;background: rgba(0,0,0,0.5);line-height: 22px;text-align: center;font-size: 12px;border-radius: 10px;}
.modeRec_item .mode_infos .s1 svg {fill: #fff;vertical-align: -3px;width: 14px;height: 14px;margin-right: 2px;}
.modeRec_item:hover .mode_infos {display: none;}
.modeRec_item:hover .img {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.modeRec_item .item_buttoms .yl {position: absolute;right:45px;top:10px;}
.modeRec_item .item_buttoms .yl svg {transition:all 0 ease 0; fill:#000;width: 18px;height: 18px;vertical-align: -3px;}
/*.modeRec_item .item_buttoms .yl:hover svg {fill: #7343f9;transform: scale(1.2);}*/
.modeRec_item .item_buttoms .sc {position: absolute;right:10px;top:10px;z-index: 99;}
.modeRec_item .item_buttoms .sc svg {fill:#000;width: 16px;height: 16px;vertical-align: -5px;transition:all 0 ease 0; }
.modeRec_item .item_buttoms .scs svg {fill: #f34040;}
.modeRec_item .item_buttoms .sc:hover svg {/*transform: scale(1.2);*/}
.modeRec_item .item_buttoms button {background: rgba(255,255,255,0.65);width: 26px;height: 26px;border-radius: 50%;position: relative;}
.modeRec_item:hover {box-shadow: 0px 10px 25px -10px rgba(0,0,0,0.4);transition: all 0.5s!important;margin-top:-10px;}
.modeRec_item_tit .p:hover span {color:#6573ff;}
.modeRec_item .item_buttoms button:after {content: '';display: block;position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.modeRec_item .item_buttoms button:hover {background:rgba(255,255,255,1);}
/*收藏弹窗*/
.pop_msg {width: 140px;height: 35px;border-radius: 20px;background: rgba(0,0,0,0.65);line-height: 35px;position: fixed;top:100px;left:calc((100vW - 140px)/2);text-align: center;display: none;/*box-shadow: 2px 2px 4px 2px #ccc;*/color:#fff;}
.pop_msg span {display: inline-block;width: 17px;height: 17px;line-height: 17px;background: linear-gradient(#c19dec, #6573ff); border-radius: 50%;margin-right:5px;display:none;}
.pop_msg span svg {fill:#fff;width: 10px;height: 10px;}
/*右侧浮动按钮组*/
.group-fxd-menu {position: fixed;right:25px;width: 42px;height: 200px;top:calc((100vH - 200px)/2);z-index: 999;}
.group-fxd-menu button {cursor: pointer; width: 42px;height: 62px;font-size: 12px;color:#919191;background: none;margin-bottom:10px;}
.group-fxd-menu button span {display: block;width: 42px;height: 42px;border-radius: 50%;background: #eeeeee;margin-bottom:5px;}
.group-fxd-menu button span svg {fill: #fff;width: 25px;height: 25px;margin-top:8px;}
.menuLt  em {display: block;position: absolute;font-style: normal;background: #43bef9;display: block;width: 80px;height: 30px;line-height: 30px;text-align: center;color:#fff;border-radius: 5px;right:-40px;top:-10px;z-index: 999;display: none;}
.menuLtHV:hover em {display: block;}
/*右侧内容*/
.modeCenter {float:right; width: calc(100% - 330px);height:calc(100vH - 60px);zoom:1;overflow-y:auto;padding-right:94px;margin-top:55px;}
.modeCenter:after {content: '';display: block;clear:both;}
/*分页按钮样式*/
.pagination {background: none;display: inline-block;width: 100%;text-align: center;}
.pagination ul {display: inline-block;background: #fff;border-radius: 5px;}

/*模拟下拉*/
.myDesignSearch {margin-top:20px;height: 30px;width: 1563px;}
.mode-select {width: 150px;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:10px;fill:#656565;}
.mode-select-list {width: 150px;position: absolute;top:30px;padding-top:5px; left:20px;display: none;z-index: 999;box-shadow:  2px 10px 12px 0 rgba(18,38,101,.1);border-radius: 5px;max-height:300px;overflow-y:auto;}
.mode-select-list ul {border-radius: 3px;}
.mode-select-list ul li {background: #fff;color:#9f9f9f;text-align: left;padding-left:20px;}
.mode-select-list ul li:hover {background: #f8f8fb ;color:#000;}
.mode-select-list ul .choice {/*background: #f3f3f3;*/color:#000;font-weight: bold;}
.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 { overflow-y:auto;}
.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;}
/*头部搜索*/
.modeRec_nav_tab {width:1490px;height: auto;background: #f8f8fb;padding:20px 80px 0px 20px;margin-top:25px;position: relative;}
.modeRec_nav_tab ul {zoom:1;height: 34px;overflow: hidden;padding-bottom:10px;}
.modeRec_nav_tab ul:after {content: '';display: block;clear:both;}
.modeRec_nav_tab ul li {float:left;font-size: 14px;color:#333;cursor: pointer;margin-bottom:15px;position: relative;}
/*.modeRec_nav_tab ul li:after {content: '';display: block;width: 100%;height: 100%;position: absolute;top:0px;left:0px;z-index: 9;}*/
.modeRec_nav_tab ul li a {color:#333;display: block;padding:7px 30px;}
.modeRec_nav_tab ul li:hover {color:#6573ff;}
.modeRec_nav_tab ul .choice {background: #fff;border-radius: 50px;color:#333;border:1px solid #d6d6d7;}
.modeRec_nav_tab ul .choice a {padding:6px 30px;}
.modeRec_nav_tab .nav_tab_more {background: none;position: absolute;top:28px;right:25px;color:#313131;display:none;}
.modeRec_nav_tab .nav_tab_more:after {content: '';display: block;position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.modeRec_nav_tab .nav_tab_more svg {fill:#313131;vertical-align: -3px;}
/*索索历史-是否想找*/
.all_search_his {zoom:1;background: #fff;padding:5px 0px;width: 1590px;}
.all_search_his:after {content: '';display: block;clear:both;}
.all_search_his span {display: block;float:left;width: 100px;font-size: 14px;color:#333;padding:10px 0 10px 30px;}
.all_search_his ul {display: block;float:left;width: calc(100% - 130px);font-size: 14px;}
.all_search_his ul li {color:#818181;float:left;padding:10px 15px;}
.all_search_his ul li a {color:#818181;}
.all_search_his ul li a:hover {color:#6573ff;}
/*头部高级搜索*/
.search_nav_other {background: #f8f8fb;width: 1590px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.search_nav_list {position: relative;}
.search_nav_list .span {float:left;position: absolute;font-size: 14px;color:#313131;padding:7px 0px;margin-top:10px;margin-left:50px;}
.search_nav_list ul {float:left;padding-left:109px;height: 50px;overflow:hidden;padding-right:60px;}
.search_nav_list ul li {float:left;font-size: 14px;color:#333;margin-top:10px;cursor: pointer;}
.search_nav_list ul li:hover {color:#6573ff;}
.search_nav_other button {width: 100%; background: none;text-align: center;height: 40px;line-height: 40px;color:#414141;margin:0 auto;display: block;border-top:1px solid #f3f4f9;margin-top:-1px;}
.search_nav_other button svg {vertical-align: -3px;fill: #414141;margin-left:6px;}
.search_nav_list {zoom:1;position: relative;width: 100%;margin:0 auto;height:0px;overflow: hidden;}
.search_nav_list:after {content: '';display: block;clear:both;}
.search_nav_list:first-child {border-top:1px solid #f3f4f9;}
.search_nav_list ul .choice {background: #fff;border-radius: 50px;color:#333;border:1px solid #d6d6d7;}
.search_nav_list ul .choice a {padding:6px 30px;}
.search_nav_list .nav_item_more {position: absolute;top:7px;right:25px;height: auto;width: auto;border-top:0px;display: none;}
.search_nav_list ul li a {color:#333;padding:7px 30px;display: block;}

.modeRec_item .imgsboxs {border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:530px;overflow-y:hidden;border-radius:5px;}