diff --git a/src/components/checkbox/index.module.scss b/src/components/checkbox/index.module.scss
index 4ee8afc..72809eb 100644
--- a/src/components/checkbox/index.module.scss
+++ b/src/components/checkbox/index.module.scss
@@ -1,3 +1,10 @@
+.checkbox_main{
+    width: 60px;
+    height: 60px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
 .checkbox_item{
     width: 40px;
     height: 40px;
diff --git a/src/components/checkbox/index.tsx b/src/components/checkbox/index.tsx
index 0dc5ee7..ec557d5 100644
--- a/src/components/checkbox/index.tsx
+++ b/src/components/checkbox/index.tsx
@@ -24,8 +24,10 @@ export default ({onSelect, onClose, status = false}: params) => {
     }, [status])
     return (
         <>
-            <View className={classnames(styles.checkbox_item, selected&&styles.checkbox_item_select)} onClick={() => onSelectEven()}>
-                {selected&&<View className={classnames('iconfont', 'icon-tick_gou', styles.miconfont)}></View>}
+            <View className={styles.checkbox_main}  onClick={() => onSelectEven()}>
+                <View className={classnames(styles.checkbox_item, selected&&styles.checkbox_item_select)}>
+                    {selected&&<View className={classnames('iconfont', 'icon-tick_gou', styles.miconfont)}></View>}
+                </View>
             </View>
         </>
     )