html,body{margin:0;height:100%;}
.page{background:url('img/bg.jpg') no-repeat top center #3866d6;overflow:hidden;background-size:100%;width:100%;}
.page-main{width:80%;margin:0 auto;max-width:800px;}

.wrapper{margin:40px 0;color:#14037c;position: relative;}
.wrapper-line{width:100%;height:100%;background:#56c288;border:2px solid #14037c;position:absolute;left:10px;top:10px;border-radius:50px;z-index:1;}
.wrapper-info{padding:30px;background:-webkit-linear-gradient(45deg, #0093ff, #00baff);border:2px solid #14037c;position: relative;border-radius:50px;position: relative;z-index:2;padding-top:40px;padding-bottom:40px;overflow:hidden;}
.wrapper-info.center{padding:20px;}
.wrapper-info.center:before{content:"";width:60px;height:400px;background:url('img/f.png') no-repeat top center;background-size:100%;position:absolute;left:0;top:0;display:none;}
.wrapper-info.center p{text-align:center;}
.wrapper-info.center p b{font-size:18px;color:#14037c;}
.wrapper-info p a{color:inherit;text-decoration:underline;}
.wrapper.dark{margin-bottom:120px;}
.wrapper.ai:after{content:"";position:absolute;right:-30px;top:0;z-index:5;display:block;width:100px;height:200px;background:url('img/ai.png') no-repeat top center;background-size:100%;}
.wrapper.dark .wrapper-info{background:#fff;}
.wrapper.dark .wrapper-info .page-tag{margin-top:15px;}
.wrapper-list{list-style:none;padding:0;margin:0;counter-reset:item 0;}
.wrapper-list li{position:relative;padding-left:25px;}
.wrapper-list li:before{content:counter(item);display:inline-block;width:16px;height:16px;border-radius:50%;background:#14037c;text-align:center;line-height:16px;font-size:14px;color:#fff;counter-increment: item 1;position:absolute;left:0;top:6px;}
.wrapper.dark.pink .wrapper-info{border-top-left-radius:0;border-bottom-right-radius:0;}
.wrapper.dark.pink .wrapper-line{border-top-left-radius:0;border-bottom-right-radius:0;}
.wrapper.dark.green .wrapper-info{padding-top:60px;}
.wrapper.dark.green:after{display:none;}
.wrapper.dark.pink:after{background-image:url('img/star.png');right:auto;left:-100px;bottom:-220px;top:auto;}
.wrapper.dark.pink h2{left:0;right:auto;}
.wrapper.dark.pink h2 img{left:0;right:auto}
.wrapper.dark.green h2 img{height:90px;}
.wrapper.dark .wrapper-info .page-tag{width:100px;height:30px;line-height:30px;text-align:center;margin-left:-10px;padding:0;}

.wrapper h2{font-size:0;z-index:3;position: relative;}
.wrapper h2 img{height:75px;}
.wrapper p{font-size:16px;line-height:30px;margin:0;text-align:justify;}
.wrapper .yy{position:absolute;top:-50px;right:20px;width:250px;}
.wrapper .yy img{position:absolute;right:0;top:-10px;}
.wrapper .gs{position:absolute;left:0;right:0;top:-60px;}
.wrapper .gs .gs-icon{width:200px;height:auto;position:absolute;right:-80px;top:-20px;}

.wrapper-wish{list-style:none;padding:0;margin:0;font-size:0;}
.wrapper-wish li{display:inline-block;width:50%;vertical-align:top;text-align:center;}
.wrapper-wish li p{text-align:center;}
.wrapper-wish li .page-tag{width:110px;height:35px;line-height:28px;background-image:url('img/tag.png');}
.wrapper-wish li p span{margin:0 5px;white-space:pre;}

.page-tag{background:url('img/tag0.png') no-repeat top center;display:inline-block;color:#14037c;position: relative;line-height:1;font-size:14px;padding:3px 10px;position: relative;margin:0;background-size:100%;padding-bottom:10px;}

.timer{color:#fff;margin-top:-40px;}
.timer h2{text-align:center;}
.timer h2 img{height:90px;}
.timer ul{list-style:none;padding:0;margin:0;font-size:0;margin:20px 0;}
.timer li{display:inline-block;width:25%;text-align:center;font-size:18px;}
.timer li:nth-child(2){width:49%;}
.timer li:nth-child(3){width:24%;}
.timer .timer-info{width:100%;}
.timer p, .award p{font-size:14px;color:#fff;text-align:center;margin-top:30px;}

.award h2{text-align:center;margin-bottom:30px;}
.award h2 img{height:98px;}
.award p{margin-bottom:90px;}

.org{color:#fff;}
.org, .org p{text-align:center;}
.org h2 img{height:65px;}
.org p span{display:inline-block;margin-top:40px;}

.wx{margin-top:30px;}
.wx h2{text-align:center;margin-bottom:30px;}
.wx h2 img{height:115px;}
.wx .page-tag{background-image: url('img/tag1.png');font-size:18px;width:370px;padding:20px 0 50px 0;text-align:center;}
.wx-right{text-align:right;}
.wx-right .page-tag{background-image:url('img/tag2.png');}

.logo{text-align:center;padding:40px 0;}
.logo img{height:54px;}

.desc .wrapper-info{text-align:center;background:url('img/bg1.png') no-repeat center center!important;background-size:100% 100%;padding:40px 0 20px 0;}
.desc img{height:150px;}
.desc h2{font-size:26px;color:#005ace;letter-spacing:2px;line-height:1.5;}

.teacher{text-align:center;margin-bottom:100px;}
.teacher h2 img{height:120px;}
.teacher ul{list-style:none;padding:0;margin:0;font-size:0;margin-top:30px;}
.teacher li{display:inline-block;width:200px;vertical-align:top;text-align:center;text-align:center;color:#fff;margin:0 50px;}
.teacher li img{width:100%;}

/* 覆盖 */
.tabs-region{position: relative;z-index:2;}
.contest-tab-content{position: relative;margin-top:-55px;z-index:1;background:#3866d6;}
.content-contest-detail .header-region .img-mobile .headimg-mobile{vertical-align:middle;}
.content-contest-detail .tabs_wrapper .px_tabs{overflow:hidden;}
.content-contest-detail .tabs_wrapper .px_tabs>li{display:inline-block;width:138px;height:40px;background:url('img/tab.png') no-repeat center center;background-size:100%;margin:0 10px;}
.content-contest-detail .tabs_wrapper .px_tabs>li>a{color:#14037c;padding:0;line-height:40px;height:40px}
.content-contest-detail .tabs_wrapper .px_tabs>li:hover a,.content-contest-detail .tabs_wrapper .px_tabs>li.active a{color:rgba(243, 21, 58, 1);}
.content-contest-detail .tabs_wrapper{border:0;}
.content-contest-detail .tabs_wrapper .px_tabs{border:0;}
.content-contest-detail .contest-head-infor{margin:0!important;width:100%!important;height:90px!important;padding:20px 10%!important;background:#3866d6;}
.content-contest-detail .contest-head-infor .contest-time{color:#fff;}
.content-contest-detail .tabs_wrapper{margin-top:0;}
.sucai-result{padding-top:80px;padding-bottom:40px;}
.sucai-result .pics .item{border-radius:3px 3px 0 0;-webkit-border-radius:0;}
.sucai-result .pics .title{background:#fff;border-radius:0 0 3px 3px;}
.sucai-result .pics{margin-top:0!important;padding-top:15px;}


/* 适配手机 */
@media screen and (max-width:640px) {
html,body{font-size:calc(100vw/18.75)!important;}
.page{padding:0 0 1rem 0;background-repeat:repeat-y;}
.page-main{width:100%;padding:0 1rem;box-sizing:border-box;}
.page-main > h2{width:100%;background-size:100%;margin:1rem 0;}
.page-main > h2 span{font-size:1.2rem;}
.wrapper-info{padding:1rem 1rem 2rem 1rem;}
.wrapper-info h2{font-size:1.1rem;}
.wrapper p{font-size:0.75rem;line-height:1.6;}
.wrapper.dark{margin-bottom:4rem;}
.wrapper.dark.green h2 img{height:3rem;}
.wrapper-info.center p b{font-size:0.8rem;}
.timer li{font-size:0.7rem;}
.timer p, .award p{font-size:0.6rem;}
.wrapper h2 img{height:3rem;}
.wrapper .yy{top:-2rem;}
.wrapper .yy img{height:2.5rem;top:0;}
.wrapper .gs{top:-2rem;}
.wrapper .gs img{height:2.5rem;}
.wrapper .gs .gs-icon{top:0rem;right:-4rem;width:8rem;}
.wrapper.dark.green .wrapper-info,.des .wrapper-info{padding-top:1.5rem;}
.wrapper-border{padding:1rem;background:none;border:1px solid #00baff;}
.wrapper-border li{width:50%;}
.wrapper-border li:nth-child(2){margin-top:6rem;}
.wrapper-border li:nth-child(3){margin-top:0;}
.wx h2 img{height:3.5rem;}
.wx .page-tag{width:80%;font-size:0.7rem;padding:0.7rem 0 1.5rem;}
.logo img{height:2.7rem;}
.org h2 img{height:2rem;}
.teacher h2 img{height:4rem;}
.teacher li{width:6rem;margin:0 1rem;}
.desc img{width:50%;height:auto;}
.desc h2{font-size:0.9rem;}
.wrapper-wish li p span{display:block;}
.wrapper-list li:before{top:3px;}
.wrapper.dark .wrapper-info .page-tag{font-size:0.75rem;width:5rem;height:2rem;padding:0;text-align:center;line-height:1.5rem;margin-left:-0.5rem;}

.contest-tab-content{margin-top:-1rem;background:#3866d6;}
.content-contest-detail .tabs_wrapper{background:#3866d6;}
.content-contest-detail .contest-head-infor-region .contest-head-infor .contest-time{float:none;}
.content-contest-detail .tabs_wrapper .px_tabs>li{margin:0.5rem;width:5rem;height:2rem;}.content-contest-detail .tabs_wrapper .px_tabs>li a{font-size:0.7rem;line-height:2rem;height:auto;}
.content-contest-detail .tabs_wrapper .px_tabs{white-space:pre-wrap;}
.content-contest-detail .contest-head-infor-region{height:auto!important;}
.content-contest-detail .contest-head-infor{height:auto!important;}
}

