body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, select, img {
  margin: 0; padding: 0;}
a, img, button, input, textarea, div { -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
.left{ float:left; }
.right{ float:right; }
ul,li{ list-style-type:none;}
img{ border:0;}
.clearfix {	display: block;zoom:1;}
.clearfix:after {content: '';overflow: hidden;width: 100%;height: 0px;font-size: 0px;	display: block;	clear: both;}
body {  max-width: 640px;  margin: 0 auto; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 14px;}
img { display: block;}
a:link {  text-decoration: none;}
a:visited {  text-decoration: none;}
a:hover {  text-decoration: none !important;}
a:active {  text-decoration: none;}
ul, ol {  list-style-type: none;}

.conbox{margin:0 10px;}
.bg1{background:#070208 url(/themes/cyolwap/assets/images/activity/aiforgood/good_bg1.png) center top no-repeat;}
.botbg1{background:url(/themes/cyolwap/assets/images/activity/aiforgood/good_botbg1.jpg) center bottom no-repeat;}
.kuang1 {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 80px;
    box-sizing: border-box;
    padding: 10px 0px calc(15px + 7vw) 0px;
}
/* 顶部装饰边框 - 作为最上层 */
.ktop {
    /*position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
    height: calc(15px + 15vw);
    background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_ktop.png') top center no-repeat;
    background-size: 100% 100%;
    z-index: 0;
}
/* 底部装饰边框 - 作为最上层 */
.kbot {
   /* position: absolute;
    bottom: 0;
    left: 0;*/
    width: 100%;
    height: calc(15px + 7vw);
    background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_kbot.png') bottom center no-repeat;
    background-size: 100% 100%;
    z-index: 0;
}
/* 内容区域 */
.kcon {
    position: relative;
    z-index: 1;
    background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_kcon.png) center repeat-y;
    background-size: 100% 1px;
   
    padding: 0 10px;
}
/* 确保内容在适当的位置 */
.bor1 {
    margin: 0 0.1rem;
    border-top-left-radius: 30px;
    background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_ink_re.png') top center repeat-y;
    padding: 0.2rem;
    position: relative;
    z-index: 1;
}
.biaoti{text-align:center;width: 100%;top: -15vw;  }
.btbg1{background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_jian.png') 15px top no-repeat;background-size:auto 1rem;height:1.2rem;position:absolute;overflow:hidden;background-size: auto 1rem;}
.biaoti img { height:0.55rem; margin: 0.2rem auto;}
/*活动介绍*/
.layA p {line-height:0.5rem;  margin-bottom:0.2rem;font-size:0.3rem;color: #f3eaf6; text-indent: 2em;text-align:justify;}
.fen b{padding-right:2px;}
.fen p{line-height:0.5rem;  margin-bottom:0.2rem;font-size:0.3rem;color: #d5a5e7; text-indent: 0em;}

/*liucheng*/
.bg2{background:#070208 url(/themes/cyolwap/assets/images/activity/aiforgood/good_bg2.jpg) center top no-repeat;}
.btbg2{
    background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_time.png) 15px top no-repeat;
    background-size: auto 1rem;
    height: 1.2rem;
    position:absolute;
    overflow: hidden;
    }

.listLC{margin:0 10px;color:#f3eaf6;font-size:0.3rem;overflow:hidden;}
.listLC li{background:url('/themes/cyolwap/assets/images/activity/aiforgood/good_lcbg.png') left top no-repeat;margin:0.2rem auto;height:0.8rem;line-height:0.8rem;background-size:100% 100%;text-align:center;}
.listLC li .colr1{color:#d5a5e7;}
.listLC li .colr2{color:#e589f9;}

/*各个报名同道*/
.bg3{background:#070208 url(/themes/cyolwap/assets/images/activity/aiforgood/good_bg6.png) center bottom no-repeat;margin-top: -1px;}
.btbg3{width:calc(100% - 30px);background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_music.png) 15px top no-repeat;  margin-top: 0.6rem;  position: absolute;background-size: auto 1rem; height: 1.2rem;overflow: hidden; }
.mar30{padding-top:1rem;}
.mar10{padding-top:0.3rem;}
.bg3 .ktop img{position:absolute;top:-6px;width:70%;left:50%;transform:translateX(-50%)}
.bmBox{background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_ink_re.png) top center repeat-y; padding:0.3rem  0.2rem 0.1rem;margin:0 10px;border-top-left-radius:0.4rem;}
.bmBox p{font-size:0.3rem;color: #f3eaf6; text-indent: 2em;text-align:justify;}
.bmBox p span{color:#e589f9;}
.bmBox .yunlv{text-align:right;margin-top:0.2rem;}
.bmBox .yunlv a{display:inline-block;}
.bmBox .yunlv img{height:1rem;}

.btbg4{background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_hua.png) 15px top no-repeat;  margin-top: 0.6rem;  height:1.2rem;overflow: hidden;background-size: auto 1rem; }
.btbg5{background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_cam.png) 15px top no-repeat;  margin-top: 0.6rem;  height:1.2rem;overflow: hidden;background-size: auto 0.8rem; }
.btbg6{background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_xie.png) 15px top no-repeat;  margin-top: 0.6rem;  height:1.2rem;overflow: hidden;background-size: auto 1rem; }
/*资讯*/
.bg4{background:#070208 url(/themes/cyolwap/assets/images/activity/aiforgood/good_bg7.png) center top no-repeat;}
.bg4 .biaoti img{margin: 0 auto;}
.kuang2 {position: relative;width: 100%;height: auto; min-height: 80px;box-sizing: border-box; padding: 10px 0px calc(15px + 7vw) 0px;}
/* 顶部装饰边框 - 作为最上层 */
.ktop1 {width: 100%;height: calc(15px + 6vw);   background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_ktop1.png') top center no-repeat;background-size: 100% 100%;z-index: 0;}
/* 底部装饰边框 - 作为最上层 */
.kbot1 {width: 100%;height:15px;background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_kbot1.png') bottom center no-repeat;background-size: 100% 100%; z-index: 0;}
/* 内容区域 */
.kcon1 {position: relative; z-index: 1;background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_kcon1.png) center repeat-y;background-size: 100% 10px;  padding: 0 10px;}
.listZX{padding:0.2rem;}
.listZX li{border-bottom:1px dashed #7c54a0;padding:0.1rem 0;margin:0.1rem;line-height:0.4rem;background: url('/themes/cyolwap/assets/images/activity/aiforgood/good_solo.png') left 0.1rem no-repeat;}
.listZX li a{color:#fff;font-size:0.3rem;margin-left:0.5rem;}
.listZX li:last-child{border:0;}
.pic_list2 {width:100%;margin:0 auto;margin-top:0.2rem;}
.pic_list2 li{width: 44%; float: left; margin: 0px 3%; height:3.5rem;position:relative;}
.pic_list2 li .img1{width: 100%;height: 2rem;border-top-left-radius:0.2rem;border-top-right-radius:0.2rem;}
.pic_list2 li .img2{width:0.6rem;height:0.6rem;display: block;position:absolute;left:0.2rem;top:1.2rem;}
.pic_list2 li h3 {line-height: 0.3rem;font-size:0.23rem;max-height:2rem;color:#fff;text-overflow: ellipsis;overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;     font-weight: normal;border:1px solid #9775ba; margin-top:5px;}  
 .pic_list2 li h3 span{display:block;border:1px solid #9775ba;border-radius:0.3rem;padding:0.1rem;}

/*作品展示*/
.bg5{background:#070208 url(/themes/cyolwap/assets/images/activity/aiforgood/good_bg9.png) center top no-repeat;margin-top:-1px;height:10.56rem;}
.btbg7{width:calc(100% - 30px);background: url(/themes/cyolwap/assets/images/activity/aiforgood/good_zuopin.png) 15px top no-repeat;  height:1.2rem;overflow: hidden;background-size: auto 1rem;position:absolute; }
.chakan{width:100%;text-align:center;}
.chakan a{width:100%;display:inline-block;}
.chakan img{width:46%;margin: 0 auto;margin-top:0.6rem;}
  /*报名按钮*/
.bbmm{width: 100%; position: fixed;   bottom: 20px;   z-index: 9999;}
.xzbtns{text-align:center;font-size:16px;color:#cb8847;font-weight:bold;}
.xzbtns a{display:block;margin:0px auto;}
.xzbtns img{height:0.9rem;}
.xiazai{width:50%;height:50px;background:#cb8847;letter-spacing:8px;margin: 0 auto;border-radius:30px;color:#fff;font-size:18px;text-align:center;line-height:50px;font-weight:bold;}