@charset "utf-8";
/* CSS Document */
/*edit:wangshuo
@ update: 2019-01-24 */

html,body,div,span,object,embed,iframe,h1,h2,h3,h4,h5,h6,p,pre,a,cite,code,del,dfn,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,section,article{margin:0;padding:0;-webkit-text-size-adjust:none;}
html{overflow-y:scroll; overflow-x:hidden;}
table{border-collapse:collapse; border-spacing:0;}
img{border:none;}
ul,li,ol {list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em,cite,dfn{font-style:normal;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden; font-size:0;}
.clearfix{*display:inline-block;*zoom:100%;}
.clear{clear:both; line-height:1px; height:1px; *display:inline; font-size:1px;}
.fl{float:left;}
.fr{float:right;}
.alignL{text-align:left;}
.alignC{text-align:center;}
.alignR{text-align:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.bold{font-weight:bold;}
.none{display:none;}
.block{display:block;}
.overf{overflow:hidden;}
.center{margin:0 auto;}
:focus,a{outline:none; -moz-outline-style:none;}
a:visited,a:link{text-decoration:none;}
a:hover {text-decoration:none;}
ol li{list-style-type:decimal; list-style-position:inside;}
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1",tahoma,Arial; color:#333; } 
.icon-paste{position:absolute;  width:47px; height:23px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-paste.png);}
/* .css{width:100px; height:100px; display:block; border:2px solid #000; margin:0; padding:0; float:left; position:absolute; top:100px; left:100px; font-size:52px; font-weight:bold; color:#832716; line-height:100px; text-align:center; background:#fff; overflow:hidden;} */

/*弹窗部分 https://static.web.sdo.com/dn/pic/dn_act/2016cj/btn_close.png*/
.alert_bg{width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:999; display:none; }
.dialog{position:absolute; z-index:10001; color:#4b4b4b; top:50px; display:none;}
.close{width:35px; height:35px; display:block; position:absolute; top:0; right:0; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-x.png) no-repeat center;}

/* 微信分享弹窗 */
.d_share{width:479px; height:294px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/dialog-bg.png) no-repeat center;
color:#ffedd1; }
.d_share .wx-code{ background:#fff; width:135px; height:135px; display:inline-block; margin-top:50px; border:6px solid #FFf;}


/*确认弹框*/
.d_confirm{width:479px; height:294px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/dialog-bg.png) no-repeat center;
color:#ffedd1;}
.d_confirm .tit{margin-top:62px; margin-bottom:25px;}
.d_confirm .box_btn{width:260px;margin:0 auto;position: absolute;bottom: 50px;left: 50%;margin-left: -130px;}
.d_confirm a{height:50px; width:60px; font-size:18px; border-radius:5px; line-height:50px; display:block; margin:0 auto; color:#fff; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/dialog-btn.png) no-repeat;}
.d_confirm a:hover{background-image:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/dialog-btn-h.png);}
.d_confirm .btn_sure{background-position:0 0;}
.d_confirm .btn_sorry{background-position:-196px 0;}

/*规则*/
.pop-rule {width:739px; height:923px; position:absolute; top:50px; left:50%; margin-left:-370px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/rule-bg.png) no-repeat center;color:#522815;}
.pop-rule .close{width:51px; height:30px; display:block; position:absolute; top:26px; right:50px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-close.png) no-repeat center;}
.pop-rule .tit{ display:block; margin:60px auto 25px;}
.pop-rule .con{width:610px; margin:0 auto; line-height:2;}
.pop-rule table{ width:100%; text-align:center; line-height:31px;  margin: 15px 0;}
.pop-rule table {border:1px solid #6e3b25;}
.pop-rule table th:first-child{border-right:1px solid #c5a890;}
.pop-rule table th{background:#6e3b25; color:#c5a890;}

/*上传*/
.pop-upload {width:739px; height:923px; position:absolute; top:50px; left:50%; margin-left:-370px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/rule-bg.png) no-repeat center;color:#522815;}
.pop-upload .close{width:51px; height:30px; display:block; position:absolute; top:26px; right:50px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-close.png) no-repeat center;}
.pop-upload .con{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/upload-bg.png) no-repeat center 73px ; width:578px; height:800px; margin:50px auto 0; position:relative; overflow:hidden;}
.pop-upload .upload-img-box{position: absolute;top:90px; height: 370px;width: 100%; overflow:hidden;}
.pop-upload .upload-img{position: absolute;top:-30px; left: 0;font-size: 1px; cursor: pointer;height: 400px;width: 100%; }
.pop-upload .upload-tit{position: absolute; font-size:14px; top: 488px;left: 77px;height: 37px;line-height: 38px; width: 210px;border: none;background: transparent; color:#553636;font-family:"Microsoft YaHei";}
.pop-upload *::placeholder{color:#86695b;}
.pop-upload .upload-desc{position: absolute; top: 558px;left:27px;height: 130px; width: 520px;border: none; background: transparent; resize: none; color:#553636; font:14px/1.5 "Microsoft YaHei";}
/* .pop-upload .upload-year{font-size:14px; width:95px; height:19px; background:#b79271; position:absolute; top: 664px;left:110px;border: none; padding-left:5px; box-sizing: content-box;}
 */
.pop-upload .upload-year{margin-top:50px; font-size:0;}
.pop-upload .upload-year a.disabled{color:#6b6b6b; cursor:default;}
.pop-upload .upload-year a{color:#553636; margin: 0 11px; font-weight:bold; font-size: 12px;}
.pop-upload .upload-year a:not(.disabled):hover,
.pop-upload .upload-year a.active{color:#9a4534; }
.pop-upload .upload-cove{position: absolute;top: 0px;left: 13px;width: 555px;height: 366px;}
.pop-upload .upload-top{position:absolute; text-align:center;}
.pop-upload .upload-taps{ position: absolute;top: 460px; text-align: center; width: 100%; font-size: 12px; color: #5f4740;}


.pop-upload .upload-KW{font-size: 14px;width: 90px;padding:0 3px;height: 39px;line-height:19px;background: transparent;position:absolute;top: 488px;left: 455px;border: none;box-sizing: content-box;}
.pop-upload .btn-upload {width:132px; height:70px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-submit.png) no-repeat center; position:absolute; bottom:0; left:230px; transition:all .3s;}
.pop-upload .btn-upload:hover{width:132px; height:70px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-submit-h.png) no-repeat center;}
.pop-upload .icon-paste{top:-8px; left:42px; }


/*我的回忆弹窗*/
.pop-personal{width:656px; height:820px; position:absolute; top:80px; left:50%; margin-left:-370px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/personal-bg.jpg) no-repeat center;color:#522815;}
.pop-personal .row-photo{width:588px; height:330px; margin:34px 0 0 31px;}
.pop-personal .row-photo img{width:100%; height:100%;}
.pop-personal .row-year{margin:25px 19px 0;}
.pop-personal .row-year a.disabled{color:#c8a89b; cursor:default;}
.pop-personal .row-year a{color:#9a4534; margin: 0 8px; font-weight:bold;}
.pop-personal .row-year a:not(.disabled):hover,
.pop-personal .row-year a.active{color:#553636;}
.pop-personal .row-text{margin:20px 30px 40px; color:#553636; }
.pop-personal .row-text h2{font-size:18px; font-weight:bold; margin-bottom:10px;}
.pop-personal .row-text .desc{font-size:14px; line-height:2; height: 83px; overflow: hidden;}

.pop-personal .row-info{width:588px; height:79px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/bg-KW.png) no-repeat 0 0;color:#522815; position:relative; margin:0 30px; font-style:italic;}
.pop-personal .row-info .date{width:100px;height:24px; position:absolute; left:100px; top:-3px;}
.pop-personal .row-info .from{width:112px;height:24px; position:absolute; right:0; top:-3px;}
.pop-personal .row-info .kw{width:400px;height:24px; position:absolute; left:177px; top:55px; font-size:16px; color:#9a4534; font-weight:bold;}
.pop-personal .row-more{width:100%; text-align:center; position:absolute; bottom:40px; }
.pop-personal .row-more li{width:70px; display:inline-block; padding-left:35px; position:relative; font-size:12px; color:#9a4534; font-weight:bold; text-align:left; line-height:22px;}
.pop-personal .row-more .love{width:23px; height:22px; position:absolute; left:0; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-love.png) no-repeat 0 0;}
.pop-personal .row-more .love:hover,
.pop-personal .row-more .love.active{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-love-solid.png) no-repeat 0 0;}
.pop-personal .row-more .message{width:23px; height:22px; position:absolute; left:0; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-message.png) no-repeat 0 0;}
.pop-personal .row-more .share{width:23px; height:22px; position:absolute; left:8px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-share.png) no-repeat 0 0;}

.pop-personal .list-message{padding:33px; height:454px; background:#fff; position:absolute; bottom:0; left:0; right:0;}
.pop-personal .close-message{position:absolute; top:0; width:100%; left:0; height:33px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-down.png) no-repeat center;}
.pop-personal .ul-message{height:320px; color:#553636;}
.pop-personal .ul-message li{height:42px; position:relative; overflow:hidden; padding-left:66px;margin-bottom:28px;}
.pop-personal .ul-message .head{width:40px; height:40px; background:#6c6076; position:absolute; left:0; top:0; border-radius:50%; overflow:hidden;}
.pop-personal .ul-message .head img{width:100%; height:100%;}
.pop-personal .ul-message .name{font-size:12px;}
.pop-personal .ul-message .name em{color:#a7a7a4;}

.pop-personal .page-message{height:10px; width:100%; text-align:center; line-height:0; margin:27px 0;}
.pop-personal .page-message a{display:inline-block; width:10px; height:10px; background:#c9c9c9; margin:0 3px; border-radius:50%;}
.pop-personal .page-message a.active{background:#553636;}
.pop-personal .write-message{height:65px; position:relative;}
.pop-personal .textarea-message{display:block; height:60px; color:#86695b; resize:none; font:14px/1.5 "Microsoft YaHei"; padding:3px 5px;  width:430px; border:1px solid #000;}
.pop-personal .textarea-message::placeholder{ color:#9d9090; font:14px/1.5 "Microsoft YaHei";}
.pop-personal .upload-message {width:132px; height:70px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-submit.png) no-repeat center; position:absolute; top:0px; right:0; transition:all .3s;}
.pop-personal .upload-message:hover{width:132px; height:70px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-submit-h.png) no-repeat center;}


/*第一部分*/
.wrap01 {background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/book-cover.jpg) no-repeat center; height:1000px; min-width:980px; overflow:hidden; position:relative;}
.wrap01 .wx-code{ position:fixed; left:0; bottom:150px; line-height:1.3; color:#dad8d1;}
.wrap01 .wx-code img{border:4px solid #fff; background:#fff; width:85px; height:85px; display:block; margin-bottom:8px;}

.wrap01 .btn-cover{width:555px;height:820px; margin:106px auto 0; display:block; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-gem-h.png) no-repeat 178px 291px; opacity:0; transition:.3s; position: relative;}
.wrap01 .btn-cover:hover{opacity:1;}
.wrap01 .pic-book{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/book-bg.jpg) no-repeat center; position:absolute; top:0; width:100%; height:100%;}
.wrap01 .book-info{width:980px; height:735px; margin:135px auto 0; position:relative;}
.wrap01 .book-info .btn-add,
.wrap01 .book-info .btn-see{width:130px; height:60px; position:absolute; right:-150px; top:29px;}
.wrap01 .book-info .btn-see{top:115px;}
.wrap01 .book-info .btn-add:hover{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-add-h.png) no-repeat 7px 21px;}
.wrap01 .book-info .btn-see:hover{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-see-h.png) no-repeat 7px 19px;}

.wrap01 .book-info .btn-rule{position:absolute;left: -119px;bottom: 86px;width:78px; height:57px; }
.wrap01 .book-info .btn-rule:hover{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-rule-h.png) no-repeat center;}
.page-goBack,.page-pre,.page-next{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-page.png) no-repeat 0 0; width:60px; height:30px; position:absolute;}
.page-goBack{width:50px; height:18px;  top:0; left:0;}
.page-pre{bottom:0; left:0; background-position:0 -19px;}
.page-next{bottom:0; right:0; background-position:0 -50px;}
.top-search{color:#553636;  font-size:0;}
.top-search a{color:#553636; font-size:14px; display:inline-block; text-decoration:underline;}
.top-search .login-info {margin-left:200px; width:200px; font-size:14px; display:inline-block; text-align:right;}
.top-search .logout {margin-left:20px; font-size:14px; display:inline-block; text-decoration:underline;}
.top-search .orde-timer {margin-left:150px;}
.top-search .order-love {margin-left:28px;}
.top-search .inp-search {margin-left:20px; width:85px; padding:0 23px 0 3px; height:20px; border:2px solid #975a3b; background:transparent; box-sizing: content-box;}
.top-search .btn-search{width:24px; height:24px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-search.png) no-repeat center; position:absolute; top:0; right:67px;}

.page-info .p-index{}
.page-info .p-index .year{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/bg-year.png) no-repeat center; width:277px; height:98px; position:absolute; top:66px; left:88px;}
.page-info .p-index .year .num{width:235px;height:34px;font-size:0;position: absolute;top: 33px;left: 20px;}
.page-info .p-index .year .num li{ font-size:24px; font-weight:bold; color:#3a2e0a; width:20%; display:inline-block;text-align:center; }
.page-info .p-index .slogan{position:absolute; left:0; top:220px; height:150px; width:460px; text-align:center;}
.page-info .p-index .tag{ color:#553636; font-size:30px; font-family:'宋体'; position:absolute; left:0; top:360px; text-align:center;}
.page-info .p-index .tag span{position:absolute; width:200px;}
.page-info .p-index .tag .s1{top:0; left:0;}
.page-info .p-index .tag .s2{top:15px; left:200px;}
.page-info .p-index .tag .s3{top:66px; left:110px;}
.page-info .p-index .tag .s4{top:130px; left:50px; text-align:left;}
.page-info .p-index .tag .s5{top:130px; left:210px; text-align:right;}
.page-info .p-index .btn-keyword{position:absolute; width:191px; height:76px; bottom:100px; left:120px; text-align:right; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/btn-keyword.png) no-repeat center;}
     
.page-info .card li{width:231px; height:283px; position:absolute; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/bg-card.png) no-repeat center;}
.page-info .p1 {top:100px; left:0;}
.page-info .p2 {top:50px; left:235px}
.page-info .p3 {top:420px; left:0}
.page-info .p4 {top:370px; left:235px}
.page-info .p5 {top:35px; left:515px}
.page-info .p6 {top:130px; left:750px}
.page-info .p7 {top:330px; left:515px}
.page-info .p8 {top:425px; left:750px}

.page-info .p1 .icon-paste{top: -12px; left: 80px;}
.page-info .p2 .icon-paste{top: 260px;left: 80px;}
.page-info .p3 .icon-paste{top: 260px;left: 80px;}
.page-info .p4 .icon-paste{top: 227px; left: 205px;}
.page-info .p5 .icon-paste{top: 228px;left: -21px;}
.page-info .p6 .icon-paste{top: -14px;left: 30px;}
.page-info .p7 .icon-paste{top: 260px;left: 80px;}
.page-info .p8 .icon-paste{top: -12px; left: 80px;}
   
            


.page-info .card .img{width:197px; height:130px; margin:30px 0px 16px 16px; background:#350909; display:block; cursor:pointer;}
.page-info .card .more{width:200px; margin-left:16px; text-align:center; position:relative; font-size: 0; }
.page-info .card h2{font-size:17px; color:#2f190d; width:197px; line-height:1.2; margin:11px 16px 20px; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}

.page-info .card .more li{width:43px; height:23px; display:inline-block; padding-left:35px; position:relative; font-size:12px; color:#9a4534; font-weight:bold; text-align:left; line-height:22px; background:none; vertical-align: middle;}
.page-info .card .more li.last{width:23px; margin:0; width:1px; padding-left: 24px;}
.page-info .more .love{width:23px; height:22px; position:absolute; left:0; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-love.png) no-repeat 0 0;}
.page-info .more .love:hover,
.page-info .more .love.active{background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-love-solid.png) no-repeat 0 0;}
.page-info .more .message{width:23px; height:22px; position:absolute; left:0; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-message.png) no-repeat 0 0;}
.page-info .more .share{width:23px; height:22px; position:absolute; left:8px; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/icon-share.png) no-repeat 0 0;}
.page-info .year-page{
background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/year-page.png) no-repeat; width:155px; height:113px; position:absolute; top:75px; left:340px;
}
.page-info .year-page .year-pre{width:38px; height:38px; position:absolute; left:33px; top:0;}
.page-info .year-page .year-next{width:38px; height:38px; position:absolute; left:33px; top:44px;}



/* 搜索 */
.search .s_box{width:206px; height:35px; border-radius:100px; padding:0 45px 0 15px; overflow: hidden; background:#fff;}
.search .s_search{width:100%; height:35px; font:18px/35px "Microsoft YaHei"; color:#a1a1a1; padding: 0; background: transparent; border: 0; outline: 0; -webkit-appearance: textfield; }
.search .s_search::placeholder{color:#a1a1a1;}
.search .s_btn_ico{top:0; right:0; width:45px; height:35px; border:none; cursor:pointer;  -webkit-appearance: none; background:url(https://static.web.sdo.com/dn/pic/dn_20act/2003sh/ico_search.png) no-repeat center;}
.search input::-ms-clear{display:none}
.search input::-ms-reveal{display:none}
.search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.search input[type=search]::-ms-clear{display:none}


::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-track {
	-webkit-border-radius: 10px; 
	border-radius: 10px; 
	background:#f7f7f7;
}
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#100505;
}

.light_news,.light_news2{    
	position: absolute;
    left: 50%;
    top: 73px;
    margin-left: -309px; 
	opacity: .7;}
.ani_flash{
	-webkit-animation:flash 1s cubic-bezier(0.93, 0.31, 0.49, 0.62) infinite alternate both;
}
@-webkit-keyframes flash {
	0%{opacity:0.3;}
	100%{opacity:.7;}
}