body{
    background: #303088; 
} 
.jpweb{
    min-width: 1200px;
}
.jpweb .tops{
    position: relative;
    overflow: hidden;
} 
.jpweb img{
    width: 100%;
}
.tops .bigfont{
    position: absolute;
    top:18.5%;
    left: 25.5%;
    right: 25.5%;
    background: url(../images/bigfont.png) no-repeat center;
    background-size: contain;
    width: 49%;
    height: 45%;
    z-index: 100;
}
.tops .round{
    position: absolute;
    top:-10px;
    left:14%;
    right:14%;
    background: url(../images/round.png) no-repeat center;
    background-size: 100% 99%;
    width:72%;
    height: 88%;
}
.tops .smfont{
    position: absolute;
    top:6.5%;
    left:20%;
    right: 34.5%;
    background: url(../images/smfont.png) no-repeat center;
    background-size: contain;
    width: 31%;
    height:12%;
}
.tops .house{
    position: absolute;
    bottom:-5%;
    left:0;
    background: url(../images/house.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height:69.5%;
    z-index: 10;
}
.tops .lines{
    position: absolute;
    bottom:-1px;
    left:0;
    background: url(../images/lines.png) no-repeat center;
    background-size: contain;
    width: 100%;
    height:96px;
    z-index: 100;
}
.fadeIn{
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.lightSpeedIn{
     -webkit-animation-delay: 800ms;
    animation-delay: 800ms;
} 
.zoomIn{
     -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
} 
.zoomInDown{
     -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
} 
.rotateIn{
     -webkit-animation-delay: 2600ms;
    animation-delay: 2600ms;
} 
.fadeInUpBig{
     -webkit-animation-delay: 3200ms;
    animation-delay: 3200ms;
} 
/*
.fadeInUpBig{
     -webkit-animation-delay: 3600ms;
    animation-delay: 3600ms;
} 
*/
.bookimg{ 
    position: relative;
    z-index: 100;
}
.hidess{
    overflow: hidden;
}
.books{
    text-align: center;
    position: relative;
    margin-top: -16%;
    z-index: 10;
}
.books h1{
    width: 28%;
    margin: 0 auto;
    position: relative;
    left: -30px; 
}
.books h2{
    width: 17.6%;
    margin: 10px auto;
}
.books h3{
    font-size: 18px;
    color: #fff;
}
.jipin_infos {
    height: 100%;
    width: 88%;
    margin: 50px auto 80px; 
    padding: 0  50px 50px;
    color: #fff;
    text-align: justify; 
    font-size: 0;
    max-width: 860px;
} 
.jipin_infos h1{ 
    width: 100%;
    height: 77px;
    position: relative;
    top: -30px;
    margin-bottom: 10px;
}
.jipin_infos p,.au_says li{ 
    display: inline-block;  
    font-size: 16px;
    line-height: 32px;
}
.jp_info{
    background: url(../images/borbg.png) no-repeat center top;
    background-size:100% 99%; 
}
.jp_info h1{
    background: url(../images/jp_info.png) no-repeat center top;
    background-size: contain; 
}
.jp_info p,.au_info p{
    text-indent: 2em;
}
.au_info{
    background: url(../images/au_infobg.png) no-repeat center top;
    background-size:100% 99%; 
}
.au_info h1{
    background: url(../images/au_info.png) no-repeat center top;
    background-size: contain; 
} 
.au_says{
    background: url(../images/au_saysbg.png) no-repeat center top;
    background-size:100% 99%;  
}
.au_says h1{
    background: url(../images/au_says.png) no-repeat center top;
    background-size: contain; 
} 
.au_says ul li{ 
    margin: 7px 0;  
    width: 100%;
}
.au_says li b{
    display: inline-block;
    width:30px ;
    height: 27px;
    font-size: 16px;
    line-height: 27px;
    text-align: center; 
    width: 10%;
    vertical-align: top;
}
.au_says li span{
    display: inline-block;
    width: 90%;
    position: relative;
    top: -3px;
}
.au_says .as span{
    color: #5fd0ff;
}
.au_says .as b{ 
    background: url(../images/as.png) no-repeat center;
    background-size:contain; 
}
.au_says .qa b{
    background: url(../images/qa.png) no-repeat center;
    background-size:contain; 
} 
.comtbg{
    background: url(../images/com_infobg.png) no-repeat center top;
    background-size:100% 99%; 
    margin-bottom: 0.5rem;
}
.comtbg h1{
    background: url(../images/com_info.png) no-repeat center top;
    background-size: contain; 
}
.com_info h2,.com_info h4,.com_info h6{
    color: #fffd4b;
    background: url(../images/jp_rule.png) no-repeat left center;
    background-size: auto 99%;
    font-size: 20px;
    height: 46px;
    line-height: 44px;
    padding-left: 55px;
    margin: 10px 0;
}
.com_info .h2{ 
    background: url(../images/jp_win.png) no-repeat left center;
    background-size: contain; 
}
.com_info p{
    margin: 1rem 0;
}
.com_info p a{
    color: #ffe933;
}
.winslist{
    width: 60%;
    margin: 0 auto;
    background: #3b3b9d; 
    padding-bottom: 20px
}
.com_info .winslist h5{
    text-align: left;
    background: #30308f;
    padding: 15px 13%  ;
    font-size: 20px;
    color: #9494e6;
    font-weight: 600;
}
.com_info #wrap0{
    width: 100%;
    margin: 0  auto 20px;  
    border-bottom: none;
    overflow: hidden;
}
.com_info .wlist { 
    overflow: hidden;
    padding: 0 4%;
}
.com_info .wlist li{
    font-size: 1.2rem;
    position: relative;  
    padding: 10px  ;
}
.com_info .wlist li:before{
    width: 0;
    height: 0;
    content: '';
    border: 4px solid #fff251; 
    -webkit-border-radius: 50%;
    border-radius: 50%; 
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: -8px;
}
.com_info h3{
    width: 95%;
    margin: -1.01rem auto 0;
    height: 2rem; 
    position: relative;
    z-index: 1;
    max-width: 600px;
}
.com_info h3 b{
    position: absolute;
    top: -30px;
    width: 85px;
    height: 56px;
    right: 15px;
    background: url(../images/jp_icon.png) no-repeat left center;
    background-size: contain;
    z-index: 20;
}
.com_info h4{
    background: url(../images/winh4.png) no-repeat left center;
    background-size: contain;
    color: #ffe933; 
    margin: 2rem 0;
}
.com_info h5{
    font-size: 1rem;
    text-align: center;
    margin-bottom: 2rem;
}
.wtime{
     color: #ffe933;
    font-size: 1.5rem;
} 
.com_info h6{
    background: url(../images/comh6.png) no-repeat left center;
    background-size: contain;
    padding-left: 1.2rem;
}
.com_info .cmlist li{
    overflow: hidden;
    margin: 2rem 0;
}
.com_info .cmlist span{
    width: 20%;
    text-align: center;
    position: relative;
    top: 10px;
}
.com_info .cmlist .jp_right{
    width: 78%;
    margin-left: 2%;
    text-align: left;
     position: relative;
    top: 0;
}
.com_info .cmlist img{
    display: block;
    width: 80%;
    margin: 0 auto;
/*    width: 3.5rem;*/
/*    height: 3.5rem;*/
    
}
.com_info .cmlist h2{
    color: #ccccff;
    font-size: 1.24rem;
    padding: 0;
    background: none;
    margin: 0.3rem 0;
}
.com_info .cmlist p{ 
    font-size: 1.06rem;
    padding: 0;
    background: none;
    margin:   0;
}
.com_info .cmlist h3{
    background: none;
    border: none;
    font-size:0.9rem ;
    color: #5050c6;
    margin: 0.5rem  0 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #6b6ba0;
    padding: 5px;
} 
.comlistss{
    background: #4141a0;
    padding: 15px 0;
    width: 100%; 
}
.bookComment_list,.N_page{
    max-width: 960px;
    margin: 0 auto;
}
.upnextss em b {
    color: #ccccff;
} 
.upnextss a,.upnextss  em:first-child b,.upnextss  em:last-child b{
     color: #5fd0ff;
} 
.comtext span{
    width: 80%;
}
.comtext textarea{
    border: 1px solid #6b6ba0;
    background: #303088;
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    height:3.5rem;
    width:91%;
    outline: none;
    color: #fff;
    padding:1rem  2%;
}
.comtext {
    padding-top:2rem;
    overflow: hidden;
    width: 100%;
}
.comtext .bright{
    position: relative;
    top: 0.2rem;
    display: block;
    height: 5.4rem;
    text-align: center;
    line-height: 7rem;
    width: 20%;
    background: #ffb700;
    color: #fff;
    font-size: 1.06rem;
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
}
.comtext .bright b{
    display: inline-block;
    width: 50%; 
    max-width: 3rem;
    line-height: 1.3rem;
}
/*抽奖*/
.rotary{ 
    position: relative;
    width: 513px; 
    height:  513px;
    margin: 0 auto 1rem;
    background:   url(../images/bg1.png);
    background-size: contain;
 }
.rotaryArrowline {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 463px; 
    height: 463px;
    background:   url(../images/rotaryArrowline.png);
    background-size: contain;
}
.rotaryArrow{ 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    width: 274px; 
    height: 274px;
    margin:-137px 0 0 -137px;
    background-image: url(../images/arrow.png);
    background-size: contain;
}
.result { 
    display: none;
    position: absolute; 
    left: 5%;
    right: 5%;
    top: 50%;
    margin-top: -60px;
    width: 90%; 
    height: 120px;
    background-color: rgba(0,0,0,0.75); 
    filter: alpha(opacity=90);
    z-index: 100;
    text-align: center;
}
.result a {
    position: absolute; 
    right: 5px;
    top: 5px; 
    width: 25px; 
    height: 25px; 
    text-indent: -100px; 
    background-image: url(../images/close.png); 
    overflow: hidden;
}
.rotaryfont{
    position: absolute;
    top: 50%;
    left: 50%;
    background:   url(../images/rotaryfont.png);
    background-size: contain;
    z-index: 10;
    margin:-57px 0 0 -57px;
    height: 114px;
    width: 114px;
    cursor: pointer; 
}
.result p {  
    color: #fff; 
    line-height: 70px;
}
.result em { 
    color: #ffea76; 
    font-style: normal;
    }
.flash{ 
    -moz-animation: flash 2s linear 20 infinite alternate;
    -webkit-animation: flash 2s linear 0s infinite alternate;
    -o-animation: flash 2s linear 20 infinite alternate;
     animation: flash 2s linear 0s infinite alternate; 
}
@media(max-width:320px){
    .rotary {  
        width: 22rem; 
        height:  22rem; 
}
    .rotaryArrowline { 
    top: 1rem;
    left: 1rem;
    width: 20rem;
    height: 20rem; 
}
    .rotaryArrow {  
    width: 10rem; 
    height: 10rem;
    margin:-5rem 0 0 -5rem; 
}
    .rotaryfont{ 
    margin:-2.5rem 0 0 -2.5rem;
    height: 5rem;
    width: 5rem; 
}
}

/*作品评论*/
.bookInf_main{
    max-width: 960px;
    margin: 0 auto 50px;
}
.comment_responses{  
    display: inline-block;
    background-position: -16px 0; 
}
.bookInf_main img{
    width: auto;
}
.book_comments{
    margin-top: -15px;
}
.book_comment h2 span{
    margin-top: -2px;
    font-size: 12px;
}
.book_comment h2 a{
    color: #010101;
    margin: 0 10px;
     font-size: 14px;
}
.book_comment h2 .active{
    color: #2f7199;
}
.book_comment h2 .pl{
    margin-left: 40px;
}
.book_comment h2 .pl b{
    margin-left: 5px;
    display: inline-block;
    background:url(../images/book_icon.png) no-repeat;
    background-position: -228px 0;
    width: 13px;
    height: 8px;
} 
/*new comment*/
.bookInf_main .errotips{
    margin-top: 8px; 
    font-size: 12px; 
    color: #f60;
    padding-left: 10px;
}
.NC_txt{ 
	width: 96.5%;
	margin-top: 30px;
	height: 100px;
	border:1px solid #e0e0e0;
	resize:none;
	display: block; 
/*	max-width: 648px;*/
	line-height: 20px; 
	/* text-indent: 2em; */
	padding-top: 10px;
	font-size: 14px; 
	padding: 10px 10px 0; 
    overflow: hidden;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.AuthorColor{
    font-size: 14px;
    color: #d6d6ff;
}
.commentList_userInf .AuthorColor:hover{
   
    color: #a8a8de;
}
.NC_red{
	color:red;
}
.NC_sub{
	font-size: 14px;
	margin-top: 3px;
	color: #8f8f8f;
    border-bottom: 1px dashed #7474d4;
    padding-bottom: 12px;
    position: relative; 
    padding: 15px 0 20px;
    clear: both;
}
.facebox{
	background:#f8f8f8;
	padding:10px;
	border:1px solid #eee;
}
.NC_public{
  float: right;
  width: 90px;
  height: 30px;
  background: #fd7b48;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 14px;
  cursor: pointer;
  border-radius:3px;
}
.NC_public:hover{color: white;background-color: #fa9d56;}
.NC_rank a{
	color: #a8a8de;
}
.NC_rank .BlueColor{
	color: #0f6491;
}
.NC_rank a:hover{
	color: #0f6491;
}
.NC_rank img{
	position: relative;
	top:6px;
	cursor: pointer;
}
.commentList_userInf .comment_userLevel{
	color: white;
	background: #30aced;
	display: inline-block;
	padding:2px 8px;
	border-radius: 3px; 
}
.NCTime{
	color: #9393dd;
	margin-top: 5px;
    font-size: 12px;
}
.NT_pl{
	margin-top: 20px;
}
.comment_responseContent{
	/**position: relative;*/
	padding:0 20px;
	margin-top: 30px;
	border:1px solid #e0e0e0;
	background: white;  
	-webkit-transition:all 1s; 
	-moz-transition:all 1s; 
	-o-transition:all 1s; 
	-ms-transition:all 1s; 
	transition:all 1s; 
    width: 93%;
    position: relative;
} 
/*
.comment_responseContent:after, .comment_responseContent:before{
    border: solid transparent;
    content: ' ';
    height: 0;
    right: 100%;
    position: absolute;
    top:-20px; 
    right: 15px;
    width: 0; 
}
.comment_responseContent:after {
    border-width: 10px;
    border-bottom-color: #fff; 
}
.comment_responseContent:before {
    border-width: 12px;
    border-bottom-color: #eaeaea; 
    top:-24px; 
    right: 13px;
}
*/
.otool{ 
    overflow: hidden;
}

.N_page{
	height: 50px;
	line-height: 50px;
    margin-top: 20px;
}
.N_pagemore{
	height: 50px;
	line-height: 50px;
      text-align: center;
    margin: 20px 0;
} 
.N_pageBtn{
	display: inline-block;
	padding:0 10px;
	color:#8f8f8f;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	background: #eee;
	margin-right: 10px;
	border-radius:3px;
}
.N_pageBtn:hover{
	background: #30aced;
	color:white;
}
	
.N_page .active{
	background: #7878e3;
	color:white;
}
.N_pageN,.N_pageP{
	float: right;
    margin-left: 15px;
	background: #7878e3;
	color:white;
	line-height: 30px;
	margin-top: 10px;
	padding:0 10px;
	border-radius:3px;
    font-size: 12px;
}
.N_pageN:hover,.N_pageP:hover,.N_page .active:hover{
	background:#ccc;
	color:white;
	cursor:pointer;
}
#facebox{
	background: white;
	padding:10px 10px;
	border:1px solid #e0e0e0;
}

.commentList_hide{
	border:1px dashed #e0e0e0;
	color:#8f8f8f;
	background: #F2F2F2;
	padding:15px 10px;
	margin-top: 30px;
	font-size: 13px;
}
.commentList_left{
	width: 60px;
	height: 65px; 
    float: left;
    margin-right: 15px;
}
.bookComment_list{
	margin-top: 10px;
	padding-bottom: 15px;
    border-bottom:1px dashed #7474d4;
}
.dpl_list{
	padding:  0 10px;
     border-bottom:none;
}
.commentList_right{
    width: 880px;
    float: left;
    position: relative;
}
.compl_right{
    width: 570px; 
}
.commentList_userImg{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-top: 10px;
    overflow: hidden;
}
.pluserimg{
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-top: 10px;
    overflow: hidden;
}
.commentList_userImg img{
    width: 100%;
}
.commentList_userInf{
	color: #ccc;
	font-size: 12px;
	margin-top: 15px;
}
.comment_userLevel{
	color: #0f6491;
	margin-left: 10px;
}
.comment_time{float: right;}
 
.commentList_content{
	line-height: 30px;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	/* margin-top: 20px; */
}
.commentList_contentAll{ 
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	margin-top: 20px;
    max-height: 150px;
    position: relative;
    margin-bottom: 20px;
}
.commax{
   max-height: 100%;
}
.comshow {
    position: relative;
}
.comshow .show{ 
    position: absolute;
    right: 0;
    bottom: -15px;
    font-size: 12px;
    color: #5cacd6;
}
.com_con{
    padding:  0 15px; 
}
.commentList_showAll{
	color: red;
	cursor: pointer;
}
.commentList_operate{
	margin-top: 10px;
	color: #4d4d4d;
	display: block;
	position: relative;
    font-size: 12px;  
}
.otoolpl{
    padding: 0 15px; 
}
.commentList_operate b{
	display: inline-block;
} 
.com_op{ 
	border-bottom: 1px dashed #e0e0e0; 
    overflow: hidden;
    padding-bottom: 10px;
}
.comment_operate_one,.comment_operate_two,.comment_operate_three{
	position: relative;
	top: 5px;
}  
.comment_response,.comment_click{
	float: right;
	margin-left: 15px;
	display: inline-block;
	position: relative;
    cursor: pointer;
}
.comment_response{cursor: pointer;}
.comment_response img,.comment_click img{
	position: relative;
	top: 5px;
	margin-right: 5px;
	cursor: pointer;
    width: auto;
} 
.comment_responseContent .triangle{
	position: absolute;
	top: -15px;
	right: 24px;
    z-index: 10;
    display: inline-block;
    background: url(../images/book_icon.png) no-repeat;
    background-position: -122px -23px;
    width: 26px;
    height: 16px;
}
.comment_responseInput{
	height: 25px;
	background: #f3f3f3;
	border:1px solid #e0e0e0;
	outline: none;
	resize:none;
	line-height: 25px;
	padding: 10px;
	width: 96%;
	margin-top: 20px;
} 
 
.comment_responseConfirm{
	float: right;
	display: inline-block;
	width: 83px;
	height: 30px;
	background: #fd7b48;
	line-height: 30px;
	color: white;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	border-radius:3px;
}
.comment_responseConfirm:hover{background-color: #fa9d56;}
.comment_clickConfirm{
	margin: 18px 0px;
} 
.comment_click{
	color:#ccc;
	line-height: 30px;
    position: relative;
    padding-left: 22px;
    margin-top: 5px;
} 
.comment_click img{
    display: inline-block;
    margin-top: -5px;
    position: absolute;
    top: 10px;
    left: 0; 
}
.comment_response{
	color:#d6d6ff;
	line-height: 30px;
    margin-top: 5px;
}
.others span:hover{
    color: #a8a8de;
}

.smile{
	position: relative;
	top: 5px;
	margin-right: 10px;
	cursor: pointer;
}
.comment_all{
	border-bottom: 1px dashed #e0e0e0;
	padding-bottom: 10px;
}
.comment_allName{
	margin-top: 30px;
}
.comment_operateCopy{
	margin-top: 0!important;
	margin-right: 8px!important;
}
.comment_allName .comment_announceCopy{
	color: #0f6491;
	cursor: pointer;
    float: right;
    position: relative;
    padding-left: 25px;
}
.comment_announceCopy img{
   position: absolute;
    top: -3px;
    left: 0;
}
.comment_allContent{
	margin-top: 15px;
	line-height: 25px;
	font-size: 14px;
}
.comment_allContent_author{
	color: #6c6c6c;
}

.comment_operate{
	float: right;
	display: inline-block;
    position: absolute;
    top: 41px;
    right: 0;
}
.comment_operate b{
	width: 13px;
	cursor: pointer;
	margin-left: 15px;
	margin-right: 20px;
    background: url(../images/book_icon.png) no-repeat;
    background-position: -228px 0;
    height: 8px;
    display: inline-block;
}
.comment_operateList{
	position: absolute;
	right: 0;
	top: 43px;
    background-color: white; 
    z-index: 3;
    border-top:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    font-size: 14px;
}
.comment_operateList li{
	width: 60px;
	height: 30px;
	border-bottom:1px  solid #e0e0e0;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
.comment_operateList li:hover{
	color: white;
	background-color: #5ab4da;
}
 
.bookScore_star{
    display: inline-block; 
    position: absolute;
    top: 17px;
    right: 90px;
    height: 24px;
    line-height: 24px; 
    width: 100%;
    max-width: 180px; 
}
.pluserlist li{
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}
.pluserlist img{
    width: 30px;
    height: 30px;
}
/*目录*/
.book_catalogue{
    font-size: 14px;
}
.book_catalogue ul{
    margin-left: -5%;
}
.book_catalogue li{
    float: left;
    width: 45%; 
    margin: 10px 0 0 5%;
    line-height: 22px;
    border-bottom: 1px dashed #dadada;
    padding-bottom: 5px;
}
.book_catalogue li a{
    color: #2e2e2e;
}
.book_catalogue li span{
    display: inline-block;  
    text-align: center;
    margin-right: 5px; 
}
.book_catalogue .sp1{
    width: 14px;
}
.book_catalogue .sp2{
    width: 190px;
}
.book_catalogue .sp3{
    width: 31px;
}
.book_catalogue .sp4{
    width: 38px;
    font-size: 12px;
    color: #a3a3a3;
    text-align: right; 
    margin-top: 3px;
}
/*隐藏*/ 
.notip .allbut,
.notip .notips,
.notip .thinks,
.bookInfReading_wrap,
.intro_center .shares .shareot,
.intro_center  .content .openall,
.hleft .bg em,
.usefans li .ly,
.comment_responseContent,
.longCom,
.bookScore_star,
.comment_operateList,
.okIn,
.longpl,
.reform,
.paytips,
.fadeok{
    display: none;
} 
.pl_reCon{ 
    border:none;
    display: block;
    width: 100%;
    max-width: 625px;
} 
.block{
    display: block;
}