@media screen and (min-width:768px){

    [class^='mobile-']{display:none;}
    /* 通用自动填充样式 */
input:-webkit-autofill, input-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px #f3f6f8 inset !important; -webkit-text-fill-color: #333 !important; background-color:#f3f6f8!important; }


/*流程项*/
.item-flow{position:relative;width:100%;padding-top:21.88%;height:0px;}
.item-flow ._step{position:absolute;width:255px;left:0px;top:0px;}
.item-flow ._step--1{margin-left:-52.00%;margin-top:7.07%;left:50%;}
.item-flow ._step--2{margin-left:-26.71%;left:50%;top:50%;}
.item-flow ._step--3{text-align:center;position:relative;left:50%;margin-left:-10.11%;top:auto;margin-top:-23.5%;}
.item-flow ._step--4{top:50%;left:auto;right:50%;margin-right:-24.50%;margin-top:-2.00%;}
.item-flow ._step--5{bottom:50%;right:50%;margin-right:-50.10%;left:auto;margin-bottom:-1.00%;top:auto;}
.item-flow ._step ._content ._title{font-size:18px;font-weight:normal;color:#333;margin-bottom:3px;line-height:33px;text-align:left;letter-spacing:1px;white-space:nowrap;}
.item-flow ._step ._content ._desc{font-size:14px;color:#666;line-height:23px;text-align:left;}
.item-flow ._step ._num{width:26px;height:25px;background:#4a90e2;color:#fff;border-radius:50%;text-align:center;line-height:1.79;font-size:14px;font-weight:bold;position:absolute;left:0px;top:0px;}
.item-flow ._step--1 ._num{margin-left:79px;margin-top:102px;}
.item-flow ._step--2 ._num{margin-left:-51px;margin-top:1px;}
.item-flow ._step--3 ._num{margin-left:109.95px;margin-top:81px;}
.item-flow ._step--4 ._num{margin-left:249.85px;margin-top:-4px;}
.item-flow ._step--5 ._num{margin-left:60px;margin-top:96px;}





}
.center{margin:0 auto;width:1280px;}
body{font-size:14px;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:14px;}
.columnBox{}
.columnBox.columnBox--platform{background-color:#2c2f34;padding-top:147px;padding-bottom:147px;}
.columnBox.columnBox--step{padding-top:76px;padding-bottom:181px;overflow:hidden;position:relative;}
.columnBox.columnBox--step::before{background:url(../images/line.png) no-repeat center center;position:absolute;bottom:0px;width:100%;left:50%;transform:translate(-50%,-50%);padding-top:12.5%;background-size:100% auto;margin-bottom:5.00%;content:"";top:55.00%;box-sizing:border-box;min-width:1920px;}
.columnBox.columnBox--step>.center{}
.columnBox.columnBox--step>.center::before{}
.columnBox.columnBox--heihlights{padding-top:90px;}
.columnBox.columnBox--feature{padding-bottom:50px;padding-top:50px;}
/*- - - - - - - - -样式属专题页-未成年人社会实践平台7.html - - - - - - - -*/
/*内容区域*/
#container{}
.header{position:absolute;z-index:1000;top:0px;left:0px;right:0px;}
.header .center{padding-top:28px;padding-bottom:28px;display:flex;align-items:center;}
.header .logo{margin-left:39px;margin-right:33px;}
.header .logo img{height:100%;}
.header .brandlogo::before{width:1px;height:34px;background:url(../images/line-y.png) no-repeat left top;content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);}
.logo{width:152px;height:30px;display:inline-block;}
.logo img{}

.brandlogo{width:93px;height:24px;display:inline-flex;position:relative;align-items:center;}
.brandlogo img{height:100%;}
.banner{height:675px;background:url(../images/banner-bg.png) no-repeat center top;padding-bottom:90px;position:relative;width:100%;margin-bottom:50px;overflow: hidden;}
.banner::after{width:1920px;height:187px;background:url(../images/banner-line1.png) no-repeat right top;position:absolute;left:0px;bottom:19px;content:"";background-size:cover;}
.banner::before{width:1698px;height:151px;background:url(../images/banner-line2.png) no-repeat left top;position:absolute;right:0px;bottom:44px;content:"";background-size:cover;}
.banner>.center{display:flex;justify-content:space-between;align-items:flex-end;}
.banner ._title{padding-bottom:91px;color:#3096fb;margin-left:37px;}
.banner ._title img{margin-top:25px;display:block;margin-left:-32px;margin-bottom:10px;width:600px;height:289px;}
.banner ._title ._intr{line-height:2;margin-bottom:16px;font-size:17px;letter-spacing:2px;}
.banner ._title h2{line-height:1.36;margin-bottom:4px;font-size:59px;letter-spacing:1px;}
.banner ._title h3{line-height:1.31;font-size:32px;letter-spacing:24px;font-weight:normal;}
.banner ._appShow{position:relative;z-index:600;width:367px;height:762px;margin-right:44px;overflow:hidden;border:6px solid #000000;border-radius:40px;box-sizing:border-box;margin-top:4px;}
.banner ._appShow .swiper{width:100%;}
.banner ._appShow img{width:100%;height:100%;display:block;}
.banner ._appShow::after{width:100%;height:45px;background:url(../images/0.jpg) no-repeat left top;content:"";position:absolute;top:0px;left:0px;z-index:600;background-size:100% auto;}
.banner ._appShow::before{width:21px;height:21px;background:url(../images/phone1-1.png) no-repeat left top;position:absolute;top:10px;z-index:601;left:50%;transform:translateX(-50%);content:"";background-size:contain;}
.banner img{}
/**/
.list-nav{display:flex;justify-content:center;margin-bottom:7px;z-index:2000;}
.list-nav ._nav-list{display:flex;align-items:center;padding:13px 26px 11px 36px;width:auto;margin:0 auto;border-radius:73px;box-shadow:0px 0px 30px 0px rgba(0,0,0,0.06);background:#fff;justify-content:center;}
.list-nav ._nav-list li{margin-right:15px;}
.list-nav ._nav-list li:last-child{margin-right:0;}
.list-nav ._nav-list li._top-btn{margin-left:30px;}
.list-nav ._nav-list li a{display:block;font-size:18px;color:#999;text-decoration:none;line-height:2.33;width:108px;text-align:center;font-weight:bold;}
.list-nav ._nav-list li a:hover{color:#4a90d9;}
.list-nav ._nav-list li._active a{color:#4a90d9;}
.list-nav ._nav-list li._top-btn:hover{filter:brightness(120%);}
.list-nav ._nav-list li._top-btn span{display:flex;align-items:center;justify-content:center;background:url(../images/btn-top.png) no-repeat left top;color:#fff;border-radius:21px;padding:0 20px;height:42px;line-height:42px;width:108px;box-sizing:border-box;background-size:contain;}
.list-nav ._nav-list li._top-btn .icon--top{width:18px;height:18px;margin-right:4px;}
.list-nav.nav_change{backdrop-filter:blur(4px);background: rgba(255, 255, 255, 0.85);padding-top:20px;padding-bottom:20px;}

/*特色项*/
.item-feature{display:flex;flex-wrap:wrap;}
.item-feature ._item{margin-bottom:36px;box-sizing:border-box;width:25%;padding-left:33px;padding-right:33px;}
.item-feature ._item:nth-child(4n){}
.item-feature ._iconPic{width:150px;height:150px;margin:0 auto 11px;display:block;}
.item-feature ._title{font-size:20px;font-weight:normal;text-align:center;margin-bottom:15px;line-height:2.5;}
.item-feature ._desc{font-size:14px;color:#666;text-align:justify;line-height:1.71;text-justify:inter-ideograph;}
.item-feature ._desc p{margin:0;}
/**/
.item-pages-intr{display:flex;padding:84px 0 92px 0;max-width:1414px;margin:0 auto;padding-top:70px;padding-bottom:101px;}
.item-pages-intr ._phone{position:relative;width:28.36%;border-radius:40px;border:6px solid #000000;background-color:#fff;margin-left:2.81%;box-sizing:border-box;overflow:hidden;padding-top:57.15%;flex:none;margin-right:16.80%;}
.item-pages-intr ._phone ._scrollPhoto{position:absolute;top:0px;left:0px;width:100%;height:100%;overflow-y:auto;}
.item-pages-intr ._phone ._scrollPhoto img{width:100%;max-width:100%;}
.item-pages-intr ._phone ._scrollPhoto ._point{position:absolute;top:0px;left:0px;right:0px;right:auto;width:0;transition:width 0.5s ease;}
.item-pages-intr ._phone ._scrollPhoto ._point._active{background-color:rgba(48,147,238,0.8);height:2px;width:100%;}
.item-pages-intr ._phone .swiper-container{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.item-pages-intr ._phone::after{width:100%;height:45px;background:url(../images/0.jpg) no-repeat left top;content:"";position:absolute;top:0px;left:0px;z-index:600;background-size:100% auto;}
.item-pages-intr ._phone::before{width:21px;height:21px;background:url(../images/phone1-1.png) no-repeat left top;position:absolute;top:10px;z-index:601;left:50%;transform:translateX(-50%);content:"";background-size:contain;}
.item-pages-intr ._phone .photo{}
.item-pages-intr ._content{padding-top:85px;overflow:hidden;position:relative;}
.item-pages-intr ._title{font-size:47px;font-weight:700;color:#000;line-height:1.51;margin-bottom:13px;}
.item-pages-intr ._tabs{display:flex;list-style:none;margin-bottom:44px;flex-wrap:wrap;}
.item-pages-intr ._tabs li{display:flex;align-items:center;cursor:pointer;color:#333;font-size:18px;line-height:1.33;border-bottom:1px solid #f2f2f2;flex:auto;}
.item-pages-intr ._tabs li span{display:block;line-height:inherit;padding-top:17px;padding-bottom:17px;margin-bottom:-2px;border-bottom:2px solid transparent;}
.item-pages-intr ._tabs li ._iconPic{width:20px;height:20px;margin-right:8px;display:inline-block;filter:grayscale(100%) brightness(0%);}
.item-pages-intr ._tabs li:nth-last-of-type(1){margin-right:0px;}
.item-pages-intr ._tabs li._active{color:#1890ff;}
.item-pages-intr ._tabs li._active ._iconPic{filter:none;}
.item-pages-intr ._tabs li._active span{border-bottom:2px solid #1890ff;}
.item-pages-intr ._tabs._tabs--row3{}
.item-pages-intr ._tabs._tabs--row3 li{width:33.3%;}
.item-pages-intr ._tabs._tabs--auto{}
.item-pages-intr ._tabs._tabs--auto li{flex:none;padding-right:57px;}
.item-pages-intr ._desc{min-height:160px;text-justify:inter-ideograph;text-align:justify;}
.item-pages-intr ._desc p{font-size:16px;line-height:2.25;color:#666;margin-bottom:0;}
.item-pages-intr ._desc p strong{font-weight:600;color:#333;}
.item-pages-intr ._btns{display:flex;margin-top:41px;}
.item-pages-intr ._btns ._btn{display:inline-flex;align-items:center;justify-content:center;width:172px;height:60px;border-radius:30px;font-size:18px;line-height:1.33;text-decoration:none;cursor:pointer;}
.item-pages-intr ._btns ._btn--primary{background:#1890ff;color:#fff;border:none;margin-right:22px;box-sizing:border-box;}
.item-pages-intr ._btns ._btn--primary:hover{filter:brightness(120%);}
.item-pages-intr ._btns ._btn--outline{background:#fff;color:#333;border:1px solid #999;box-sizing:border-box;}
.item-pages-intr ._btns ._btn--outline:hover{color:#3971ff;border-color:#3093ee;border-width:2px;}
.item-pages-intr ._list{display:flex;flex-wrap:wrap;margin-top:34px;margin-bottom:66px;}
.item-pages-intr ._list li{border:1px solid #3093ee;padding-left:16px;padding-right:16px;line-height:2.14;border-radius:6px;margin-right:16px;margin-bottom:13px;color:#3093ee;font-size:14px;}
.item-pages-intr:nth-child(even){flex-direction:row-reverse;}
.item-pages-intr:nth-child(even) ._content{margin-left:2.81%;}
.item-pages-intr:nth-child(even) ._phone{margin-right:0;margin-left:16.80%;}
/**/
.item-highlights{display:flex;flex-wrap:wrap;}
.item-highlights ._item{margin-bottom:60px;display:flex;align-items:flex-start;width:calc(33.33% - 2 * 49px / 3);margin-right:49px;padding-left:33px;box-sizing:border-box;}
.item-highlights ._item ._iconPic{flex-shrink:0;height:26px;width:26px;margin-right:12px;}
.item-highlights ._item ._iconPic img{width:100%;height:100%;display:block;object-fit:contain;}
.item-highlights ._item [class^="icon--"]{margin-right:12px;flex-shrink:0;background:#333;}
.item-highlights ._item ._text{flex:1;}
.item-highlights ._item ._title{margin-bottom:14px;font-size:18px;font-weight:normal;line-height:1.33;}
.item-highlights ._item ._title ._iconPic{display:inline-block;}
.item-highlights ._item ._desc{font-size:14px;color:#666;line-height:1.71;}
.item-highlights ._item:nth-child(3n){margin-right:0px;}

/*大标题*/
.title-major{text-align:center;margin-bottom:95px;}
.title-major ._title{color:#000000;font-size:40px;font-weight:bold;line-height:1.68;margin-bottom:10px;}
.title-major ._desc{color:#aaa;font-size:16px;line-height:1.38;}
.title-major.title-major--white{}
.title-major.title-major--white ._title{color:#fff;}
/**/
.list-platform{display:flex;justify-content:center;width:834px;margin:0 auto;flex-wrap:wrap;}
.list-platform ._item{display:flex;flex-direction:column;align-items:center;margin-bottom:14px;width:calc(25% - 3 * 77px / 4);margin-right:77px;}
.list-platform ._item:nth-child(4n){margin-right:0px;}
.list-platform ._iconBox{width:100%;background-color:#4a4e54;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;padding-top:100%;position:relative;overflow:hidden;}
.list-platform ._iconBox ._hot{width:92px;line-height:20px;padding-top:16px;background-color:#56595e;color:#fff;position:absolute;right:0px;top:0px;text-align:center;height:36px;box-sizing:border-box;transform-origin:right top;transform:rotate(45deg) translate(50%,0%);}
.list-platform ._iconBox ._iconPic{width:48px;height:48px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.list-platform ._iconBox ._iconPic img{width:100%;height:100%;display:block;}
.list-platform ._iconBox:hover{filter:brightness(120%);}
.list-platform ._txt{color:#fff;font-size:18px;text-align:center;line-height:1.33;}
#footer{background-color:#091a24;}
#footer [type='checkbox']{display:none;}
#footer .center{width:1450px;padding-top:41px;padding-bottom:41px;}
#footer .pic-rqcode{}
#footer .pic-certificate{width:125px;}
#footer .text-tips{width:476px;border-right:1px solid #20313b;}
#footer>.center{display:flex;justify-content:space-between;}
#footer .text-contact{width:238px;border-right:1px solid #20313b;padding-right:39px;}
#footer .text-quicklink{border-right:1px solid #20313b;}









/*联系方式*/
.text-contact{padding-top:8px;}
.text-contact ._item{display:flex;line-height:24px;margin-bottom:16px;color:#c8c8c8;}
.text-contact ._item ._bomlogo{vertical-align:middle;width:116px;height:22px;}
.text-contact ._item ._name{}
.text-contact  ._iconPic{width:24px;height:24px;display:inline-block;flex:none;margin-right:13px;}
.text-contact  ._iconPic img{height:100%;}
.text-contact ._item ._phone{font-weight:bold;}
.text-contact ._item._item--tel{flex-direction:column;}
.text-contact ._item._item--tel ._name{color:#fff;font-size:18px;margin-bottom:19px;}
.text-contact ._item._item--tel ._phone{line-height:1.1;font-size:40px;font-weight:bold;color:#3971ff;font-family:Impact;letter-spacing:0px;}

/*提示文字*/
.text-tips{padding-left:34px;padding-right:34px;}
.text-tips ._title{font-size:18px;font-weight:normal;color:#fff;margin-bottom:16px;line-height:2.11;}
.text-tips ._desc{font-size:14px;color:rgba(255,255,255,0.7);line-height:2.43;text-justify:inter-ideograph;text-align:justify;}

/*快捷链接*/
.text-quicklink{padding-left:38px;padding-right:38px;}
.text-quicklink ._title{color:#fff;font-size:18px;font-weight:normal;line-height:2.11;margin-bottom:16px;}
.text-quicklink ._list{}
.text-quicklink ._list li{line-height:2.43;font-size:14px;}
.text-quicklink ._list li a{text-decoration:none;display:block;color:rgba(255,255,255,0.7);}
.text-quicklink ._list li a:hover{color:#fff;}

/*版权*/
.text-copyright{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1450px;border-top:1px solid #20313b;padding-top:15px;padding-bottom:15px;}
.text-copyright ._copyright-left{display:flex;align-items:center;gap:20px;}
.text-copyright ._row-copy{display:flex;align-items:center;gap:15px;font-size:12px;color:#60636a;}
.text-copyright ._row-copy ._record{margin-right:8px;}
.text-copyright ._row-copy ._record a{color:inherit;}
.text-copyright ._row-copy .icon--police{width:13px;height:15px;vertical-align:middle;margin-right:4px;background:url(../images/icon-e02.png) no-repeat left top;}
.text-copyright ._row-copy .icon--police2{width:15px;height:15px;background:url(../images/icon-e01.png) no-repeat left top;margin-right:4px;vertical-align:middle;}
.text-copyright ._row-links{display:flex;align-items:center;gap:15px;font-size:12px;}
.text-copyright ._cert-right{display:flex;align-items:center;gap:10px;}
.text-copyright ._cert-right ._iconPic{height:39px;width:auto;display:inline-block;}
.text-copyright ._cert-right ._iconPic img{height:100%;width:auto;display:block;opacity:0.6;}
.text-copyright ._cert-right ._iconPic:hover{}
.text-copyright ._cert-right ._iconPic:hover img{opacity:1;}
.text-copyright ._cert-right .icon--shield{width:32px;height:32px;color:#6b7b8d;}

/*图片-证书*/
.pic-certificate{padding-left:30px;padding-right:30px;border-right:1px solid #20313b;}
.pic-certificate ._title{color:#fff;font-size:18px;margin-bottom:16px;line-height:2.11;text-align:center;}
.pic-certificate ._certificate{position:relative;display:block;width:110px;height:149px;background:#666;margin:0 auto;}
.pic-certificate ._certificate .photo{position:absolute;left:0;top:0;width:100%;height:100%;display:block;}
.pic-certificate ._certificate .photo::before{position:absolute;left:0;top:0;bottom:0px;right:0px;background:rgba(57,113,255,0.5);content:"";visibility:hidden;transition:all 0.2s ease;}
.pic-certificate ._certificate .icon--search{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:29px;height:32px;background:url(../images/icon-fdj.png) no-repeat left top;background-size:contain;visibility:hidden;transition:all 0.2s ease;}
.pic-certificate ._certificate:hover{}
.pic-certificate ._certificate:hover .photo{}
.pic-certificate ._certificate:hover .photo::before{visibility:visible;}
.pic-certificate ._certificate:hover .icon--search{visibility:visible;}

/*图片-二维码*/
.pic-rqcode{text-align:center;padding-left:38px;padding-right:0px;}
.pic-rqcode ._tabs{display:flex;justify-content:center;margin-bottom:28px;}
.pic-rqcode ._tab{font-size:16px;color:#fff;cursor:pointer;line-height:2.06;flex:auto;}
.pic-rqcode ._tab--active{background:#3b6ff0;position:relative;}
.pic-rqcode ._tab--active::after{content:"";position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #3b6ff0;}
.pic-rqcode ._tab:not(._tab--active){background-color:#1b3a7d;}
.pic-rqcode ._qrBox{position:relative;display:inline-block;}
.pic-rqcode ._qrPic{width:150px;height:150px;background:#fff;}
.pic-rqcode ._qrPic img{width:100%;max-width:100%;}
.pic-rqcode ._qrLogo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;}
.pic-rqcode ._qrLogo ._iconPic{width:32px;height:32px;}