/*Èí¼þרÌâÒ³Ãæ*/
@import url("/static/css/top.css");
@import url("/static/css/soft2020.css");

#stopsale{
    position: fixed;
    z-index: 999999;
    width: 600px;
    border: 2px solid #000000;
    padding: 30px;
    background-color: #fff;
    overflow: hidden;
    left: 0;
    right: 0;
    top: calc(50% - 250px);
    margin:0 auto;
}
#stopsale a.close{
    font-size: 20px;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: right;
    margin-top: -10px;
    margin-right: -10px;
    color: #333;
    cursor: pointer;
}
#stopsale h5{
    text-align: center;
    line-height: 40px;
    font-size: 17px;
    margin: 0;
    padding:20px;
}
#stopsale span{
    line-height: 30px;
}
#stopsale span p{
    line-height: 20px;
    height: 20px;
    overflow: hidden;
}
#stopsale span a{
    color: #03B253;
    font-family: SourceHanSans-Medium;
}
#stopsale span a:hover{
    text-decoration: underline;
}
#stopsale div{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
    line-height: 35px;
}
#stopsale div a{
    display: inline-block;
    height: 35px;
    width: 100px;
    color: #03B253;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 20px;
    border: 1px solid #03B253;
    cursor: pointer;
    background-color: #e1fded;
}
#stopsale div a.close2{
    border: 1px solid #ddd;
    color: #666;
    background-color: #fafafa;
}
#stopsale div a.upgrade{
    border: 1px solid rgb(211, 173, 6);
    color: #000;
    background-color: #dfd10c;
}
#banner{
    background: url(images/banner-bg.png) center no-repeat;
    background-color:#03B253;
   
}
#banner .content .left{
    background: url(images/banner1.png) no-repeat;
    height: 380px;
    background-position: 0 0;
}

#soft .focus div.i1{
    margin-left: 0px;
    background-image: url(images/sec.png);
    background-repeat: no-repeat;
    background-position: 85px 0;
}
#soft .focus div.i2{
    background-image: url(images/sec.png);
    background-repeat: no-repeat;
    background-position: 85px -200px;
}
#soft .focus div.i3{
    background-image: url(images/sec.png);
    background-repeat: no-repeat;
    background-position: 85px -400px;
}
#soft .focus div.i4{
    margin-right: 0px;
    background-image: url(images/sec.png);
    background-repeat: no-repeat;
    background-position: 85px -600px;
}


#soft .list1{
    height: 500px;
    background: url(images/bg1.png) center no-repeat;
    background-color: #F4F7FC;
}
#soft .list1 .content{
    width: 1190px;
    padding-left:10px;
    padding-top:195px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list1 .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}
#soft .list1 .content  p{
    width: 500px;
}


#soft .list2{
    height: 500px;
    background: url(images/bg2.png) center no-repeat;
    background-color: #fff;
}
#soft .list2 .content{
    width: 450px;
    padding-top:190px;
    padding-left: 750px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list2 .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}

#soft .list3{
    height: 500px;
    background: url(images/fcg.png) center no-repeat;
    background-color: #F4F7FC;
}
#soft .list3 .content{
    width: 1160px;
    padding-top:190px;
    padding-left:10px;
    line-height: 25px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list3 .content .title{
    font-size: 28px;
    line-height: 40px;
}
#soft .list3 .content p{
    margin-top: 20px;
    width: 470px;
    line-height: 35px;
}

#soft .jincheng{
    height: 500px;
    background: url(images/jincheng.png) center no-repeat;
    background-color: #fff;
}
#soft .jincheng .content{
    width: 450px;
    padding-top:189px;
    padding-left: 755px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .jincheng .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}

#soft .zhanghu{
    height: 500px;
    background: url(images/zhanghu.png) center no-repeat;
    background-color: #F4F7FC;
}
#soft .zhanghu .content{
    width: 1160px;
    padding-top:190px;
    padding-left:10px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .zhanghu .content .title{
    font-size: 28px;
    line-height: 40px;
}
#soft .zhanghu .content p{
    margin-top: 20px;
    width: 470px;
}

#soft .yuancheng{
    height: 500px;
    background: url(images/yuancheng.png) center no-repeat;
    background-color: #fff;
}
#soft .yuancheng .content{
    width: 450px;
    padding-top:162px;
    padding-left: 755px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .yuancheng .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}


#soft .wangzhan{
    height: 500px;
    background: url(images/wangzhan.png) center no-repeat;
    background-color: #F4F7FC;
}
#soft .wangzhan .content{
    width: 1160px;
    padding-top:95px;
    padding-left:10px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .wangzhan .content .title{
    font-size: 28px;
    line-height: 40px;
}
#soft .wangzhan .content p{
    margin-top: 20px;
    width: 470px;
}

#soft .list4{
    height: 500px;
    background: url(images/rizhi.png) center no-repeat;
    background-color: #fff;
}
#soft .list4 .content{
    width: 450px;
    padding-top:195px;
    padding-left: 750px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list4 .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}

#soft .list5{
    height: 500px;
    background: url(images/bg5.png) center no-repeat;
    background-color: #F4F7FC;
}
#soft .list5 .content{
    width: 1185px;
    padding-top:190px;
    padding-left:15px;
    line-height: 35px;
    color: #333;
    font-size: 16px;
    margin: auto;
}
#soft .list5 .content .title{
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 30px;
}
#soft .list5 .content p{
    width: 500px;
}

#soft .down-windows .title{
    background-image: url(/static/images/soft2020/special.png);
    background-repeat: no-repeat;
    background-position: 0 -3790px;
}

#soft .down-windows .content{
    background-image: url(images/sec.png);
    background-repeat: no-repeat;
    background-position: 0 -800px;
}
#soft .down-windows .content .left .l6 a{
    background-color: #25B864;
}
#soft .down-windows .content .left .l6 a.history{
    background-color: #FBFFFC;
}

#soft .down-windows .content .right .r3 a:hover{
    color: #25B864;
}
#soft .down-windows .content .right .r4 a:hover{
    background-image: url(/static/images/soft2020/special.png);
    background-repeat: no-repeat;
    background-position: 10px -3889px;
    color: #25B864;
}

#soft .down-linux .content .c4{
    background-image: url(images/sec.png);
    background-repeat: no-repeat;
    background-position: 0 -1500px;
}
#soft .down-linux .content .c4 .right p a:hover{
    color: #25B864;
}
#soft .down-linux .content .c4 .right div a:hover{
    background-image: url(/static/images/soft2020/special.png);
    background-repeat: no-repeat;
    background-position: 10px -3889px;
    color: #25B864;
}