@charset "utf-8";
/*
* @description: wristband detail css
* @author: spring
* @update: spring (2024-2-20 11:00)
*/

/* band top icon  */
.band-top-icon { display: none; position: relative; height: 0.2rem; line-height: 0.2rem; font-size: 0.12rem; }
    .band-top-icon .icon-delete { position: absolute; top: 0; right: 0; padding: 0 0.2rem; background: #ff6146; color: #ffffff; border-radius: 0.2rem; -moz-border-radius: 0.2rem; -webkit-border-radius: 0.2rem; }
    
/* pop type color */
.pop-type-color { margin:0 auto; width: 100%; overflow: hidden; font-size: 0.14rem; }
    .pop-type-color ul { text-align: center; }
	.pop-type-color ul:after { content:"."; display:block; height:0; clear:both; visibility: hidden; }
	    .pop-type-color ul li { float: left; display: flex; padding: 0.05rem; }
		.pop-type-color a { display: block; width: 1.72rem; padding: 0.05rem 0; border: 1px solid #dddddd; }
		.pop-type-color a:active { border: 1px solid #a5de37; text-decoration:none; }
		.pop-type-color .custom-color { padding: 0.05rem; min-height: 0.9rem; text-decoration:none; border: solid 1px #dddddd; }
        .pop-type-color .custom-color p { padding: 0.02rem 0;}
        
/* pop clipart wrap */
.pop-clipart-wrap { margin:0 auto; width: 100%; overflow: hidden; font-size: 0.14rem; }
    .pop-clipart-wrap ul { padding: 0.05rem; }
	    .pop-clipart-wrap ul li { float:left; display: flex; padding: 0.05rem; }
		.pop-clipart-wrap a { display: block; width: 1.1rem; padding: 0.05rem 0; border: 1px solid #dddddd; text-align:center; }
		.pop-clipart-wrap a:active { border: 1px solid #a5de37; }
		    .pop-clipart-wrap a .img { text-align: center; }
		    .pop-clipart-wrap a img { max-width: 60px; max-height: 60px; vertical-align: middle; }
			.pop-clipart-wrap a span { display: inline-block; width: 0px; height: 100%; vertical-align: middle; }
			.pop-clipart-wrap a p { line-height: 0.3rem; }
			
/* logo_pop_upload_wrap */
.logo_pop_upload_wrap { width: 1.1rem; padding: 0.05rem 0; border: 1px solid #dddddd; text-align:center; }
	.logo_pop_upload_wrap:hover { border: 1px solid #a5de37; }
	    .logo_pop_upload .upload-box { width: 1rem; height: 60px; }
	    .logo_pop_upload .webuploader-pick { width: 1rem; height: 90px; border: none; background: none; }
		.logo_pop_upload .upload-btn { width: 1rem; height: 60px; border: none; background: url(../image/clipart_upload.png) center center no-repeat; }
		.logo_pop_txt { line-height: 0.3rem; text-align: center; }