#event {background: #f7f7f7;padding: 80px 0;}
#event .logo{width: 238px;height: 25px;margin: 0 auto;}
#event .bot-url{margin-bottom: 10px;}
#event .bot-url a{color: #666;margin-right: 20px;}
#event .bot-url a:nth-last-child(1){margin-right: 0;}
#event .copyright,#event .copyright *{color: #888;}
#event .con{margin: 50px auto 40px;background: #fff;}
#event .one {padding: 55px 40px 60px;}
#event .one .title {font-size: 30px;text-align: center;}
#event .one .detail {margin-top: 65px;line-height: 24px;font-size: 14px;}
#event .one .detail .tit {font-size: 16px;font-weight: 700;}
#event .one .detail * {max-width: 100%;white-space: pre-line !important;}
#event .one .detail p {display: block;}
#event .one .detail span {display: contents;}


#event .con .button {cursor:pointer;width: 280px;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #fff;background: #e9232b;margin: 60px auto 0;}
#event .con .button img {margin-left: 24px;}
#event .two {padding: 60px 40px 70px;display: none;}
#event .two .title {font-size: 30px;text-align: center;}
#event .two .tip_one {text-align: center;font-size: 16px;margin-top: 30px;}
#event .two .tip_two {font-size: 16px;color: #e9232b;margin-top: 40px;} 
#event .two .input_one {margin-top: 30px;width: 25%;line-height: 60px;box-sizing: border-box;border: 1px solid #cccccc;font-size: 14px;padding: 0 20px;}
#event .two .li {display: flex;flex-wrap: wrap;}
#event .two .li .input_one {margin-right: 1.7%;}
#event .two .li .input_one:last-child {width: 46.428%;margin-right: 0;}
#event .two .input_one.long {width: 100%;}
#event .two .text {font-size: 14px;}
#event .two .li_two {margin-top: 25px;}
#event .two  .bot {display: flex;flex-wrap: wrap;}
#event .two  .bot .case {width: 100px;height: 100px;border: 1px solid #cccccc;border-radius: 3px;margin-right: 20px;margin-top: 20px;position: relative;}
#event .two  .bot .case:hover {border-color: var(--ThemeColor);}
#event .two  .bot .case .img_up {width: 100%;padding-top: 100%;display: block;cursor:pointer;position: relative;}
#event .two  .bot .case .img_up .svg {fill: #cccccc;}
#event .two  .bot .case.video_box {background: #000;position: relative;cursor:pointer }
#event .two  .bot .case .video {width: 100%;height: 100%;opacity: 0.9;}
#event .two  .bot .case.video_box .play {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#event .two  .bot .case.video_box .play .svg {fill: #fff;}
#event .two  .bot .case.video_box:hover .play .svg {fill: var(--ThemeColor);}
#event .two  .bot .tip {font-size: 14px;line-height: 24px; color: #999999;display: flex;align-items: center;justify-content: center;margin-top: 20px;}
#event .two .select {height: 60px;width: 100%;}
#event .two .file {cursor:pointer;height: 60px;width: 51.785%;display: flex;align-items: center;justify-content: space-between;line-height: 1;padding: 0 8px;}
#event .two .file .filebtn {width: 100px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #cccccc;background: #f7f7f7;border-radius: 5px;}
#event .two .file:hover .filebtn{background: #e9232b;color: #fff;border-color: #e9232b;}
#event .two .textareabox {position: relative; padding: 20px;border: 1px solid #dddddd;margin-top: 25px;}
#event .two .textareabox .textarea {font-size: 14px;height: 280px;width: 100%;}
#event .two .textareabox .end {display: flex;justify-content: flex-end;align-items: center;}
#event .two .textareabox .end .num {font-size: 16px;margin-right: 32px;}

#event .delete {position: absolute;width: 20px;height: 20px;background: #ff0000;top: -10px;right: -10px;border-radius: 50%;cursor:pointer;z-index: 2;font-size: 12px;text-align: center;line-height: 20px;color: #fff;font-weight: bold;}
#event .delete svg {fill: #fff;}

@media screen and (max-width:750px) {
	#event .two .title,
	#event .one .title  {font-size: 36px;}
	#event .one .detail * {font-size: 30px !important;line-height: 1.8 !important;}
	#event .con .button {font-size: 26px;width: 250px;}
	#event .two .tip_one {font-size: 26px;line-height: 1.6;}
	#event .two .text,
	#event .two .tip_two {font-size: 24px;}
	#event .two .li {display: block;}
	#event .two .li .input_one:last-child,
	#event .two .input_one {width: 100%;font-size: 26px;}
	#event .two .select *,
	#event .two .select {font-size: 26px;}
	#event .two .bot .case {width: 150px;height: 150px;}
	#event .two .bot .tip {font-size: 24px;line-height: 1.8;}
	#event .two .textareabox .textarea {font-size: 26px;}
	#event .two .textareabox .end .num *,
	#event .two .textareabox .end .num {font-size: 24px;}
	#event .two .file .filebtn {width: 180px;font-size: 20px;}
}

#pop { display: none;position: fixed;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0, 0, 0, 0.3);z-index: 20;}
#pop .content {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: auto;}
#pop .content .one {padding: 50px 40px 60px;background: #fff;}
#pop .content .one .title {text-align: center;font-size: 30px;}
#pop .content .one .detail {margin-top: 25px;line-height: 25px;font-size: 14px;height: 480px;overflow: auto;}
#pop .content .one .detail * {max-width: 100%;white-space: pre-line !important;}
#pop .content .one .detail p {display: block;}
#pop .content .one .detail span {display: contents;}
#pop .content .one .end {margin-top: 35px;border-top: 1px solid #f1f1f1;}
#pop .content .one .end .label {cursor:pointer;display: flex;align-items: center;justify-content: center;font-size: 14px;margin-top: 40px;}
#pop .content .one .end .label .box {width: 22px;height: 22px;border-radius: 5px;border: 1px solid #f1f1f1;margin-right: 12px;}
#pop .content .one .end .label .box .svg {fill: #fff;}
#pop .content .one .end .label.cur .box {background: #e9232b;border-color: #e9232b;}
#pop .content .one .end .button {cursor:pointer;width: 180px;height: 60px;font-size: 14px;color: #fff;background: #e9232b;margin: 40px auto 0;text-align: center;line-height: 60px;}

#pop .content .two { display: none;width: 670px;padding: 80px 30px 75px;background: #fff;}
#pop .content .two .icon {width: 60px;height: 60px;border-radius: 50%;background: #e9232b;margin: auto;}
#pop .content .two .title {text-align: center;font-size: 30px;margin-top: 35px;}
#pop .content .two .brief {text-align: center;font-size: 16px;margin-top: 10px;}
#pop .content .two .tip {text-align: center;font-size: 16px;color: #999999;margin-top: 55px;}

@media screen and (max-width:750px) {
	#pop .content .two .title,
	#pop .content .one .title  {font-size: 36px;}
	#pop .content .two .brief,
	#pop .content .one .detail * {font-size: 30px !important;line-height: 1.8 !important;}
	#pop .content .one .end .button {font-size: 26px;width: 250px;}
	#pop .content .one .end .label {font-size: 26px;}
	#pop .content .one .end .label .box {width: 44px;height: 44px;}
	#pop .content .one .end .label .box .svg {transform: scale(1.3);}
	#pop .content .two .tip {font-size: 24px;line-height: 1.6;}
}

#member .works {padding: 30px 40px 40px;background: #fff;}
#member .works .title {font-size: 20px;line-height: 1;padding-left: 0;border: none;}
#member .works .ul {margin-top: 25px;}
#member .works .ul .li {padding: 25px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #e8e8e8;}
#member .works .ul .li .name {font-size: 14px;width: calc(100% - 450px);}
#member .works .ul .li .ability {display: flex;align-items: center;justify-content: space-between;}
#member .works .ul .li .ability .state {font-size: 14px;color: #e9232b;margin-right: 80px;}
#member .works .ul .li .ability .time {font-size: 14px;margin-right: 80px;}
#member .works .ul .li .ability .button {display: flex;font-size: 14px;}
#member .works .ul .li .ability .button img {margin-left: 18px;}
#member .works .ul .li:hover .name {color: #e9232b;}

/* @media screen and (max-width:750px) {
	#member .works .ul .li .ability .state,
	#member .works .ul .li .ability .button,
	#member .works .ul .li .name {font-size: 24px;}
} */

#member .works-detail .head {display: flex;justify-content: space-between;align-items: flex-start;}
#member .works-detail .head .tit1 {font-size: 20px;}
#member .works-detail .head .tit2 {font-size: 14px;color: #666666;margin-top: 5px;}
#member .works-detail .head .state {font-size: 14px;color: #e9232b;}
#member .works-detail .time {font-size: 14px;color: #999999;margin-top: 23px;}
#member .works-detail .imgbox {margin-top: 35px;display: flex;flex-wrap: wrap;}
#member .works-detail .imgbox .item {width: 18.75%;padding-top: 18.75%;background: #f4f4f4;margin-right: 1.0416%;margin-top: 10px;}
#member .works-detail .imgbox .item:nth-child(5n) {margin-right: 0;}
#member .works-detail .a {margin-top: 35px;font-size: 14px;color: #009cff;text-decoration: underline;line-height: 24px;}
#member .works-detail .brief {margin-top: 20px;line-height: 30px;font-size: 14px;}

/* 首页 我和元征的故事 */
#story {padding: 95px 0 40px;}
#story .head {display: flex;justify-content: space-between;align-items: center;}
#story .head .title {font-size: 26px;}
#story .head .choose {margin: 0; max-width: calc(100% - 330px);display: inline-block;}
#story .head .choose .slide {cursor:pointer;width: auto; min-width: 200px;padding: 0 20px;height: 46px;display: flex;align-items: center;justify-content: center;font-size: 14px;background: #ebebeb;margin-right: 20px;transition: all 0.3s linear;}
#story .head .choose .slide img {margin-right: 12px;}
#story .head .choose .slide:last-child {margin-right: 0;}
#story .head .choose .slide.cur,
#story .head .choose .slide:hover {background: #e9232b;color: #fff;}
#story .head .choose .slide.cur img,
#story .head .choose .slide:hover img {filter: brightness(0) invert(100%);} 
#story .bind {margin-top: 60px;}
#story .content {display: flex;justify-content: space-between;}
#story .content .box {position: relative;}
#story .content .box .play {width: 100px;height: 100px;border-radius: 50%;background: #e9232b;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#story .content .big {width: 49.107%;}
#story .content .imgbox {padding-top: 90.909%;}
#story .content .imgbox img {object-fit: cover;}
#story .content .right {width: 49.107%;}
#story .content .right .one .imgbox {padding-top: 43.636%;}
#story .content .right .two {display: flex;justify-content: space-between;margin-top: 30px;}
#story .content .right .two .box {width: 48.1212%;}
#story .content .right .two .box .imgbox {padding-top: 90.68%;}
#story .content .right .two .btnbox {display: flex;flex-direction: column;justify-content: space-between;}
#story .content .right .two .btnbox .button {background-image: url(/images/event/bg1.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#story .content .right .two .btnbox .a {padding: 33px 0;font-size: 20px;text-align: center;}
#story .content .right .two .btnbox .a .m-pic {margin-bottom: 12px;}
/* #story .content .right .two .btnbox .b {height: 165px;display: flex;align-items: center;justify-content: center;font-size: 14px;margin-top: 30px;} */
#story .content .right .two .btnbox .b {height: 165px;display: flex;align-items: center;justify-content: center;font-size: 14px;}
#story .content .right .two .btnbox .b .m-pic {margin-left: 25px;}

@media screen and (max-width:1536px) {
	#story .content .right .two .btnbox .b {height: 120px;}
}
@media screen and (max-width:1366px) {
	#story .content .right .two .btnbox .a {padding: 20px 0;}
}
@media screen and (max-width:1200px) {
	#story .content {display: block;}
	#story .content .big {width: 100%;}
	#story .content .right .two .box .imgbox,
	#story .content .right .one .imgbox,
	#story .content .imgbox {padding-top: 0;}
	#story .content .right .two .box .imgbox .max,
	#story .content .right .one .imgbox .max,
	#story .content .big .max {position: relative;}
	#story .content .right {width: 100%;margin-top: 30px;}
	#story .content .right .two .btnbox .b {height: 185px;}
	#story .content .right .two .btnbox .a {padding: 50px 0;}
}
@media screen and (max-width:750px) {
	#story .head {display: block;}
	#story .head .choose {width: 100%;margin-top: 30px;max-width: none;}
	#story .head .choose .slide {height: 60px;font-size: 24px;}
	#story .content .right .two {width: 100%;display: block;} 
	#story .content .right .two .box,
	#story .content .right .two .btnbox {width: 100%;}
	#story .content .right .two .btnbox .button {margin-top: 30px;}
	#story .content .right .two .btnbox .a,
	#story .content .right .two .btnbox .b {font-size: 26px;}
	
}

/* 进度条 */
#pop-progress { display: none;position: fixed;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0, 0, 0, 0.3);z-index: 20;}
#pop-progress .content {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: auto;}
#pop-progress .content .one {padding: 50px 40px 60px;background: #fff;width: 450px;border-radius: 10px;}
#pop-progress .content .one .title {text-align: center;}
#pop-progress .content .one .rate {height: 30px;border-radius: 30px;background: #888;margin-top: 15px;position: relative;overflow: hidden;}
#pop-progress .content .one .rate .i {position: absolute;height: 100%;width: 0;left: 0;top: 0;background: #e9232b;}