/*头部导航*/
header{
    background:#FFFFFF;
}
header .header .nav li>a{
    color:rgba(133,142,149,1);
}
header .header .nav li>a.active{
    color:rgba(61,70,77,1);
    opacity: 1;
    border-bottom:3px solid #00ABFF;
}
header .header .nav li>a.special{
    font-family:PingFangSC-Regular;
    font-weight:400;
}
header .header .operate .register{
    border:1px solid rgba(61,70,77,1);
    color:rgba(61,70,77,1);
}
header .header .operate .login{
    background:rgba(50,135,255,1);
    color:rgba(255,255,255,1);
}
header:hover .alreadyLogin .enterControl{
    color:#3287FF;
}
header .alreadyLogin .user .username{
    color:rgba(61,70,77,1);
}

/*banner部分*/
.banner{
    height:350px;
    background:linear-gradient(270deg,rgba(102,54,217,1) 0%,rgba(57,139,255,1) 100%);
}
.banner .banner_text{
    width:429px;
    float:left;
    margin-left:53px;
    margin-top:94px;
}
.banner .banner_text h1{
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
    margin-bottom:12px;
}
.banner .banner_text p{
    font-size:16px;
    color:rgba(255,255,255,1);
}
.banner img{
    display: block;
    float: right;
    height:380px;
    width:380px;
    margin-right:50px;
    margin-top:32px;
}
/*为什么选择我们*/
.contentbox{
    background:#fff;
    padding:100px 0 87px;
}
.contentbox h1{
    width:315px;
    margin:0 auto;
    padding-top:15px;
    background: url(/website/img/impelad/choice_bg.png) no-repeat center top;
    text-align: center;
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.contentbox .sign_picture{
    display: block;
    width:20px;
    height:20px;
    margin:10px auto 41px;
}
.tabbox{
    clear:both;
    overflow: hidden;
    width:960px;
    margin:0 auto;
}
.tabbox .box{
    width:190px;
    float:left;
    margin:0 65px;
}
.tabbox .box div{
    height:120px;
    width:130px;
    margin:0 auto;
    text-align: center;
}
.tabbox .box h3{
    font-size:18px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(61,70,77,1);
    margin-bottom:8px;
    text-align: center;
}
.tabbox .box p{
    color:rgba(111,119,126,1);
    text-align: center;
}
/*互动广告形态*/
.pattern{
    background:rgba(245,245,245,1);
    padding:70px 0 80px;
}
.pattern_content{
    width:986px;
    margin:0 auto;
}
.pattern h1{
    width:362px;
    margin:0 auto;
    padding-top:15px;
    background: url(/website/img/impelad/pattern_bg.png) no-repeat center top;
    text-align: center;
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(51,51,51,1);
}
.pattern .sign_picture{
    display: block;
    width:20px;
    height:20px;
    margin:10px auto 94px;
}
.pattern .pattern_box{
    height:601px;
    background:rgba(255,255,255,1);
    border-radius:4px;
}
.pattern .pattern_box .show_content{
    height:604px;
    width:247px;
    float:left;
    margin:-54px 0 0 190px;
    background:url(/website/img/impelad/pattern_shadow.png) no-repeat center 512px;
}
.pattern .pattern_box .show_content img{
    display: block;
    height:510px;
    width:247px;
}
.pattern .pattern_box .show_content p{
    margin-top:72px;
    font-size:16px;
    color:rgba(61,70,77,1);
    text-align: center;
}
.pattern .pattern_box ul{
    width:395px;
    float:right;
    cursor: pointer;
}
.pattern .pattern_box ul li .one{
    height:150px;
    width:395px;
    line-height: 150px;
    padding-left:44px;
}
.pattern .pattern_box ul li:nth-child(1) .one{
    background:url(/website/img/impelad/pattern1.png) no-repeat 44px 32px;
}
.pattern .pattern_box ul li:nth-child(2) .one{
    background:url(/website/img/impelad/pattern2.png) no-repeat 44px 32px;
}
.pattern .pattern_box ul li:nth-child(3) .one{
    background:url(/website/img/impelad/pattern3.png) no-repeat 44px 32px;
}
.pattern .pattern_box ul li:nth-child(4) .one{
    background:url(/website/img/impelad/pattern4.png) no-repeat 44px 32px;
}
.pattern .pattern_box ul li .two{
    height:150px;
    width:395px;
    line-height: 150px;
    background:url(/website/img/impelad/pattern_hover_bg.png) no-repeat center center;
}
.pattern .pattern_box ul li .two img{
    float:left;
    margin:58px 16px 0 38px;
}
.pattern .pattern_box ul li .two span{
    font-size:26px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.pattern .pattern_box ul li.active .one{
    display: none;
}
.pattern .pattern_box ul li.noactive .two{
    display: none;
}
/*广告合作案例*/
.case{
    height:685px;
    background:linear-gradient(90deg,rgba(97,188,255,1) 0%,rgba(50,135,255,1) 100%);
    padding-top:70px;
}
.case_content{
    width:1200px;
    margin:0 auto;
}
.case h1{
    width:365px;
    margin:0 auto;
    padding-top:15px;
    background: url(/website/img/impelad/case_bg.png) no-repeat center top;
    text-align: center;
    font-size:40px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(255,255,255,1);
}
.case .sign_picture{
    display: block;
    width:20px;
    height:20px;
    margin:10px auto 40px;
}
.case .content{
    position: relative;
}
.case .content .box{
    width:900px;
    height:309px;
    position:absolute;
    background: #fff;
    top:45px;
    left:149px;
    border-radius:4px;
}
.case .content .app_show{
    width:1200px;
    height:399px;
    position:absolute;
}
.case .content .app_show li{
    height:399px;
    position: relative;
}
.case .content .app_show li .up{
    position: absolute;
    top:165px;
    left:0;
    cursor: pointer;
}
.case .content .app_show li .down{
    position: absolute;
    top:165px;
    right:0;
    cursor: pointer;
}
.case .content .app_show li .baseinfo{
    width:800px;
    height:399px;
    background:#fff;
    margin:0 auto;
}
.case .content .app_show li .baseinfo .left{
    float:left;
    width:311px;
    margin-top:109px;
}
.case .content .app_show li .baseinfo .left img{
    width:90px;
    height:90px;
    display: block;
    margin:0 auto 19px;
}
.case .content .app_show li .baseinfo .left p{
    font-size:26px;
    color:rgba(51,51,51,1);
    text-align: center;
}
.case .content .app_show li .baseinfo .right{
    float:right;
    width:431px;
    margin-top:75px;
    margin-right:58px;
}
.case .content .app_show li .baseinfo .right .top{
    height:112px;
}
.case .content .app_show li .baseinfo .right .top .top_left{
    float:left;
    width:166px;
}
.case .content .app_show li .baseinfo .right .top .top_right{
    float:left;
}
.case .content .app_show li .baseinfo .right .top h2{
    font-size:30px;
    font-family:PingFangSC-Medium;
    font-weight:500;
    color:rgba(50,135,255,1);
    margin-bottom:10px;
}
.case .content .app_show li .baseinfo .right .top span{
    font-size:16px;
    color:rgba(119,119,119,1);
}
.case .content .app_show li .baseinfo .right .center p{
    color:rgba(51,51,51,1);
    line-height:30px;
}
.case .content .app_show li .baseinfo .right .bottom{
    margin-top:37px;
}
.case .content .app_show li .baseinfo .right .bottom a{
    display: block;
    width:160px;
    height:45px;
    line-height: 45px;
    text-align: center;
    background:rgba(50,135,255,1);
    border-radius:4px;
    font-size:16px;
    color:rgba(255,255,255,1);
}
.case .content .app_show li .baseinfo .right .bottom a:hover{
    background:rgba(30,115,235,1);
}