.header{background-color:#fff}.header .header-left .logo a{background-image:url(../imgs/logo.png)}.header .header-right li a{color:#686868}.header .header-right .icon{color:#333}.header .header-right .icon:first-child{color:#FA6E28}.header .header-right .icon:hover{color:#F4017B}.main .top{position:relative;padding-top:177px;text-align:left;height:432px;font-family:PingFangSC-Regular;color:#FFF;line-height:48px;background:#000}.main .top .content{margin:0 auto;width:1160px}.main .top .content h2{position:relative;z-index:2;margin-bottom:7px;font-size:36px}.main .top .content h3{position:relative;z-index:2;font-size:26px}.main .top .content .theme{position:absolute;top:0;right:120px;height:432px;width:1037px;background:url(../imgs/webapp.png) center no-repeat;background-size:1400px 642px}.main li{height:400px}.main li .wrap{margin:0 auto;width:1160px;height:400px;overflow:hidden;text-align:center}.main li .pic{position:relative;float:left;width:378px;height:100%;background:url(../imgs/bg1.png) center no-repeat;background-size:cover}.main li .pic::after{content:'';position:absolute;bottom:0;left:50px;width:274px;height:24px;background-image:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 100%)}.main li .bg2{background-image:url(../imgs/bg3.png)}.main li .bg3{background-image:url(../imgs/bg2.png)}.main li .detaile{float:right;text-align:left;width:500px;height:100%;font-family:PingFangSC-Medium}.main li .detaile .title{margin-top:110px;line-height:45px;font-size:32px;color:#F4017B}.main li .detaile .vice-title{margin-top:6px;margin-bottom:24px;font-size:22px;line-height:30px;color:#000}.main li .detaile .detail{margin-bottom:25px;font-size:16px;color:#545454;line-height:30px}.main li .detaile .tag{font-size:16px;color:#000}.main .special{background:#F9F9F9}.main .special .pic{float:right}.main .special .detaile{float:left}