@charset "utf-8";

body{width:100%;max-width:750px;margin:0 auto;background-color:#f2f2f2;font: 12px/20px '等线', serif;}

.box{display:flex;width:94%;margin:0 auto;flex-direction:column;align-items:center;padding-top:20px;box-sizing:border-box;}
.box img{width:100px;height:100px;}
.box h2{height:40px;line-height:40px;font-size:20px;color:#323232;}
.box form input[type='text']{display:block;width:270px;height:50px;margin:0 auto 20px;padding:0 10px;background-color:#ffffff;border:none;border-radius:50px;outline:none;}
.box form button,.box form a{display:block;width:290px;height:50px;border:none;border-radius:50px;background-color:#03602b;margin:0 auto 10px;color:#ffffff;text-align:center;line-height:50px;text-decoration:none;outline:none;}

.code-img{width:90%;border-radius:10px;background-color:#ffffff;margin:20px auto;padding:10px; background-image: url('/assets/beijing.png'); /* 设置图片路径 */
  background-size: cover; /* 背景图片覆盖整个元素 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-position: center; /* 背景图片居中 */
  height:250px;
 }
.code-img .top{display:flex;justify-content:center;align-items:center;}
.code-img .top img{width:52px;height:52px;}
.code-img .top strong{font-size:16px;}
.code-img h2{text-align:center;font-size:24px;margin:10px 0;}
.code-img .middle{display:flex;justify-content:space-between;align-items:flex-end;margin-top:50px;}
.code-img .middle .left{width:73%;}
.code-img .middle .left p{display:flex;line-height:20px;margin:5px 0;}
.code-img .middle .left p strong{margin-right:2px;}
.code-img .middle .left p strong:last-of-type{margin-right:0;}
.code-img .middle .left p span{position:relative;width:56px;text-align:justify;text-align-last:justify;margin-right:10px;}
.code-img .middle .left p span::after{content:':';position:absolute;font-weight:bold;font-size:14px;right:-5px;}
.code-img .middle .left p:nth-child(3) span{text-align:right;text-align-last:right;}
.code-img .middle .right{width:27%;position:relative;}
.code-img .middle .right .people{width:90%;margin-bottom:60px;}
.code-img .middle .right .icon{position:absolute;width:80px;/*height:80px;*/right:0;bottom:0;}

.code-info{width:90%;margin:20px auto 0;}
.code-info strong{font-size:18px;line-height:1.2em;}
.code-info .desc p{color:#000000;margin:5px 0;}
.code-info .desc p:last-of-type{margin-top:40px;}

#sex{display:flex;width:90%;margin:20px auto;border-radius:20px;overflow:hidden;}
#sex label{flex:1;height:40px;}
#sex label input[type='radio']{display:none;}
#sex label input[type='radio']:checked+b{background-color:#03602b;color:#ffffff;}
#sex label b{display:block;width:100%;height:100%;text-align:center;line-height:40px;background-color: #fefefe;}