/*定制模块样式*/

.diy_cat .title {font-size:24px; font-weight:bold; text-align:center; padding:30px 0 10px 0;}
.diy_cat ul {display:flex; align-items:center; flex-wrap:wrap; width:100%; padding:10px; box-sizing:border-box;}
.diy_cat li {width:20%; padding:10px; box-sizing:border-box;}
.diy_cat li p {position:relative; padding-bottom:125%; background:#f2f2f2;}
.diy_cat li p img {width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0;}
.diy_cat li h2 {font-size:16px; font-weight:bold; text-align:center; height:36px; line-height:36px; overflow:hidden;}
.diy_cat li span {background:rgba(0,0,0,0.8); height:40px; width:108px; text-align:center; color:#fff; line-height:40px; border-radius:3px; font-size:14px; transition:.5s;
    position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); z-index:100; opacity:0;}
.diy_cat li span:hover {background:rgba(0,0,0,1);}
.diy_cat li:hover span {opacity:1;}


.diy_con {width:1200px; margin:34px auto;}
.diy_left {width:500px; float:left;}
.diy_left .diy_img {width:432px; height:540px; margin:0 auto; overflow:hidden;}
.diy_left img {max-width:100%; max-height:100%; margin:0 auto;}
.diy_left h2 {height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:14px;}
.diy_right {width:640px; float:right; padding-top:0px;}

.diy_name {display:flex; align-items:center; justify-content:center; font-size:14px; padding-top:15px;}
.diy_name h1 {font-size:14px; padding-right:25px;}
.diy_name .btn_diydict {background:rgba(0,0,0,0.88); transition:.3s; height:32px; line-height:32px; display:block; width:108px; text-align:center; color:#fff; border-radius:3px;}
.diy_name .btn_diydict:hover {background:rgba(0,0,0,1); color:#fff;}
.diy_details img {max-width:100%; display:block; margin:0 auto;}


.diy_img {width:500px; margin-top:-30px;}
.diy_img.xifu {margin-top:30px;}


.diy_step{width:100%; margin-bottom:20px; background:#eee; border-radius:3px;}
.diy_step ul {display:flex; align-items:center;}
.diy_step li{text-align:center;position:relative; font-size:14px; cursor:pointer; flex-grow:1;}
.diy_step li span{display:block;height:36px;line-height:36px;position:relative; cursor:pointer; border-radius:3px;}
.diy_step li:last-child:after {display:none;}
.diy_step li.on span {background:#111; color:#fff;}
.diy_step li.on span:after{content:""; width:0; height: 0; border-top:6px solid #111; border-left:8px solid transparent;  border-right:6px solid transparent; position:absolute; bottom:-6px; left:50%; margin-left:-7px;}


.cate_box {overflow:hidden; height:500px; width:100%; padding:0 0 0 120px; box-sizing:border-box;}
.cate_box h1 {font-size:16px; color:#000; height:50px; line-height:50px; overflow:hidden; padding-top:10px;}

/*.cate_ul { width:115%;}*/
/*.cate_ul li {float:left; width:200px; opacity:0.65; height:50px; padding:0 0 0 0; position:relative; text-align:center; font-size:14px; color:#000; cursor:pointer; margin:0 70px 15px 0; overflow:hidden; transition:.3s;}*/
/*.cate_ul li.on, .cate_ul li:hover {opacity:1;}*/
/*.cate_ul li.on:after{content:''; background:url(/img/cur.png) no-repeat; background-size:100% 100%; width:30px; height:30px; position:absolute; left:50%; top:40%; margin:-15px 0 0 -15px; z-index:10;}*/

.fabric_type_tab {height:32px; position:relative; width:100%; overflow:hidden;}
.fabric_type_tab:after {content:""; display:block; height:1px; background:#ccc; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.fabric_type_tab li {box-sizing:border-box; padding:1px 35px; float:left; text-align:center; line-height:30px; color:#8c8c8c; cursor:pointer; border-radius:6px 6px 0 0;}
.fabric_type_tab li.on {border:1px solid #ccc; color:#000; border-bottom-color:#fff; padding:0 35px; position:relative; z-index:10;}

.cate_ul {min-height:200px;}
.fab_type, .cate_ul {margin:0 -10px;}
.fab_type li, .cate_ul li {float:left; width:33.33333%; padding:10px; box-sizing: border-box;}
.fab_type li span, .cate_ul li span {height:44px; line-height:44px; display:block; background:#fff; position:relative; text-align:center; font-size:14px; color:#000; cursor:pointer;transition:.3s;}
.fab_type li.on span, .cate_ul li.on span, .fab_type li:hover span, .cate_ul li:hover span {color:#fff; background:#000;}
.kg_input input {width:100%; box-sizing: border-box; height:44px; line-height:42px; text-align:center; border-color:#000;}

.fabric_box {padding:0; width:100%; height:450px;}
.fabric_tit {height:32px; width:100%; overflow:hidden;}
.fabric_tit li {float:left; box-sizing:border-box; height:32px; line-height:30px; border:1px solid #000; width:50%; text-align:center; cursor:pointer;}
.fabric_tit li.on {background:#000; color:#fff;}
.fabric_tit li:nth-child(1) {border-radius:20px 0 0 20px;}
.fabric_tit li:nth-child(2) {border-radius:0 20px 20px 0;}

.tab_div {position:relative; padding-bottom:40px;}
.tab_div span {display:inline-block; line-height:34px; font-size:14px; color:#000;}
.tab_div .fabric_tab:before {content:""; display:block; height:1px; background:#333; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.fabric_tab {height:34px; overflow:hidden; position:relative;}
.fabric_tab li {width:120px; padding:1px; float:left; text-align:center; height:32px; line-height:32px; color:#8c8c8c; cursor:pointer;}
.fabric_tab li.on {border:1px solid #333; color:#000; border-bottom-color:#fff; padding:0; position:relative; z-index:10;}
.fabric_tab .kg_input {width:272px;}

.diy_fabric {overflow:hidden; padding-top:15px;}
.diy_fabric input {width:202px; height:38px; line-height:38px; text-align:center; float:left; margin-right:12px;}
.diy_fabric img {width:92px; height:92px; float:left; margin-right:12px;}
.diy_fabric ul {padding-top:4px; float:left;}
.diy_fabric ul li {line-height:28px; height:28px; overflow:hidden;}

.fabric_l {float:left; width:246px; padding-top:24px;}

.fabric_cate {width:230px; padding-top:20px; overflow:hidden; float:left;}
.fabric_cate li {width:110px; text-align:center; float:left; height:398px; overflow:hidden; position:relative; margin-right:10px;}
/*.fabric_cate li:after {content:""; display:block; width:1px; background:#e8e8e8; overflow:hidden; position:absolute; bottom:0; right:0; top:0; height:100%;}*/
.fabric_cate li:last-child {margin-right:0;}
.fabric_cate li h2 {font-size:14px; color:#000; padding:0 0 3px 5px; text-align:left; width:90px;}
.fabric_cate li p {font-size:13px; color:#8c8c8c; text-align:left; line-height:22px; margin:10px 0 0 0; padding:0 5px 0 10px; width:83px; cursor:pointer; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.fabric_cate li p.on {background:#111; color:#fff; border-radius:3px;}
.fabric_cate li p:hover {color:#000;}
.fabric_cate li p.on:hover {color:#fff;}
.fabric_cate li:last-child:after {display:none;}

.fabric_r {float:right; width:390px; padding-top:20px;}
.search_fab {height:32px; overflow:hidden; margin-bottom:15px;}
.search_fab input {float:left; height:32px; line-height:32px; width:340px; padding:0px; border:0; text-align:center; font-size:14px; border-radius:30px 0 0 30px; background:#f5f5f5 !important;}
.search_fab button {float:right; height:32px;line-height:20px; box-sizing:border-box; padding-bottom:4px; width:50px; background:rgba(0,0,0,0.88);; border:none; color:#fff; font-size:24px;  border-radius:0 30px 30px 0;}
.search_fab button:hover {background:rgba(0,0,0,1);}
.ml_more, .linml_more {display:block; background:#eee; color:#000; border-radius:18px; height:24px; line-height:24px; width:100px; margin:0 auto; text-align:center; font-size:12px; transition:.2s;}
.ml_more:hover, .linml_more:hover {color:#fff; background:#111;}

.kg_fabric {height:418px; overflow:hidden;}
.kg_fabric ul {padding-top:20px;}
.kg_fabric li {padding-bottom:15px;}
.kg_fabric li input {width:252px; padding:0; text-align:center; border-radius:3px;}


.scroll_box {overflow:hidden; height:453px;}

.fab_list {width:100%; overflow:hidden;}
.fab_list ul {width:100%; overflow:hidden;}
.fab_list li {width:86px; float:left; padding:0 10px 12px 0; cursor:pointer; text-align:center;}
.fab_list li p {position:relative; width:86px; height:86px; border-radius:3px; overflow:hidden;}
.fab_list li.on p:after{content:''; background:url(/img/cur.png) no-repeat; background-size:100% 100%; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.fab_list li img {width:86px; height:86px; display:block; border-radius:3px; overflow:hidden;}
.fab_list li h2 {font-size:12px; color:#8c8c8c; height:16px; overflow:hidden; line-height:16px; margin-top:3px;}
.fab_list li.on h2 {color:#000;}
.fab_list li .div {background:rgba(51,51,51,0.9); color:#fff; padding:10px 5px 10px 10px; position:fixed; top:277px; left:50%; z-index:200; margin:0 0 0 75px; display:none; text-align:left; width:120px; transition:.3s;}
.fab_list li .div h6 {font-size:12px; line-height:18px;  padding:4px 0; word-break:break-all;}
.fab_list li:hover .div {display:block;}

.dict_html_cat {height:32px; position:relative; width:100%; overflow:hidden; display:flex; align-items:center;}
.dict_html_cat:after {content:""; display:block; height:1px; background:#ddd; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.dict_html_cat .dict_cat_item_name {box-sizing:border-box; padding:1px; flex-grow:1; text-align:center; border-radius:6px 6px 0 0; height:32px; overflow:hidden; line-height:30px; color:#8c8c8c; cursor:pointer;}
.dict_html_cat .dict_cat_item_name.on {border:1px solid #ddd; color:#000; border-bottom-color:#fff; padding:0; position:relative; z-index:10;}

.gongyi_box {padding-top:0px;}
.gongyi_nav {width:148px; float:left; overflow:hidden;}
.gongyi_nav ul {padding:0 15px 0 0;}
.gongyi_nav li {font-size:13px; color:#8c8c8c; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 10px; line-height:22px; margin:0 0 10px 0; cursor:pointer; transition:.3s; border-radius:3px;}
.gongyi_nav li.on {background:#111; color:#fff;}
.gongyi_nav li:hover {color:#000;}
.gongyi_nav li.on:hover {color:#fff;}

.dict_html_cat_son {padding-top:20px;}

.dict_process_son {width:460px; overflow:hidden; height:480px; float:right; border:1px solid red;}
.dict_process_son h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_process_son ul {width:100%; overflow:hidden;}
.dict_process_son li {width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_process_son li p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_process_son li.on {color:#000;}
.dict_process_son li.on p, .dict_process_son li:hover p {border-color:#000; color:#000;}
.dict_process_son li:hover {color:#000;}
.dict_process_son li.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_process_son li img {width:98px; height:98px; display:block;}
.dict_process_son li h2 {font-size:12px; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_position_son {width:460px; overflow:hidden; height:480px; float:right;}
.dict_position_son h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_position_son ul {width:100%; overflow:hidden;}
.dict_position_son li {width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_position_son li p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_position_son li.on {color:#000;}
.dict_position_son li.on p, .dict_position_son li:hover p {border-color:#000; color:#000;}
.dict_position_son li:hover {color:#000;}
.dict_position_son li.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_position_son li img {width:98px; height:98px; display:block;}
.dict_position_son li h2 {font-size:12px; height:16px; overflow:hidden; line-height:16px; margin-top:5px;}


.dict_sprocess_son {width:460px; overflow:hidden; height:480px; float:right;}
.dict_position_son_item_item h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_position_son_item_item ul {width:100%; overflow:hidden;}
.dict_position_son_item_item li {width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_position_son_item_item li p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_position_son_item_item li.on {color:#000;}
.dict_position_son_item_item li.on p, .dict_process_son li:hover p {border-color:#000; color:#000;}
.dict_position_son_item_item li:hover {color:#000;}
.dict_position_son_item_item li.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_position_son_item_item li img {width:98px; height:98px; display:block;}
.dict_position_son_item_item li h2 {font-size:12px; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_sprocess_three_item_item {overflow:hidden;}
.dict_sprocess_three_item_item span.three_dict_lingxing {display:block; height:auto; line-height:normal; background:none; margin:0; width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_sprocess_three_item_item span.three_dict_lingxing p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_sprocess_three_item_item span.three_dict_lingxing.on {color:#000; background:none;}
.dict_sprocess_three_item_item span.three_dict_lingxing.on p, .dict_process_three_item_item span.three_dict_lingxing:hover p {border-color:#000; color:#000;}
.dict_sprocess_three_item_item span.three_dict_lingxing:hover {color:#000;}
.dict_sprocess_three_item_item span.three_dict_lingxing.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_sprocess_three_item_item span.three_dict_lingxing img {width:98px; height:98px; display:block;}
.dict_sprocess_three_item_item span.three_dict_lingxing i {font-size:12px; display:block; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_position_son_item_item li.dict_lingxing h2 {background:#f5f5f5; height:36px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.dict_position_son_item_item li.dict_lingxing.on h2 {background:#000; color:#fff;}
.dict_position_son_item_item li.dict_lingxing p {display:none;}


.dict_position_son_item {height:450px; overflow:hidden;}
.dict_son_item_item_emb {height:450px; overflow:hidden;}
.dict_son_item_item_emb dt {border-bottom:1px solid #e8e8e8; line-height:20px; padding:10px 0; position:relative;}
.dict_son_item_item_emb dt:last-child {border:none;}
.dict_son_item_item_emb dt .div1 {min-height:80px; position:relative; overflow:hidden;}
.dict_son_item_item_emb dt .div1 img {float:left; width:80px; height:80px; margin-right:10px;}
.dict_son_item_item_emb dt .div1 h3 {font-size:14px; color:#000; width:272px; line-height:20px; height:20px;  margin-top:5px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2; /* number of lines to show */
    -webkit-box-orient: vertical;}
.dict_son_item_item_emb dt .div1 p {position:absolute; top:0px; right:0;}
.dict_son_item_item_emb dt .div1 span {cursor:pointer; font-size:13px;}
.dict_son_item_item_emb dt .div1 span.emb_price {color:#d4282d; font-size:12px; position:absolute; top:-20px; text-align:right; right:0; width:120px; display:none;}
.dict_son_item_item_emb dt .div1 span.emb_price:hover {color:#d4282d}
.dict_son_item_item_emb dt .add, .dict_son_item_item_emb dt .edit, .dict_son_item_item_emb dt .ok {background:#111; height:30px; line-height:30px; width:62px; text-align:center; display:block; color:#fff; border-radius:3px;}
.dict_son_item_item_emb dt .del {background:#eee; height:30px; line-height:30px; width:62px; text-align:center; display:inline-block; border-radius:3px;}
.dict_son_item_item_emb dt .edit {margin-top:12px;}
.dict_son_item_item_emb dt .div1 .del i {font-size:24px;}
.dict_son_item_item_emb dt .div1 i {display:inline-block; padding-right:1px; height:20px; font-size:20px; width:20px; text-align:center; line-height:20px;}
.dict_son_item_item_emb dt.position {border-bottom:none; padding:10px 0 0 0; position:relative;}
.dict_son_item_item_emb dt.position .div1 {padding:17px 0 17px 0; min-height:20px; border-bottom:1px solid #e8e8e8; background:#fff; position:absolute; top:-50px; left:0%; width:450px; margin:0; z-index:12;}
.dict_son_item_item_emb dt.position .div1 img {display:none;}
.dict_son_item_item_emb dt.position .div1 p {top:13px;}
.dict_son_item_item_emb dt.position .div1 p span.emb_price {top:-25px;}
.dict_son_item_item_emb dt.position .div1 h3 {width:300px; height:20px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0; line-height:20px;}
.dict_son_item_item_emb dt.position .div1 .edit_emb span {display:inline-block; margin-left:10px;}
.dict_son_item_item_emb dt.position .chixiu_txt {border:none; padding-bottom:5px; padding-right:15px; padding-top:5px;}
.dict_son_item_item_emb dt .emb_position_select {position:absolute; left:90px; bottom:15px; right:80px;}
.dict_son_item_item_emb dt .emb_position_select span {font-size:12px; padding-right:10px; color:#8c8c8c;}
.emb_dt .emb_position_select2 {position:absolute; left:90px; bottom:15px; right:80px;}
.emb_dt .emb_position_select2 span {font-size:12px; padding-right:10px; color:#8c8c8c;}

.diy_bz {font-size:13px; padding-top:10px; height:20px; line-height:20px; overflow:hidden; color:#d4282d;}


.emb_type_select_class {margin-top:10px;}
.emb_type_select_class .emb_type_item {background:#eee; height:32px; line-height:32px; padding:0 15px; text-align:center; display:inline-block; cursor:pointer;}
.emb_type_select_class .emb_type_item:nth-child(1) {border-radius:3px 0 0 4px;}
.emb_type_select_class .emb_type_item:nth-child(2) {border-radius:0 4px 4px 0;}
.emb_type_select_class .emb_type_item.on {background:#111; color:#fff;}

.upload_div {display:flex; align-items:center; padding-bottom:10px; position:relative;}
.upload_div .img_div {width:78px; height:78px; min-width:80px; margin-right:12px; border-radius:3px; border:1px solid #ccc; font-size:36px; text-align:center; cursor:pointer; position:relative;}
.upload_div .img_div img {position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; width:100%; height:100%; background:#fff;}
.upload_div .img_div:before {display:block; line-height:36px; padding-top:10px;}
.upload_div .img_div:after {display:block; content:"上传图片"; width:100%; text-align:center; font-size:12px;}
.upload_div.upload_mp4 .img_div:after {content:"上传视频";}
.upload_div .textarea {flex-grow:1;}
.delete_img{width:18px; text-align:center; height:18px; line-height:18px; position:absolute; top:0; left:64px; z-index:10; cursor:pointer; border-radius:3px;}
.delete_img:hover {background:rgba(0,0,0,0.92); color:#fff;}



/*new*/
.scroll_diy {height:398px; overflow:hidden;}
.dict_html_son {width:450px; overflow:hidden; height:450px; float:right;}

.dict_three_item_item {overflow:hidden;}

.dict_three_item_item span {float:left; background:#fff; height:36px; line-height:36px; width:126px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:0 10px 10px 0; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.dict_three_item_item span.on {background:#000; color:#fff;}

.dict_three_item_item span.three_dict_lingxing {display:block; height:auto; line-height:normal; background:none;  margin:0; width:100px; float:left; padding:0 12px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.dict_three_item_item span.three_dict_lingxing p {position:relative; border:1px solid #efefef; width:98px; height:98px; transition:.3s;}
.dict_three_item_item span.three_dict_lingxing.on {color:#000; background:none;}
.dict_three_item_item span.three_dict_lingxing.on p, .dict_process_three_item_item span.three_dict_lingxing:hover p {border-color:#000; color:#000;}
.dict_three_item_item span.three_dict_lingxing:hover {color:#000;}
.dict_three_item_item span.three_dict_lingxing.on p:after {content:""; display:block; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:-1px; right:-1px; z-index:10;}
.dict_three_item_item span.three_dict_lingxing img {width:98px; height:98px; display:block;}
.dict_three_item_item span.three_dict_lingxing i {font-size:12px; display:block; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:16px; margin-top:3px;}

.dict_son_item {width:100%; overflow:hidden; height:450px; float:right;}

.dict_son_item_item {overflow:hidden;}
.dict_son_item_item.disabled_select {display:none;}
.dict_son_item_item h1 {font-size:14px; height:24px; overflow:hidden; line-height:24px; padding:5px 0; color:#000;}
.dict_son_item_item ul {width:100%; overflow:hidden;}
.dict_son_item_item li {width:100px; float:left; padding:0 10px 12px 0; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s; position:relative;}
.dict_son_item_item li p {position:relative; width:92px; height:92px; transition:.3s; padding:3px; border:1px solid #e8e8e8; border-radius:3px; overflow:hidden;}
.dict_son_item_item li.on {color:#000;}
.dict_son_item_item li.on p, .dict_position_son li:hover p {border-color:#000; color:#000;}
.dict_son_item_item li:hover {color:#000;}
.dict_son_item_item li.on p:after {content:''; background:url(/img/cur.png) no-repeat; background-size:100% 100%; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.dict_son_item_item li img {width:92px; height:92px; display:block; border-radius:3px; overflow:hidden;}
.dict_son_item_item li h2 {font-size:12px; height:16px; overflow:hidden; line-height:16px; margin-top:5px;}
.dict_son_item_item li span {background:rgba(0,0,0,75); border-radius:3px; position:absolute; left:0px; bottom:33px; z-index:10; font-size:12px; color:#eee; transition:.2s; opacity:0; padding:0 5px; line-height:18px;}
.dict_son_item_item li.no_chip_img span {bottom:-8px;}
.dict_son_item_item li span:after {
    position:absolute; left:3px; top:-5px;
    content:"";
    width: 0;
    height: 0;
    display:block;
    border-bottom: 5px solid rgba(0,0,0,75);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.dict_son_item_item li:hover span {opacity:1;}



.dict_son_item_item li.disabled_select {display:none;}
.dict_son_item_item li.disabled_select:hover p {border-color:#efefef !important;}
.dict_son_item_item li.disabled_select:hover {color:#8c8c8c !important;}
.dict_son_item_item li.disabled_select p:after {display:none !important;}

/*.dict_son_item_item li.dict_lingxing h2 {background:#f5f5f5; height:36px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}*/
/*.dict_son_item_item li.dict_lingxing.on h2 {background:#000; color:#fff;}*/
.dict_son_item_item li.no_chip_img {width:136px;}
.dict_son_item_item li.no_chip_img h2 {background:#f2f2f2; height:36px; border-radius:3px; line-height:36px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:13px; text-align:center; margin-top:0; cursor:pointer; transition:.3s;}
.dict_son_item_item li.no_chip_img.on h2 {background:#111; color:#fff;}


.dict_son_item_item li.input_class_li {width:212px; position:relative;}
.dict_son_item_item li.input_class_li h2 {display:none;}
.dict_son_item_item li.input_class_li input {text-align:center; width:210px; padding:0 10px; transition:.3s;}
.dict_son_item_item li.input_class_li.on:after {content:""; display:none; height:20px; width:20px; background:url(/img/on_icon.png) no-repeat; position:absolute; bottom:12px; right:12px; z-index:10;}
.dict_son_item_item li.input_class_li.on input {border-color:#000;}

.dict_cat_item_name {display:none;}

.chixiu_tip {position:relative; padding:10px 0; font-size:14px; margin:0; color:#d4282d;}


.mCustomScrollBox input[type="text"],
.mCustomScrollBox textarea {
    pointer-events: auto !important;
    position: relative;
    z-index: 10;
}


.chixiu_box {width:460px; overflow:hidden; height:450px; float:right;}
.chixiu_wz li {border-bottom:1px solid #e8e8e8; line-height:20px; padding:12px 0;}
.chixiu_wz li .div1 {height:20px; position:relative; padding:5px 0;}
.chixiu_wz li .div1 h1 {font-size:14px; color:#000;}
.chixiu_wz li .div1 p {position:absolute; top:5px; right:0;}
.chixiu_wz li .div1 span {padding-left:18px; transition:.3s; cursor:pointer;}
.chixiu_wz li .div1 span:hover {color:#000;}
.chixiu_wz li .add i:before { content: "\e64e"; }
.chixiu_wz li .add i {position:relative; top:-2px;}
.chixiu_wz li .del i:before { content: "\e6a0"; }
.chixiu_wz li .edit i:before { content: "\e719"; }
.chixiu_wz li .div1 .del i {font-size:24px;}
.chixiu_wz li .div1 i {display:inline-block; padding-right:1px; height:20px; font-size:20px; width:20px; text-align:center; line-height:20px;}

.chixiu_wz li .div2 {padding:5px 0;}
.chixiu_wz li .div2 span {padding:0 8px;}

.chixiu_qr {border-bottom:1px solid #e8e8e8; line-height:24px; padding:10px 0; margin-right:15px; position:relative;}
.chixiu_qr h2 {font-size:14px; color:#000;}
.chixiu_qr p {position:absolute; top:5px; right:0;}
.chixiu_qr span {padding-left:18px; transition:.3s; cursor:pointer;}
.chixiu_qr span:hover {color:#000;}
.chixiu_qr i {display:inline-block; padding-right:1px; height:24px; width:24px; text-align:center; line-height:24px;}
.chixiu_qr .del i {font-size:24px;}
.chixiu_qr .del i:before { content: "\e6a0"; }
.chixiu_qr .ok {color:#000;}
.chixiu_qr .ok i {font-size:18px;}
.chixiu_qr .ok i:before { content: "\e691"; }

.chixiu_con {width:103%;}
.chixiu_txt {padding:20px 15px 0 0; border-top:1px solid #e8e8e8; margin-top:10px;}
.chixiu_txt input {text-align:center; height:32px; line-height:32px; border:none; background:#f2f2f2; border-radius:3px; font-size:14px; box-sizing:border-box; width:100%;}
.chixiu_con h4 {font-size:14px; color:#000; padding:15px 0 10px 0; cursor:pointer;
    font-family: "iconfont" !important;
    vertical-align: middle;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.chixiu_con h4.hide_class_down:before { content: "\e665" !important; padding-right:6px;}
.chixiu_con h4.hide_son_class:before { content: "\e656"; padding-right:6px;}

.dict_son_item_item h1.prop_value_item_class {
    margin-top:10px;
    cursor:pointer;
    font-family: "iconfont" !important;
    vertical-align: middle;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.dict_son_item_item h1.prop_value_item_class:nth-child(1) {margin-top:0;}

.dict_son_item_item h1.hide_class_down:before { content: "\e665" !important; padding-right:6px;}
.dict_son_item_item h1.hide_son_class:before { content: "\e656"; padding-right:6px;}


.emb_position_sinfo {height:399px; overflow-y:auto; overflow-x:hidden;}

.chixiu_con dl {width:102%; overflow:hidden;}
.chixiu_con dt {width:100px; float:left; padding:0 10px 12px 0; margin:0; line-height:normal; border:none; cursor:pointer; text-align:center; color:#8c8c8c; transition:.3s;}
.chixiu_con dt:first-child {padding-top:0px !important;}
.chixiu_con dt.no_chip_img h2 {background:#f2f2f2; height:36px; line-height:36px; margin:0; text-overflow:ellipsis; white-space:nowrap; border-radius:3px; overflow:hidden; font-size:13px; text-align:center; cursor:pointer; transition:.3s;}
.chixiu_con dt.no_chip_img.on h2 {background:#111; color:#fff;}

.chixiu_con dt.disabled_select h2 {background:#f5f5f5; color:#ccc !important; cursor:Auto !important;}
.chixiu_con dt:hover .disabled_select h2 {color:#ccc !important;}

.chixiu_con dt p {position:relative; width:94px; height:94px; border:1px solid #ddd; padding:2px; transition:.3s; border-radius:3px; overflow:hidden;}
.chixiu_con dt.on {color:#000;}
.chixiu_con dt.on p, .gongyi_list li:hover p {border-color:#000; color:#000;}
.chixiu_con dt:hover {color:#000;}
.chixiu_con dt.on p:after {content:''; background:url(/img/cur.png) no-repeat; background-size:100% 100%; width:24px; height:24px; position:absolute; left:50%; top:50%; margin:-12px 0 0 -12px; z-index:10;}
.chixiu_con dt img {width:100%; height:100%; display:block; border-radius:3px; overflow:hidden;}
.chixiu_con dt h2 {font-size:12px; height:16px; overflow:hidden; line-height:16px; margin-top:5px;}

.diy_cate_tab {height:32px; position:relative; width:100%; overflow:hidden; margin-bottom:20px;}
.diy_cate_tab:before {content:""; display:block; height:1px; background:#ccc; overflow:hidden; position:absolute; left:0; right:0; bottom:0;}
.diy_cate_tab li {float:left; text-align:center; height:30px; line-height:30px; color:#8c8c8c; cursor:pointer; padding:1px 16px; border-radius:3px 4px 0 0;}
.diy_cate_tab li.on {border:1px solid #ccc; color:#000; border-bottom-color:#fff; padding:0 15px; position:relative; z-index:10;}

.diy_size {overflow:hidden;}
.diy_size ul {width:102%;}
.diy_size li {width:109px; cursor:pointer; position:relative; border:1px solid #ccc; height:38px; background:#fff; line-height:38px; text-align:center; float:left; margin:0 10px 10px 0; transition:.3s;}
.diy_size ul.bzh li {height:auto !important;}
.diy_size ul.bzh li span {display:block; border-top:1px solid #eee; margin:-5px 10px 4px 10px; line-height:28px;}

.next_btn.step_btn .w_128 {width:184px;}
.next_btn.step_btn .save_step {display:none;}
.next_btn .btn_sm:hover {background:#fff;}

.load_more {text-align:center;}
.load_more span {display:inline-block; height:20px; line-height:18px; cursor:pointer; padding:0 15px; background:#e6c396; font-size:12px; color:#000; border-radius:12px; transition:.3s;}
.load_more span:hover {color:#fff;}

.mCSB_scrollTools .mCSB_dragger {border-radius:10px; overflow:hidden;}