@charset "UTF-8";.hide,.md-show,.success{display:none}
.border-wrapper,body,html{position:relative;width:100%}
body,div,footer,h3,header,html,li,p,section,ul{margin:0;padding:0}
*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Liberation Sans","PingFang SC","Microsoft YaHei","Hiragino Sans GB","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif}
li,ul{list-style:none}
body,html{height:100%}
.osc-activity{background:#06175c}
a{color:#fff;cursor:pointer}
input{outline:0}
a,a:active,a:focus,a:hover,a:link,a:visited{-webkit-tap-highlight-color:transparent;outline:0;text-decoration:none}
.highlight{color:#00FFDA}
.current{border:1px solid #00FFDA!important}
input:-webkit-autofill{background-color:#1a222b}
.panels-index,.panels-index:before{background:#06175c;background:-moz-linear-gradient(150deg,#28333d 50%,#555a58 100%);background:-webkit-gradient(left bottom,right top,color-stop(50%,#28333d),color-stop(100%,#555a58));background:-webkit-linear-gradient(150deg,#28333d 50%,#555a58 100%);background:-o-linear-gradient(150deg,#28333d 50%,#555a58 100%);background:-ms-linear-gradient(150deg,#28333d 50%,#555a58 100%);background:linear-gradient(150deg,#28333d 50%,#555a58 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28333d', endColorstr='#555a58 ', GrientType=1)}
.border-color,.border-color:before,.btn,.btn:before{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFDA', endColorstr='#6084CF', GradientType=1)}
.border-color,.border-color:before{background:#4bb0bd;background:-moz-linear-gradient(360deg,#588ED7 0,#4A9FE5 10%,#4bb0bd 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#588ED7),color-stop(10%,#4A9FE5),color-stop(100%,#4bb0bd));background:-webkit-linear-gradient(360deg,#588ED7 0,#4A9FE5 10%,#4bb0bd 100%);background:-o-linear-gradient(360deg,#588ED7 0,#4A9FE5 10%,#4bb0bd 100%);background:-ms-linear-gradient(360deg,#588ED7 0,#4A9FE5 10%,#00fdff 100%);background:linear-gradient(360deg,#588ED7 0,#4A9FE5 5%,#00fdff 100%)}
.border-wrapper{box-sizing:border-box;display:inline-block;border-radius:3px;text-decoration:none;padding:30px 20px;transition:all .5s;-webkit-background-clip:text}
.border-wrapper:after,.border-wrapper:before{content:'';display:block;position:absolute;z-index:-1;border-radius:5px;transition:all .5s}
.border-wrapper:before{left:0;top:0;bottom:0;right:0}
.border-wrapper:after{left:1px;top:1px;bottom:1px;right:1px;background:#06175c}
.btn,.btn:before{color:#2c343f;background:#00FFDA;background:-moz-linear-gradient(-45deg,#6084CF 0,#4a9fe5 22%,#00FFDA 100%);background:-webkit-gradient(left bottom,right top,#6084CF 0,#4a9fe5 22%,#00FFDA 100%);background:-webkit-linear-gradient(-45deg,#6084CF 0,#4a9fe5 22%,#00FFDA 100%);background:-o-linear-gradient(-45deg,#6084CF 0,#4a9fe5 22%,#00FFDA 100%);background:-ms-linear-gradient(-45deg,#6084CF 0,#4a9fe5 22%,#00FFDA 100%);background:linear-gradient(-45deg,#6084CF 0,#4a9fe5 22%,#00FFDA 100%)}
.btn:hover{background:#00F7FF;background:-moz-linear-gradient(90deg,#A6CF60 0,#00F7FF 100%);background:-webkit-gradient(left bottom,right top,color-stop(0,#A6CF60),color-stop(100%,#00F7FF));background:-webkit-linear-gradient(90deg,#A6CF60 0,#00F7FF 100%);background:-o-linear-gradient(90deg,#A6CF60 0,#00F7FF 100%);background:-ms-linear-gradient(90deg,#A6CF60 0,#00F7FF 100%);background:linear-gradient(90deg,#A6CF60 0,#00F7FF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6CF60', endColorstr='#00F7FF ', GrientType=1)}
.btn-border{color:#fff;font-weight:400!important;position:relative;transition:all .5s;-webkit-background-clip:text}
.btn-border:hover{position:static;font-weight:500;-webkit-text-fill-color:#2c343f}
.btn-border:hover.btn-border:after,.btn-border:hover.btn-border:before{position:static}
.btn-border:after,.btn-border:before{content:'';display:block;position:absolute;z-index:-1;border-radius:60px;transition:all .5s}
.btn-border:before{left:0;top:0;bottom:0;right:0}
.btn-border:after{left:1px;top:1px;bottom:1px;right:1px;background:#2b333d}
.title{position:relative;text-align:center;padding:0 12px;display:inline-block;color:#fff;letter-spacing:2px}


.flex{display:-webkit-box;display:-ms-flexbox;display:flex}
.fw{font-weight:300}
.nothing{background-size:230px}
.input_light{border:1px solid #00FFDA}
.fixed{position:fixed;top:0;z-index:3}
.header{width:100%;height:64px;line-height:64px;padding:16px 2%;box-sizing:border-box}
@media (max-width:768px){.header{height:50px;line-height:50px;padding:14px 16px;background:0 0}
}
.header .layout{height:100%}
.header .layout-left{height:32px;line-height:32px}
.header .layout-left .osc-logo{background:url(http://oss.aliyuncs.com/saas-pubsentiment-img1/2017/10/18/b0767e4ad9b8a6e0e518646e466cf731.jpg) top no-repeat;background-size:contain;display:inline-block;width:110px;height:32px}
@media (max-width:768px){.header .layout-left .osc-logo{width:82px;height:24px}
}
.header .layout-left .gxb-logo{background:url(http://www.csia.org.cn/images/logo.png) top no-repeat;background-size:contain;display:inline-block;width:100px;height:32px;margin-left:15px}
@media (max-width:768px){.header .layout-left .gxb-logo{width:24px;height:24px}
}
.header .layout-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .layout-flex .btn{display:none;font-size:14px;font-weight:500;margin-right:24px;box-sizing:border-box;border-radius:20px;height:32px;line-height:32px;width:100px;text-align:center;padding:0;color:#2c343f}
@media (max-width:768px){.header .layout-flex .btn{font-size:12px;height:25px;line-height:25px;width:84px;text-align:center;padding:0}
}
.header .navbar-toggle{height:inherit;line-height:inherit}
.header .navbar-toggle .hamburger{width:20px}
.header .navbar-toggle .hamburger span{height:2px;background:#fff;display:block;margin-bottom:6px}
.header .layout-login{display:inline-flex}
.header .layout-login li{position:relative;margin-left:12px;line-height:26px;color:#fff}
.header .layout-login li.bdsharebuttonbox{position:relative}
.header .layout-login li.bdsharebuttonbox .bds_tsina{width:30px;height:30px;box-sizing:border-box;background:url(../images/ic_weibo.svg) center no-repeat;background-size:contain;margin:0}
.header .layout-login li.bdsharebuttonbox .bds_tsina:hover{background:url(../images/ic_weibo_hover.svg) center no-repeat;background-size:contain;display:inline-block;width:30px;height:30px}
.header .layout-login li .osc-weixin{background:url(../images/ic_weixin.svg) center no-repeat;background-size:contain;width:30px;height:30px;cursor:pointer;float:left}
.header .layout-login li .osc-weixin:hover{background:url(../images/ic_weixin_hover.svg) center no-repeat;background-size:contain;width:30px;height:30px}
.header .layout-login li .osc-weixin-qr{display:none;position:absolute;top:46px;left:-50px;width:80px;height:80px}
.header .layout-login li .osc-weixin-qr img{width:100%;height:100%}
.header .layout-login li:last-child{font-size:14px;min-width:60px}
.header .layout-login li:last-child span{display:inline-block;color:#fff}
.layout-left{float:left}
.layout-right{float:right}
.navbar{position:fixed;top:28%;right:0;z-index:3;width:200px;padding:2%;box-sizing:border-box;text-align:right}
.navbar a{display:block;line-height:32px;font-size:14px;font-weight:100;color:#AEAEAE}
.navbar a.active,.navbar a:hover{color:#00FFDA}
section{width:100%;height:100%}
@keyframes play{0%{transform:translate3d(-500px,0,0)}
100%{transform:translate3d(800px,0,0)}
}
@-moz-keyframes play{0%{-moz-transform:translate3d(-500px,0,0)}
100%{-moz-transform:translate3d(800px,0,0)}
}
@-webkit-keyframes play{0%{-webkit-transform:translate3d(-500px,0,0)}
100%{-webkit-transform:translate3d(800px,0,0)}
}
@-o-keyframes play{0%{-o-transform:translate3d(-500px,0,0)}
100%{-o-transform:translate3d(800px,0,0)}
}
@keyframes play2{0%{transform:translate3d(0,0,0)}
100%{transform:translate3d(-1300px,0,0)}
}
@-moz-keyframes play2{0%{-moz-transform:translate3d(0,0,0)}
100%{-moz-transform:translate3d(-1300px,0,0)}
}
@-webkit-keyframes play2{0%{-webkit-transform:translate3d(0,0,0)}
100%{-webkit-transform:translate3d(-1300px,0,0)}
}
@-o-keyframes play2{0%{-o-transform:translate3d(0,0,0)}
100%{-o-transform:translate3d(-1300px,0,0)}
}
.panels-index{position:relative;overflow-x:hidden}
.panels-index .index-bg{position:absolute;left:0;top:0;bottom:0;right:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.panels-index .index-bg.bg1{background:url(bg1.png) 50% 0 no-repeat;-webkit-animation:play 80s linear infinite alternate;-moz-animation:play 80s linear infinite alternate;animation:play 80s linear infinite alternate}
.panels-index .index-bg.bg2{-webkit-animation:play2 80s linear infinite alternate;-moz-animation:play2 80s linear infinite alternate;animation:play2 80s linear infinite alternate}
.panels-index .panels-bg{width:100%;height:100%;background:url(bg4.jpg) center left no-repeat;background-size:cover;overflow:hidden}
.panels-index .panels-content{position:relative;padding-top:12%;padding-left:22%;text-align:left;box-sizing:border-box}
.panels-index .panels-content .group-title{position:relative}
.panels-index .panels-content .group-title:before{content:"";display:inline-block;position:absolute;left:-30px;top:8%;width:15px;height:86%;background:#00fdff}
.panels-index .panels-content .group-title .title1{position:relative;font-size:40px;font-weight:300;color:#fff}
.panels-index .panels-content .group-title .title2{font-size:52px;font-weight:900;color:#fff;line-height:100px}
.panels-index .panels-content .group-info{position:relative;box-sizing:border-box;color:#fff;margin-top:22px;margin-bottom:40px}
.panels-index .panels-content .group-info p{font-size:26px;font-weight:300}
.panels-index .panels-content .btn-box{position:relative;box-sizing:border-box;margin:75px 0;float:left;}
.panels-index .btn{margin-right:60px;margin-bottom:30px;z-index:0}
.panels-index .btn-border:after{background:#2f3941}
.btn{padding:12px 50px;border-radius:60px;font-size:28px;font-weight:500;box-sizing:border-box;display:inline-block}
.bg-wrapper{background:url(bg_big_outer.png) top center no-repeat;background-size:contain}
.panels-wrapper{display:table;width:100%;height:100%;padding-top:77px;box-sizing:border-box;background:url(bg_deep.png) top center repeat-y;background-size:contain}
.panels-wrapper .panels{box-sizing:border-box;position:relative;width:70%;min-width:1100px;margin:auto}
@media (max-width:1900px){.panels-wrapper .panels{width:80%}
}
@media (max-width:1200px){.panels-wrapper .panels{width:90%}
}
.panels-wrapper .panel-body{padding-top:14px;box-sizing:border-box}
.panels-wrapper .panel-body .tabs-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;height:80px;margin-top:10px;line-height:75px;font-size:16px}
.panels-wrapper .panel-body .tabs-navbar .tab-nav{width:270px;height:80px;display: inline-block;}
.panels-wrapper .panel-body .tabs-navbar a{flex:1;text-align:center;background:url(group5-3.png) center no-repeat;background-size:160px 80px;padding-top:6px}
.panels-wrapper .panel-body .tabs-navbar a.active,.panels-wrapper .panel-body .tabs-navbar a:hover{background:url(group5-2.png) center no-repeat;background-size:160px 80px}
.panels-wrapper .panel-body .tabs-content{display:none}
.panels-wrapper .panel-body .tabs-content.active{display:block}
.panels-wrapper .tab-content{padding-top:45px;box-sizing:border-box;min-height:260px}
.panels-wrapper .tab-content .speechmaker{padding-top:10px;padding-right:30px;box-sizing:border-box;text-align:center;position: absolute;}
.panels-wrapper .tab-content .speechmaker .img{width:100px;height:100px;margin:auto}
.panels-wrapper .tab-content .speechmaker .img img{width:100%;height:100%}
.panels-wrapper .tab-content .speechmaker .name{margin-top:10px;color:#fff;line-height:24px;font-size:14px}
.panels-wrapper .tab-content .speechmaker .post{color:#fff;line-height:24px;font-size:14px;width:130px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.panels-wrapper .tab-content .speechmaker-info{position:relative;padding-left:36px;box-sizing:border-box;border-left:4px solid #00fdff;margin-left: 160px;height:180px}
.panels-wrapper .tab-content .speechmaker-info .title-details{padding-bottom:20px;box-sizing:border-box;line-height:40px;color:#fff;font-size:28px;font-weight:500}
.panels-wrapper .tab-content .speechmaker-info .text-details{line-height:26px;color:#D4D6D8;font-size:16px;font-weight:100;letter-spacing:2px}
.panels-wrapper .tab-content .time{background:url(time.png) top left no-repeat}
.panels-wrapper .tab-content .coffee{}
.panels-wrapper .tab-content .gift{}
.panels-wrapper .tab-content .coffee,.panels-wrapper .tab-content .gift,.panels-wrapper .tab-content .time{background-size:20px;padding-left:30px;box-sizing:border-box;color:#fff;font-size:16px;font-weight:100;line-height:20px}
.panels-wrapper .digest{line-height:26px;text-align:center;margin-bottom:40px;color:#fff;font-size:20px;font-weight:bold;letter-spacing:2px}
.panels-agendas-major .intro-left{position:absolute;top:54px;width:250px;border-right:0;border-radius:50px 0 0 50px;padding:30px 20px;box-sizing:border-box;font-size:14px;color:#ccc;z-index:0;text-align:center}
.panels-agendas-major .intro-left.border-wrapper,.panels-agendas-major .intro-left.border-wrapper:before{border-radius:50px 0 0 50px}
.panels-agendas-major .intro-left.border-wrapper:after{border-radius:50px 0 0 50px;right:0;background:rgba(0,0,0,.65)}
.panels-agendas-major .intro-left .title{font-size:24px}
.panels-agendas-major .intro-left .text{margin-top:6px}
.panels-agendas-major .intro-left p{text-align:left;color:#fff;font-weight:100;line-height:26px}
.panels-agendas-major .intro-right{width:100%;display:inline-block;padding-left:250px;box-sizing:border-box}
.panels-agendas-major .intro-right .border-wrapper,.panels-agendas-major .intro-right .border-wrapper:before{border-radius:5px 5px 0 0}
.panels-agendas-major .intro-right .border-wrapper:after{border-radius:5px 5px 0 0;bottom:0}
.panels-agendas-major .intro-right .title-index{position:absolute;top:-22px;padding:0 20px;box-sizing:border-box;background:#06175c}
.panels-agendas-major .intro-right .title-index .title{font-size:26px}
.panels-agendas-major .intro-right .tabs-wrapper{padding:60px 20px 80px;box-sizing:border-box;background:url(huanyinhao.jpg) 30px 50px no-repeat;background-size:66px}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content{display:-webkit-box;display:-ms-flexbox;display:flex;position: relative;}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content .speechmaker{text-align:center;position: absolute;}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content .speechmaker .img{width:120px;height:120px}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content .speechmaker .img img{width:100%;height:100%}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content .speechmaker .name{margin-top:20px;font-size:16px;line-height:26px}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content .speechmaker .post{line-height:26px;font-size:16px}
.panels-agendas-major .intro-right .tabs-wrapper .tab-content .time{position:absolute;top:-45px}
.panels-agendas-minor .title-sub-introduction{position:absolute;top:-40px;left:8%;padding:18px 20px 0;box-sizing:border-box;background:#06175c}
.panels-agendas-minor .title-sub-introduction .title{font-size:26px}
.panels-agendas-minor .tabs-navbar{height:80px!important;line-height:75px!important}
.panels-agendas-minor .tab-content{width:90%;margin:auto}
.panels-agendas-minor .tab-content .title-details{font-size:24px;padding-top:6px}
.panels-agendas-minor .tab-content .plan-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:18px;position: relative;}
.panels-agendas-minor .tab-content .coffee,.panels-agendas-minor .tab-content .gift,.panels-agendas-minor .tab-content .time{margin-left:154px;margin-bottom:18px}
.panels-agendas-minor .tab-content .name,.panels-agendas-minor .tab-content .post{font-size:14px!important}
.panels-agendas-minor .osc_img{width:100%;text-align:center}
.panels-agendas-minor .osc_img img{width:100px}
.panels-agendas-minor .tab-heroes .coffee,.panels-agendas-minor .tab-heroes .gift,.panels-agendas-minor .tab-heroes .time{margin-left:0;margin-bottom:18px}
.panels-agendas-minor .tab-heroes .heroes-info{position:relative;padding-left:36px;box-sizing:border-box;border-left:4px solid #00fdff;margin-left:8px;margin-bottom:18px}
.panels-agendas-minor .tab-heroes .heroes-info .title-details{padding-bottom:20px;box-sizing:border-box;line-height:40px;color:#fff;font-size:28px;font-weight:500}
.panels-agendas-minor .tab-heroes .heroes-info .text-details{display:inline-block;height:162px;margin-top:10px;line-height:75px;box-sizing:border-box;font-size:16px}
.panels-agendas-minor .tab-heroes .heroes-info .text-details .border-wrapper{z-index:2}
.panels-agendas-minor .tab-heroes .heroes-info .text-details .heroes-li{width:170px;text-align:center;height:100%;overflow-y:hidden;margin-right:6px;padding:0}
.panels-agendas-minor .tab-heroes .heroes-info .text-details .heroes-li .heroes-title{font-size:14px;color:#FFF;letter-spacing:0;background-image:linear-gradient(42deg,rgba(96,132,207,.3) 0,rgba(74,159,229,.3) 20%,rgba(0,255,218,.3) 100%);height:36px;line-height:36px}
.panels-agendas-minor .tab-heroes .heroes-info .text-details .heroes-li .heroes-text{color:#FFF;letter-spacing:0;padding:10px 10px 0;box-sizing:border-box;text-align:left;line-height:18px;font-size:14px;font-weight:100}
.panels-partners .title-sub-partners .title,.panels-speakers .title-sub-introduction .title{font-size:26px}
.panels-agendas-minor .tab-heroes .heroes-info .text-details .heroes-li .heroes-classify{width:40px;height:20px;text-align:center;line-height:20px;background:rgba(80,227,194,.5);border-radius:8px;position:absolute;bottom:10px;right:10px}
.panels-partners .title-sub-partners,.panels-speakers .title-sub-introduction{background:#06175c;text-align:center}
.panels-speakers{padding-top:50px;box-sizing:border-box}
.panels-speakers .tab-content{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap}
.panels-speakers .tab-content .speechmaker{padding:10px 30px 22px;box-sizing:border-box;cursor:pointer}
.panels-speakers .tab-content .speechmaker .speechmaker-logo{text-align:center;cursor:pointer}
.panels-partners{padding-top:50px;box-sizing:border-box}
.panels-partners .border-wrapper{width:auto;padding:0;display:inline-block;font-size:16px;-webkit-text-fill-color:transparent}
.panels-partners .border-wrapper:after{left:-1px;top:-1px;bottom:-1px;right:-1px}
.panels-partners .partner-layout{display:flex;padding-top:45px;box-sizing:border-box}
.panels-partners .partner-layout .layout-l{padding-right:100px;box-sizing:border-box}
.panels-partners .partners-list{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;padding:20px 0 0;box-sizing:border-box}
.panels-partners .partners-list .partner-logo{display:inline-block;background:#fff;padding:4px 10px;box-sizing:border-box;border-radius:8px;width:142px;height:54px;margin-right:32px;margin-bottom:30px}
.panels-apply .volunteer-apply-btn,.panels-code-apply .code-apply-btn{display:block}
.panels-apply .border-wrapper,.panels-apply .border-wrapper:after,.panels-apply .border-wrapper:before,.panels-code-apply .border-wrapper:after,.panels-code-apply .border-wrapper:before{border-radius:50px}
.panels-partners .partners-list .partner-logo img{width:100%;height:100%}
.panels-code-apply{margin-top:80px!important}
.panels-code-apply .border-wrapper{border-radius:50px;padding:50px 20px;box-sizing:border-box;text-align:center}
.panels-code-apply .title-code-apply{position:absolute;top:-16px;left:-moz-calc(50% - 116px);left:-webkit-calc(50% - 116px);left:calc(50% - 116px);padding:0 20px;box-sizing:border-box;background:#2B333D}
.panels-code-apply .title-code-apply .title{font-size:26px}
.panels-code-apply .digest{font-size:16px}
.panels-code-apply .code-apply-wrapper{position:relative;height:0;transition:all,.3s;overflow:hidden;z-index:100;width:90%;margin:auto}
.panels-code-apply .open{height:auto;margin-bottom:-20px}
.panels-code-apply .explain-contact{padding-right:100px;box-sizing:border-box;position:relative}
.panels-code-apply .explain-contact .explain-qr{position:absolute;right:0;top:-30px;width:94px;height:94px;background:url(code_qr.png) center no-repeat;background-size:contain}
.panels-code-apply .btn{font-size:20px}
.panels-apply{margin-top:100px!important}
.panels-apply .border-wrapper{padding:50px 20px;box-sizing:border-box;text-align:center}
.panels-apply .title-apply{position:absolute;top:-16px;left:-moz-calc(50% - 102px);left:-webkit-calc(50% - 102px);left:calc(50% - 102px);padding:0 20px;box-sizing:border-box;background:#06175c}
.panels-apply .title-apply .title{font-size:22px}
.panels-apply .digest{font-size:16px}
.panels-apply .volunteer-apply-wrapper{position:relative;height:0;transition:all,.3s;overflow:hidden;z-index:100;width:90%;margin:auto}
.panels-apply .volunteer-apply-wrapper .warm-prompt{color:#fff;font-size:18px;font-weight:300}
.panels-apply .open{height:auto;margin-bottom:-20px}
.panels-apply .btn{font-size:20px}
.layout-flex-drop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.layout-flex-drop .flex-grow{margin-right:30px;flex:1}
.layout-flex-drop .flex-grow .form-label{padding-right:20px;box-sizing:border-box}
.layout-flex-drop .flex-grow .form-label.age-form{min-width:80px}
.layout-flex-drop .flex-none{background:rgba(26,34,43,.2);padding:30px 50px 34px 28px;box-sizing:border-box;width:422px}
.layout-flex-drop .flex-none .explain{text-align:left}
.layout-flex-drop .flex-none .explain h3{color:#fff;font-size:16px;font-weight:300;line-height:16px;padding:5px 0 14px}
.layout-flex-drop .flex-none .explain li{position:relative;color:#D4D6D8;font-size:14px;font-weight:100;line-height:18px;padding-left:30px;padding-bottom:15px}
.layout-flex-drop .flex-none .explain li:before{content:"";position:absolute;top:6px;left:15px;width:6px;height:6px;border-radius:50%;background:#00FFDA}
.layout-flex-drop .flex-none .explain p{color:#fff;font-size:14px;font-weight:100}
.layout-flex-drop .flex-none .explain p .hover-color{color:#00FFDA;text-decoration:underline}
.panels-address{position:relative;width:1330px;margin:0 auto;padding:50px 0;box-sizing:border-box}
.panels-address .title-address{text-align:center;background:#06175c}
.panels-address .title-address .title{font-size:26px}
.panels-address .address-layout{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:50px;box-sizing:border-box}
.panels-address .address-layout .layout-l{padding:40px 0 0 50px;box-sizing:border-box;text-align:left;width:320px;float:left}
.panels-address .address-layout .layout-l li{margin-bottom:30px}
.panels-address .address-layout .layout-l li .title-address{text-align:left;line-height:30px;color:#fff;font-size:18px;font-weight:300}
.panels-address .address-layout .layout-l li p{line-height:20px;color:#D4D6D8;font-size:14px;font-weight:100;padding:5px 0}
.panels-address .address-layout .layout-l li .address-link{color:#00FFDA;text-decoration:underline}
.panels-address .address-layout .layout-r{}
.panels-footer{position:relative;width:100%;min-width:1100px;background:#1D242D;padding:40px 10% 0;box-sizing:border-box}
.panels-footer .layout{text-align:center}
.panels-footer .layout .layout-l{display:inline-block;padding:0 20px;box-sizing:border-box;text-align:center}
.panels-footer .layout .layout-l li{display:inline-block;vertical-align:top;padding-right:70px;box-sizing:border-box;text-align:left}
.panels-footer .layout .layout-l li .title-footer{position:relative;text-align:left;line-height:18px;margin-bottom:15px;color:#fff;font-size:18px;font-weight:300}
.panels-footer .layout .layout-l li .title-footer:after{content:"";display:inline-block;position:absolute;left:-10px;top:0;width:4px;height:20px;background:#00fdff}
.panels-footer .layout .layout-l li a,.panels-footer .layout .layout-l li p{display:block;line-height:20px;color:#D4D6D8;font-size:14px;font-weight:100}
.panels-footer .layout .layout-l li a:hover,.panels-footer .layout .layout-l li p:hover{color:#00FFDA}
.panels-footer .layout .layout-r{padding-left:60px;box-sizing:border-box;position:relative;padding-right:0!important}
.panels-footer .layout .layout-r:after{content:"";display:inline-block;position:absolute;left:-10px;top:30px;width:1px;height:130px;background:#00fdff}
.panels-footer .layout .layout-r .qr-oschina{width:100%;height:107px;background-size:contain}
.panels-footer .layout .layout-r p{ margin-left:-28px;line-height:20px;color:#D4D6D8;font-size:14px;font-weight:100;margin-top:12px;text-align:center}
.panels-footer .copyright{line-height:40px;color:#4A4F57;font-size:12px;font-weight:100;text-align:left}
.panels-comments{position:relative;padding:50px 15%;box-sizing:border-box;background:#fafafa}
.panels-comments .title-comment{font-size:26px;color:#2B333D}
body.modal-open,html.modal-open{overflow:hidden;height:100%}
.modal.in{display:block}
.modal{display:none;z-index:100;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:hidden;overflow-y:auto}
.modal .modal-box{width:100%;transition:all .4s}
.modal .modal-box .modal-content{position:absolute;z-index:2000001;background:#242B33;width:70%;min-width:720px;height:auto;min-height:100%;top:0;left:15%;border-radius:10px;box-sizing:border-box;padding:6% 10%;-moz-box-shadow:0 10px 100px 1px rgba(0,255,218,.2);box-shadow:0 10px 100px 1px rgba(0,255,218,.2)}
.modal .modal-box .modal-content .close{position:absolute;right:20px;top:10px;color:#fff;font-size:24px;cursor:pointer}
.modal .modal-box .modal-content .login-form-title{text-align:center;margin-bottom:40px}
.modal .modal-box .modal-content .login-form-title .title{font-size:24px;padding-bottom:30px}
.modal .modal-box .modal-content .login-form-title .title:before{height:16px;top:36%}
.modal .modal-box .modal-content .login-form-title .sub-title{line-height:30px;color:#fff;font-size:30px;font-weight:900}
.modal .modal-box .modal-content .apply_invite_url{margin-left:20px;width:70%;padding:6px 12px;box-sizing:border-box;border:0;background:#2B333D;color:#00FFDA}
.modal .modal-box .modal-content .modal-text{width:80%;margin:auto;text-align:left;line-height:28px;color:#fff;font-size:16px;font-weight:100}
.modal .modal-box .modal-content .hover-color{color:#00FFDA;text-decoration:underline}
.modal .modal-box .modal-content .hover-color-1{color:#00FFDA}
.modal .modal-box .modal-content .layout_invitation{display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;margin:30px auto auto}
.modal .modal-box .modal-content .layout_invitation .invitation-img{width:35%;min-width:200px;padding:0 20px;box-sizing:border-box}
.modal .modal-box .modal-content .layout_invitation .invitation-img img{width:100%}
.modal .modal-box .modal-content .layout_invitation .layout-column{padding-left:20px}
.modal .modal-box .modal-content .layout_invitation .layout-column .invitation-title{font-size:16px;font-weight:500;color:#fff;padding:6px 24px;display:inline-block}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul{margin-top:20px}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul li{position:relative}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul li:before{content:"";position:absolute;top:9px;width:10px;height:10px;border-radius:50%;background:#00FFDA}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul li .modal-text{width:100%;padding-left:20px;padding-bottom:30px}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul li .qr-share{width:100px;height:90px;margin-left:14px;text-align:center}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul li .qr-share img{width:80px;height:80px}
.modal .modal-box .modal-content .layout_invitation .layout-column .modal-ul li .qr-share .modal-text{width:100%;font-size:14px;line-height:30px;text-align:center;padding:0}
.modal .modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:2000000}
.modal.speechmaker-detaile .modal-content{width:60%;height:auto;min-height:0;top:14%;left:20%;padding:7% 10%;text-align:left}
.modal.speechmaker-detaile .modal-content .img{display:inline-block;vertical-align:middle;margin-right:30px;width:100px;height:100px}
.modal.speechmaker-detaile .modal-content .img img{width:100%;height:100%}
.modal.speechmaker-detaile .modal-content .status{display:inline-block}
.modal.speechmaker-detaile .modal-content .text-details{margin-top:20px;line-height:30px;color:#fff;font-size:16px;font-weight:100}
.validate{position:relative;width:100%}
.validate .form-item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}
.validate .form-item .form-label{min-width:120px;text-align:right;color:#fff;font-size:14px;font-weight:100;line-height:44px}
@media (max-width:768px){.validate .form-item .form-label{min-width:100px;font-weight:300}
}
.validate .form-item .form-ctrl{flex:4;text-align:left}
.validate .form-item .form-ctrl input[type=text]{width:100%;height:44px;line-height:16px;padding:0 20px;font-size:16px;box-sizing:border-box;border-radius:3px;border:0;color:#fff;background:#1a222b}
.validate .form-item .form-ctrl input[type=text].error{border:1px solid #E35B5A}
.validate .form-item .form-ctrl p{color:#fff;font-size:16px;font-weight:100}
@media (max-width:768px){.validate .form-item .form-ctrl p{font-weight:300}
}
.validate .form-item .form-ctrl .ctrl-text{line-height:32px;padding-top:6px}
.validate .form-item .form-ctrl .select-box{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-top:6px}
.validate .form-item .form-ctrl .select-box input[type=radio]{display:none}
.validate .form-item .form-ctrl .select-box li{margin-right:12px;cursor:pointer;line-height:34px;position:relative}
.validate .form-item .form-ctrl .select-box li input[type=radio]+label:before{border-radius:50%}
.validate .form-item .form-ctrl .select-box li input[type=radio]:checked+label:before{border:1px solid #00FFDA;background:#00FFDA}
.validate .form-item .form-ctrl .select-box li label{color:#fff;font-size:16px;font-weight:100;position:relative;padding-left:26px;cursor:pointer}
.validate .form-item .form-ctrl .select-box li label:before{content:"";position:absolute;top:4px;left:0;width:14px;height:14px;display:inline-block;border:1px solid #fff;background:#1a222b;margin-right:12px;transition:all,.2s}
@media (max-width:768px){.validate .form-item .form-ctrl .select-box li label{font-weight:300}
.validate .form-item .form-ctrl .select-box li label:before{top:0}
}
.validate .form-item .form-ctrl .select-box label{color:#fff;font-size:16px;font-weight:100}
@media (max-width:768px){.validate .form-item .form-ctrl .select-box label{font-weight:300}
}
.validate .form_tips{color:#E35B5A;font-size:16px;font-weight:500;display:none;line-height:42px}
.validate .form_success{color:#00FFDA!important}
.validate .cancel,.validate input[type=button],.validate input[type=submit]{z-index:1;cursor:pointer;font-size:16px;font-weight:500;border:0;padding:10px 44px;margin-right:40px;border-radius:20px}
@media (max-width:768px){.validate .cancel,.validate input[type=button],.validate input[type=submit]{padding:6px 34px}
}
@media (max-width:330px){.validate .cancel,.validate input[type=button],.validate input[type=submit]{padding:6px 20px}
}
.validate .cancel:last-child,.validate input[type=button]:last-child,.validate input[type=submit]:last-child{margin-right:0}
.validate .form-btn-group{margin-top:30px;text-align:center}
.error{color:#E35B5A;font-size:12px;font-weight:500}
.panels-comments .panel-body{position:relative;width:100%;margin-top:20px}
.panels-comments .panel-body .comment-content .comment-form{position:relative}
.panels-comments .panel-body .comment-content .comment-form:after{content:"";position:absolute;display:inline-block;width:70px;height:2px;background:#2B333D}
.panels-comments .panel-body .comment-content .comment-form .comment-body{margin-top:20px}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-input{border:1px solid #f3efef;background:#fff;font-size:14px;padding:15px;border-radius:3px}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-input .comment-textarea{border-radius:0;border:none;width:100%;font-size:14px;line-height:20px;color:#2B333D;height:110px;overflow-y:auto;outline:0;-webkit-user-modify:read-write-plaintext-only;resize:none}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-input .works-tips{text-align:right;margin:0;color:#898989;font-size:14px;line-height:14px}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-input .works-tips .works{color:#F5A623}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper{display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 0;height:30px;line-height:30px}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .error_msg{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#E35B5A;font-weight:100;font-size:14px}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right{flex:1;text-align:right}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right input[type=checkbox]{display:none}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right input[type=checkbox]+label:before{border-radius:1px}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right input[type=checkbox]:checked+label:before{border:1px solid #00FFDA;background:#00FFDA;color:#2B333D}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right label{color:#AEAEAE;font-size:14px;font-weight:100;position:relative;padding-left:18px;cursor:pointer}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right label:hover{color:#2B333D}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right label:before{content:"";position:absolute;top:5px;left:0;width:8px;height:8px;display:inline-block;border:1px solid #979797;margin-right:12px;transition:all,.2s}
.panels-comments .panel-body .comment-content .comment-form .comment-body .comment-oper .layout-right .comment-btn{background:#2B333D;color:#fff;font-size:14px;font-weight:100;border-radius:3px;padding:4px 10px}
.panels-comments .panel-body .comment-content .comment-icon{display:inline-block;width:50px;height:50px;vertical-align:middle;margin-right:20px}
.panels-comments .panel-body .comment-content .comment-icon img{width:100%;height:100%;border-radius:60%}
.panels-comments .panel-body .comment-content .comment-name{display:inline-block;vertical-align:middle}
.panels-comments .panel-body .comment-content .comment-list{position:relative;padding:30px 0}
.panels-comments .panel-body .comment-content .comment-list .comment-item{margin-bottom:20px;padding:20px;border:1px solid #f3efef;background:#fff;font-size:14px;border-radius:3px}
.panels-comments .panel-body .comment-content .comment-list .comment-item .time{display:block;color:#AEAEAE;font-size:14px;font-weight:100}
.panels-comments .panel-body .comment-content .comment-list .comment-item .comment-details{padding-top:10px}
.panels-comments .panel-body .comment-content .comment-list .comment-item .comment-details p{color:#2B333D;font-weight:100;font-size:14px;line-height:24px}
.panels-comments .panel-body .comment-content .comment-list .comment-item a{color:#2B333D}
.panels-comments .panel-body .comment-content .text-center{text-align:center}
.panels-comments .panel-body .comment-content .loadmore,.panels-comments .panel-body .comment-content .no_more_data_flag{color:#2B333D;font-weight:100;font-size:14px;border:1px solid #2B333D;border-radius:3px;line-height:24px;margin:auto;padding:4px 10px;cursor:pointer}

.maps-img{text-align:right;float:left}

.activityAddress .downdoc{width:25%;float:left;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}

.clearfix{zoom:1}

.group-info2{position:relative;box-sizing:border-box;color:#fff;margin-top:22px;margin-bottom:40px;float:left;width: 750px;}

.panels-index .panels-content .group-info2 p{font-size:16px;font-weight:300;margin-top:12px}