body { 
    background: #f7d1db;
}  
.dbg_ban{
    position: relative;
    overflow: hidden;
    min-width: 1600px;
}
.dbg_ban img{
    width: 100%;
}
.dbg_cont{
    margin: 30px auto;
    max-width: 960px; 
    width: 100%; 
    position: absolute; 
    top: 0;
    left: 1%;
    right: 1%;
    height: 100%; 
}
.cloud{
    position: absolute;
    top: -10px;
    background: url(../images/cloud.png) no-repeat center;
    background-size: contain;
    width:36%;
    height:210px ;
}
/*
.mgirl{
    position: absolute;
    top:32%;
    left: 18px;
    background: url(../images/mgirl.png) no-repeat center;
    background-size: contain;
    width: 87%;
    height:62px ;
}
*/
.font-linght{
    position: absolute;
    top:-50px;
    left: 20px;
    background: url(../images/linght.png) no-repeat center;
    background-size: contain;
    width: 97%;
    height:300px ;
}
.fonts{
    position: absolute;
    top:30%; 
    width:96%;
    height:190px ;
}
.font-name{
    position: absolute;
    top: 0; 
    background: url(../images/font-name.png) no-repeat center;
    background-size: contain;
    width: 43%;
    height:154px ;
}
.font-come{
    position: absolute;
    top: -18%; 
    left: 43%;
    background: url(../images/font-come.png) no-repeat center;
    background-size: contain;
    width: 57%;
    height:165px ;
}
.dbg-book{
    position: absolute;
    top: 80%; 
    left:16%;
    background: url(../images/book.png) no-repeat center;
    background-size: contain;
    width: 65%;
    height:420px ;
}
.dbg-pen{
    position: absolute;
    top: 60%; 
    left: 53%;
    background: url(../images/pen.png) no-repeat center;
    background-size: contain;
    width: 40%;
    height:380px ;
} 
.dbg_bookinfo,.dbg_author,.dbg_ot{
    width: 100%; 
    padding: 3% 0;
    background: #fff4f6;
    margin: 0 auto;
    min-width: 1600px;
} 
.dbg_bookinfo .book_conts,.dbg_author .au_cont,.dbg_ot .ot_cont{ 
    max-width: 960px;
    margin: 0 auto; 
     text-align: justify;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    font-size: 0;
}  
.dbg_left{
    width: 69%;
}
.dbg_right{
    width: 30%;
    font-size: 50px;
}
.dbg_left h1,.dbg_ot h1{
    font-size: 30px;
    color: #e39db4;
    padding-bottom: 25px;
    border-bottom: 3px solid #e39db4;
}
.dbg_left h1 b,.dbg_ot h1 b{
    display: inline-block;
    background: url(../images/heart.png) no-repeat center;
    background-size: contain;
    width:18px ;
    height:17px ;
}
.dbg_left h2{
    font-size: 24px;
    color: #5a4b44; 
    margin: 30px 0;
}
.dbg_left h3{
    font-size: 14px;
    color: #5a4b44; 
    margin: 30px 0; 
    line-height: 26px;
}
.dbg_left h4{ 
    margin: 40px 0;  
} 
.dbg_left h4 a{ 
    display: inline-block;
    background: url(../images/bookbtn.png) no-repeat center;
    background-size: contain;
    width:185px ;
    height:74px ;
}
.dbg_right img{
    position: relative;
    top: 30px;
    left: -35%;
} 
.dbg_author{
    background: #ffdbe7 url(../images/dbg_author.png) no-repeat center;
    background-size: 100% 99%;
}
.au_right {
    padding: 0 6%;
}
.dbg_author .au_right{
    font-size: 14px;
    color: #5a4b44;
} 
.au_right h1{
    width: 100%;
    height:38px ;
    background: url(../images/doubaogu.png) no-repeat left;
    background-size: contain;
    margin: 20px auto  ;
}
.au_right h2{
    width: 100%;
    height:45px ;
    line-height: 42px;
    background: url(../images/auh2.png) no-repeat left;
    background-size: contain;
    color: #fff;
    font-size: 20px;
}
.au_right h3{
    font-size: 22px;
    color: #5a4b44;
    margin: 30px 0 20px;
}
.au_right h4 b{
    display: inline-block;
    background: url(../images/dbgsm.png) no-repeat left;
    background-size: contain;
    width: 32px;
    height: 32px; 
    position: relative;
    top: 10px;
}
.au_right  .dbg9kus{ 
    background: url(../images/dbg9kus.png) no-repeat left;
    background-size: contain; 
}
.au_right h4{
    font-size: 14px;
    color: #5a4b44;
    line-height: 26px;
}
.dbg_ot .ot_cont{
     display: block;
}
.dbg_ot h1,.dbg_ot a{
    width: 100%;
    text-align: center;
    display: block;
}
.dbg_ot a{ 
    margin: 35px 0;
}
/*动画*/
.fadeInUpBig{
    -ms-animation-delay: 300ms;
    -moz-animation-delay: 300ms;
    -webkit-animation-delay: 300ms; 
    animation-delay: 300ms;
}
.zoomIn{
    -ms-animation-delay: 1000ms;
    -moz-animation-delay: 1000ms;
    -webkit-animation-delay: 1000ms; 
    animation-delay:1000ms;
}
.zoomInDown{
    -ms-animation-delay: 1400ms;
    -moz-animation-delay: 1400ms;
    -webkit-animation-delay: 1400ms; 
    animation-delay:1400ms;
}
.bounceInDown{
    -ms-animation-delay: 2000ms;
    -moz-animation-delay: 2000ms;
    -webkit-animation-delay: 2000ms; 
    animation-delay:2000ms;
}
.fonts .font-linght{ 
    -ms-animation-delay: 2800ms;
    -moz-animation-delay: 2800ms;
    -webkit-animation-delay: 2800ms; 
    animation-delay:2800ms;
}
.flash{
    -moz-animation: twinkling 400ms infinite alternate; 
    -ms-animation: twinkling 400ms infinite alternate;
    -o-animation: twinkling 400ms infinite alternate; 
    -webkit-animation: twinkling 400ms infinite alternate; 
    animation: twinkling  400ms infinite alternate;    
    opacity: 0;
}
/*文字闪烁*/
 @-ms-keyframes twinkling{     
    0%{
       opacity:0;  
     }
    100%{
       opacity:1;  
    }
  }
/*文字闪烁*/
 @-moz-keyframes twinkling{     
    0%{
       opacity:0;  
     }
    100%{
       opacity:1;  
    }
  }
/*文字闪烁*/
 @-webkit-keyframes twinkling{     
    0%{
       opacity:0;  
     }
    100%{
       opacity:1;  
    }
  }/*文字闪烁*/
 @keyframes twinkling{     
    0%{
       opacity:0;  
     }
    100%{
       opacity:1;  
    }
  }