.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.w{
    width: 1200px;
    margin: 0 auto;
}
.banner{
    height: 578px;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/banner.png")no-repeat center;
    overflow: hidden;
}
.banner-main-text h4{
    font-size:46px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);

}
.banner-main-text{
    float: left;
    margin-top: 130px;
}
.banner-main-text h4{
    margin-top: 19px;
    font-size:46px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);
}
.banner-main-text h3{
    margin-top: 19px;
    font-size:60px;
    font-family:PingFangSC-Semibold;
    font-weight:600;
    color:rgba(255,255,255,1);
}
.banner-main-text p{
    margin-top: 37px;
    font-size:24px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:56px;
}
.icon-icon-user{
    position: absolute;
    top: 27%;
    left: 14.2%;
    color: #999999FF;
    font-size: 27px!important;
}
.icon-mima{
    position: absolute;
    top: 43%;
    left: 14.2%;
    color: #999999FF;
    font-size: 27px!important;
}
.icon-33{
    position: absolute;
    top: 59%;
    left: 14.2%;
    color: #999999FF;
    font-size: 27px!important;
}
.banner .login {
    width: 360px;
    height: 400px;
    background: rgba(255,255,255,0.5);
    border-radius: 6px;
    padding: 0 19px;
    position: absolute;
    right: 0;
    top: 93px;
    left: 69%;
}

.banner .login .head h3 {
    text-align: center;
    margin-top: 47px;
    font-size:20px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(0,0,0,1);

}
.banner .login .body {
    width:246px;
    height:232px;
    padding:19px 25px;
}
.banner .login .body p {
    height:44px;
    padding:7px 0px;
}
.banner .login .body .text {
    height:24px;
    line-height:24px;
    border:0;
    padding:10px 40px;
    outline:none;
}
.banner .login .body .text1 {
    background:rgba(255,255,255,1);
    border-radius:6px;
}
.code-login{
    background:rgba(255,255,255,1);
    border-radius:6px;
}
.banner .login .body .text2 {
    background:rgba(255,255,255,1);
    border-radius:6px;
}
.banner .login .body .text3 {
    width:85px;
    background:url(https://www.ruanwen.la/new_images/background/bg_05.png) no-repeat;
    text-transform:uppercase;
}
.banner .login .body .button {
    width:116px;
    height:43px;
    font-size:14px;
    font-weight:bold;
    border:0;
}
.banner .login .body .btn1 {
    width:130px;
    height:43px;
    background:rgba(81,133,255,1);
    border-radius:6px;
    float:left;
    color:#FFF;
    line-height: 43px;
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.banner .login .body .btn2 {
    width:130px;
    height:43px;
    background:rgba(255,255,255,1);
    border-radius:6px;
    float:right;
    color:#000000FF;
    line-height: 43px;
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.banner .login .foot {
    height:69px;
    line-height:69px;
    text-align:center;
    font-size:16px;
    color:#6d798c;
}
.banner .login .foot em {
    color:#d73800;
    padding:0px 5px 0px 0px;
}
.login-bottom-text{
    text-align: center;
    margin-top: 19px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
    white-space:nowrap;
}
.login-bottom-text span{
    color: #5185FFFF;
}
.ruanwen-text h4{
    text-align: center;
    margin-bottom: 20px;
    font-size:40px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(0,0,0,1);
}
.ruanwen-text p{
    text-align: center;
    font-size:19px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.ruanwen-text{
    margin-top: 100px;
}
/*推广优势*/
.ruanwen-tg{
    height: 1000px;
}
.ruanwen-tg-con{
    margin-top: 60px;
    margin-left: 161px;
}
.ruanwen-tg-item{
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/dhdr.png") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    float: left;
    width: 446px;
    height: 386px;
}
.ruanwen-tg-item:nth-child(2){
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/yznr.png") no-repeat center;
}
.ruanwen-tg-item:nth-child(3){
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/zzcP1.png") no-repeat center;
}
.ruanwen-tg-item:nth-child(4){
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/bgl.png") no-repeat center;
}
.ruanwen-tg-item h4{
    margin-top: 90px;
    margin-left: 84px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ruanwen-tg-item p{
    margin-top: 39px;
    margin-left: 93px;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 46px;
}
/*前景广阔*/
.ruanwen-qjtg{
    background: url(./images/mybackground.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    height: 855px;
}
.ruanwen-qjtg-con{
    margin-top: 60px;
    width:1200px;
    height:520px;
    background:rgba(255,255,255,1);
    overflow: hidden;
    border-radius:10px;

}
.ruanwen-qjtg-item-1{
    margin-top: 40px;
    margin-left: 123px;
    float: left;
    margin-right: 50px;
}
.ruanwen-qjtg-item-2{
    margin-top: 40px;
    margin-left: 123px;
    float: left;
    margin-right:206px;
}
.ruanwen-qjtg-item-3{
    margin-top: 40px;
    float: left;
}
.qjtg-t{
    font-size:18px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
    line-height: 30px;
}
.icon-img-1{
    float: left;
    margin-right: 11px;
}

.dex-2{
    background: url(../images/mynv.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 197px;
    margin-top: 60px;
    margin-left: -40px;
    height: 197px;
    position: relative;
}
.dex-3{
    background: url(../images/mynnfb.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 260px;
    margin-top: 60px;
    margin-left: -59px;
    height: 151px;
    position: relative;
}
.dex-text{
    height:9px;
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.dex-4{
    position: absolute;
    top: -6%;
    left: 105%
}
.dex-5{
    position: absolute;
    top: 20%;
    left: 105%
}
.dex-6{
    position: absolute;
    top: 44%;
    left: 105%
}
.dex-7{
    position: absolute;
    top: 69%;
    left: 105%
}
.dex-8{
    position: absolute;
    top: 92%;
    left: 105%
}
.dex-9{
    position: absolute;
    top: 105%;
    left: 1%;
}
.dex-10{
    position: absolute;
    top: 105%;
    left:24%;
}
.dex-11{
    position: absolute;
    top: 105%;
    left:46%;
}
.dex-12{
    position: absolute;
    top: 105%;
    left:68%;
}
.dex-13{
    position: absolute;
    top: 105%;
    left:89%;
    white-space :nowrap;
}
.qjtg-m{
    position: absolute;
    top: 62.8%;
    left: 23%;
}
.qjtg-bottom-p{
    margin-top: 54px;
    margin-left:-75px;
    width:286px;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(136,136,136,1);
    line-height:28px;
    text-indent:30px;
}
.qjtg-3-top{
    margin-top: 24px;
    margin-left: -100px;
}
.qjtg-3-top-li{
    float: left;
    width:100px;
    height:26px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(239,239,239,1);
    text-align: center;
    line-height: 26px;
    font-size:12px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
    margin-right: -1px;
}
.qjtg-3-checked{
    color: #FFFFFFFF;
    background:rgba(81,133,255,1);
}
.dexp-3{
    background: url(https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/dqfb.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 232px;
    margin-top: 63px;
    margin-left: -38px;
    height: 210px;
    position: relative;
}
.dexp-4{
    position: absolute;
    top: -3%;
    left: -22%;
}
.dexp-5{
    position: absolute;
    top: 8%;
    left: -22%;
}
.dexp-6{
    position: absolute;
    top: 19%;
    left: -22%;
}
.dexp-7{
    position: absolute;
    top: 30%;
    left: -22%;
}
.dexp-8{
    position: absolute;
    top: 41%;
    left: -22%;
}
.dexp-9{
    position: absolute;
    top: 52%;
    left: -22%;
}
.dexp-10{
    position: absolute;
    top: 63%;
    left: -22%;
}
.dexp-11{
    position: absolute;
    top: 74%;
    left: -22%;
}

.dexp-12{
    position: absolute;
    top: 85%;
    left: -22%;
}

.dexp-13{
    position: absolute;
    top: 96%;
    left: -22%;
}
/*创意策划*/
.ruanwen-idea{
    height: 1534px;

}
.ruanwen-idea-con{
    margin-top: 60px;
    margin-left: 179px;
}
.ruanwen-idea-item{
    text-align: center;
    line-height: 40px;
    width:110px;
    height:40px;
    background:rgba(81,133,255,1);
    border-radius:6px;
    float: left;
    margin-right: 40px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ruanwen-idea-bottom-item h4{
    margin-bottom: 5px;
    text-align: center;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.ruanwen-idea-bottom-item p{
    margin-bottom: 15px;
    text-align: center;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(102,102,102,1);
}
.ruanwen-idea-bottom-item{
    width: 189px;
    float: left;
    margin-right:30px;
}
.ruanwen-idea-bottom{
    margin-left: 64px;
    margin-top: 140px;
}
.img-m-1{
    display: block;
    margin: 597px auto 18px;
}
.ruanwen-idea-pic{
    margin-left: 38px;
}
.ruanwen-idea-pic-item{
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/zpjz.png") no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 350px;
    height: 255px;
    overflow: hidden;
    float: left;
    margin-right: 30px;
}
.ruanwen-idea-pic-item h4{
    text-align: center;
    margin-top: 118px;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
}
.ruanwen-idea-pic-item:nth-child(2){
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/cohg.png") no-repeat center;
}
.ruanwen-idea-pic-item:nth-child(3){
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/zcss.png") no-repeat center;
}
/*小红书营销形式*/
.ruanwen-yx{
    background: url(./images/mybackground2.png) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 790px;
    overflow: hidden;
}
.ruanwen-yx-con{
    margin-top: 60px;
    margin-left: 10px;
}
.ruanwen-yx-item{
    width: 196px;
    float: left;
    margin-right: 50px;
}
.ruanwen-yx-item h4{
    text-align: center;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(81,133,255,1);
    margin-bottom: 20px;
}
.ruanwen-yx-item:nth-last-child(1){
    margin-right: 0px;
}
/*小红书内容笔记示例*/
.ruanwen-note{
    height:792px;
}
.ruanwen-note-con{
    margin-top: 40px;
}
.ruanwen-note-con-left{
    float: left;
}
.ruanwen-note-con-left-pic{
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/tw.png")no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 188px;
    height: 189px;
    overflow: hidden;
    line-height: 189px;
    text-align: center;
    font-size:20px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(255,255,255,1);
    margin-left: 43px;
}
.ruanwen-note-con-left p{
    margin-top: 28px;
    width:280px;
    text-align: center;
    font-size:14px;
    font-family:PingFangSC-Regular;
    font-weight:400;
    color:rgba(51,51,51,1);
}
.ruanwen-note-con-right{
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 746px;
    height: 473px;
    float: left;
    position: relative;
    background: url("https://xinmeibao.oss-cn-hangzhou.aliyuncs.com/ruanwenjie/redbook/bjsl.png")no-repeat center;
    margin-top: -27px;
    margin-left: 82px;
}
.ruanwen-note-con-right p{
    font-size:14px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(0，0，0,1);
    position: absolute;
}
.text-1{
    top: 9.5%;
    left: 1.5%;
}
.text-2{
    top: 24.3%;
    left: 3.5%;
}
.text-3{
    top: 48.6%;
    left: 1.5%;
}
.text-4{
    top: 59.7%;
    left: 3.5%;
}
.text-5{
    top: 68.7%;
    left: 3.5%;
}
.text-6{
    top: 78.6%;
    left: 1.5%;
}
.text-7{
    top: 9.6%;
    left: 89.4%;
}
.text-8{
    top: 34.6%;
    left: 89.4%;
}
.text-9{
    top: 74.8%;
    left: 89.4%;
}