@charset "utf-8";
/* Tailwind CSS */
        .btns {
            background-color: #3b82f6;/*按钮前景色*/
			border-radius: 4px; /*表单四个角羽化*/
			box-sizing: border-box;
            border: none;
			cursor: pointer;
			height: 33px; /*发送按钮表单高度*/
			width: 100px; /*发送按钮表单宽度*/
            font-size: 16px; /*按钮上的字体大小*/
			line-height: 10px; /*发送按钮文字高度*/
            color: #ffffff; /*发送按钮文字颜色*/
			/*padding: 8px 16px; 按钮高和宽*/
			/*font-weight: 800; 字体粗体*/
        }
        .btns:hover {
            background-color: #2563eb;/*按钮变换色*/
			transform: translateY(-1px); /*按钮动态效果幅度*/
        }

        .container {
            /* width: 100%;
            /*max-width: 100%; 原1200px*/
           /* display: flex;*/
            /* flex-direction: column; //禁止跟随后面直接换行*/
           /* align-items: center; //垂直和水平居中*/
        }

        .image-container {
            width: 100%;
            height: 100%; /*显示区域的高度*/
            /*background-color: #e2e8f0; //图片隐藏后的背景色*/
            border-radius: 12px;
            /*display: flex; //禁止跟随后面直接换行*/
            /*align-items: center; //按钮垂直居中*/
            justify-content: center; /*按钮水平居中*/
            overflow: hidden; /*把图片显示在框里*/
            position: relative;
        }

        .image-container img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            opacity: 0; /*0默认隐形,1默认显示*/
           /* transition: opacity 0.5s ease-in-out;*/
            position: absolute;
        }

        .image-container img.show {
            opacity: 1; /*1默认显示,0默认隐形*/
        }