/*---------------- 通用---------------*/ blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-weight:400;font-style:normal}ol,ul{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,select,textarea{font-weight:inherit;font-size:inherit;font-family:inherit}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clear,.clearfix:after{clear:both}table{border-collapse:collapse;border-spacing:0} ul,ol,li{list-style:none} h1,h2,h3,h4,h5,h6{ font-weight: normal;} .clearfix { *zoom: 1;} .clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";} .clearfix:after {clear: both;} html{-webkit-text-size-adjust:none;} body{font-family:"微软雅黑",helvetica,arial;-webkit-text-size-adjust:none; background-color: #f2f2f2;color:#404040; font-size: 12px; line-height:1.33em; } a{color:#404040; text-decoration: none;} .tit , .tit2 , .tit3 , .tit2 li , .frame .rt , .nav , .top .lf , .btn4 , .noye , .cj , .frame2 ,.tk , .tkbtn a , .dstk , .frame3 li , .frame4 li , .banner2 .rt , .frame6 li , .frame6 , .frame7 li , .frame7 .lf , .methods li , .frame8 , input , .frame9 li , .frame11 li , textarea , .money span , .way , .rdbom a , .vipchapter span , .twobk li , .pinglun , .pltk , .nav a , .tuijian li .lf{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .borderbom{border-bottom:1px solid #eee;}/*底边框*/ .hidden{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}/*超出省略*/ .radius2 , .ic_jh , .ic_cp{-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}/*圆角半径为2*/ .radius4 ,.way img{-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}/*圆角半径为4*/ .cgray{color:#aaa;}/*灰色字*/ .cblue{color:#65adf6;}/*蓝色字*/ .cpink{color:#ff286e;}/*粉色字*/ .cgreen{color:#16BCCE;} .cred{color:#f00;}/*红色字*/ .cyellow , .tagbtn .cyellow{color:#ff9c00;}/*黄色字*/ .fllf{ float: left;}/*左浮动*/ .flrt{ float:right;}/*左浮动*/ .mtop10{ margin-top: 10px;}/*上边距10*/ .mtop20{ margin-top: 20px;}/*上边距20*/ .mtop40{ margin-top: 40px;}/*上边距40*/ .mlf10{ margin-left: 10px;}/*上边距10*/ .w78{width:78%;} .banner2 .lf img , .top .rt a img , .frame10 img , .otherlogin img , .ttop .rt a img , .header .on a.username img{-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; }/*圆角*/ /*---------------- 布局---------------*/ .unit{ background-color: #fff; margin-bottom: 10px;}/*单元块*/ .frame li{position: relative; padding:15px 10px;border-top:1px solid #eee;height:115px;}/*封面加文字*/ .frame .lf , .frame .lf2 , .frame .lf3{position: absolute;z-index:2;top:15px;left:10px;} .frame .rt , .frame .rt3 , .frame .rt4 {padding-left:102px;} .frame .rt2{padding-left:129px;} .frame img , .frame2 img{width:92px;height:115px;} .frame h1{height:36px;line-height: 36px; font-size: 16px;} .frame .rt p , .frame .rt2 p{height:64px;color:#aaa;overflow:hidden;line-height:16px;} .frame .rt3 p {width:100%;height:36px;line-height:36px;color:#aaa;overflow:hidden;} .frame .rt4 p{height:32px;color:#aaa;overflow:hidden; margin-bottom: 10px;} .frame .rt4 p:last-child{ margin-bottom: 0;} .frame .rt4 p:last-child span{ margin-right: 6px;color:#aaa;display:inline-block;} .frame .rt5{padding-left:122px;}/*封面页封面*/ .frame .rt5 p{height:21px;line-height:21px;color:#aaa;overflow:hidden;} .frame2{padding:10px 10px 0 10px;border-top:1px solid #eee;width:100%;display:inline-block;overflow:hidden;}/*封面三等分*/ .frame2 li ,.frame4 li , .frame8 li , .frame11 li{width:33.333%; text-align: center; float:left; }/*文字三等分*/ .frame2 li:nth-child(3n-2) div{ float:left;} .frame2 li:nth-child(3n) div{ float:right;} .frame2 div{width:92px;overflow:hidden;padding:5px; margin:0 auto; margin-bottom: 5px;} .frame2 p{height:30px;overflow:hidden; text-align: left;} .frame3 li , .frame5 li{height:42px;line-height:42px;padding:0 10px;font-size:16px;}/*书名*/ .frame5 li{ border-bottom: 1px solid #eee;padding-left:15px; font-size: 16px; } .frame5 li:last-child{border-bottom:0;} .frame5 span{float:right;color:#aaa; height:24px;line-height:24px; margin-top:9px; font-size: 12px;}/*右箭头*/ .frame5 span img{width:24px;height:24px;float:right;display:inline-block;} .frame6 {padding:10px;width:100%;display:inline-block;overflow:hidden;}/*目录页四等分按钮*/ .frame6 li{width:25%;float:left;display:inline-block;} .frame6 li:nth-child(1) , .frame6 li:nth-child(2){padding-right: 10px;} .frame6 li:nth-child(3) , .frame6 li:nth-child(4){padding-left: 10px;} .frame6 a , .frame8 a{ text-align: center;width:100%;display:inline-block;border:1px solid #ddd; background-color: #eee;height:36px;line-height: 36px;float:left;} .frame6 img{width:24px;height:24px; display: inline-block;} .frame7 li{height:72px;padding:10px 10px 0 10px; position: relative;}/*充值记录*/ .frame7 h4{ font-size:14px;height:36px;line-height: 36px;} .frame7 span{color: #aaa;} .frame7 .lf{padding-right:0;width:100%;display:inline-block;} .frame7 .rt{ position: absolute;z-index: 9;top:20px;right:10px;} .frame8 { background-color: #e8e8e8;height:56px;line-height:56px; font-size: 14px;padding:0 10px;}/*消费记录选择三等分*/ .frame8 a{ background-color: #fff; margin-top: 10px;} .frame9{padding:0 10px;}/*二等分*/ .frame9 li{width:50%;text-align: center; float:left;} .frame9 li:nth-child(n){ padding:0 10px 0 0;} .frame9 li:nth-child(2n){ padding:0 0 0 10px;} .frame10 li{position: relative; padding:0 10px;border-top:1px solid #f0f0f0;}/*评论*/ .frame10 h4{height:30px;line-height:30px;font-size: 12px; color: #000; }/*评论人名*/ .frame10 .rt{padding-left:42px;} .frame10 .lf img{width:28px;height:28px; border: 1px solid #eee; }/*书评头像*/ .frame10 .lf {position: absolute;z-index:2;top:10px;left:10px;} .frame13 li:nth-child(1){width:35%;} .frame13 li:nth-child(2){ padding:0 5px 0 5px;width:30%;} .frame13 li:nth-child(3n){padding:0 0 0 10px;width:35%;} .frame14 li{width:50%;display:inline-block;float: left;} .frame li:hover , .frame2 div:hover , .frame3 li:hover , .frame4 li:hover , .frame14 li:hover , .frame5 li:hover , .frame6 a:hover , .frame8 a:hover , .readtit:hover , .frame0 li:hover { background-color: #f0f0f0;} .frame6 a:hover{ background-color: #ccc;border-color:#ccc;} .frame6 a.disable:hover{ background-color: #ccc;} .frame00 li:hover , .nohover li:hover { background-color: transparent} .btn4{height:42px;line-height:42px;color:#909090; text-align: center; border-right:1px solid #eee;width:25%;padding:0 2px;float:left;display:inline-block;} .btn4:last-child{border-right:0;} .rdbtn4{border-top:1px solid #eee;width:100%;} /*---------------- 标题和书名---------------*/ .tit , .tit2 , .tit3{height:38px;line-height:38px;width:100%;padding:0 10px;}/*标题*/ .tit h1{ font-size:16px;float:left; } .tit2 li{width:50%;height:38px;line-height:38px;float:left;display:inline-block;font-size:14px; text-align: center; } .tit2 li:first-child{border-right:1px solid #eee;} .tit2 a{width:80%;display:inline-block;height:24px;line-height:24px;} .tit2 a span{width:100px;height:24px;line-height:24px; display: inline-block;} .tit2 a.active span {-moz-border-radius:10em; -webkit-border-radius:10em; border-radius:10em; color: #c62828;border:1px solid #c62828;} .tit3{ background-color: #e9e9e9;height:46px;line-height:46px;}/*个人中心标题*/ .tit3 h5{float: left; font-size: 14px;} .tit3 h5:first-child{ margin-right: 20px;} .tit4{ height:26px;line-height:26px;width:100%; font-size: 16px;} .tit5{color: #aaa;height:20px;line-height: 20px;margin-bottom: 10px;} /*---------------- 表单---------------*/ input[type="text"], input[type="password"]{ width:100%;height:42px;height:42px; background-color: #fff;border:1px solid #ddd;padding:0 10px;display: block; -webkit-appearance: none; font-size: 16px;} input[type="text"]:hover , input[type="password"]:hover{border:1px solid #c62828;} input[type="checkbox"]{ background-color: #fff; border:1px solid #ddd;} a.button ,button{width:100%;height:42px;line-height:42px; display: inline-block; text-align: center; color: #fff; font-size: 16px;} textarea { background-color: #fff; border: 1px solid #ddd;height:80px; padding:10px;width:100%;display:inline-block; -webkit-appearance: none;} textarea:hover{border:1px solid #c62828; } label.zflabel {font-size:12px;cursor:pointer;} label.zflabel i {font-size:16px;font-style:normal;display:inline-block;text-align:center;line-height:12px;color:transparent;;vertical-align:middle;margin:-2px 2px 1px 0px;border:#ccc 1px solid;} input[type="checkbox"].zfinput,input[type="radio"].zfinput {display:none;} input[type="radio"].zfinput + i {border-radius:100%;width:24px;height:24px;} input[type="checkbox"].zfinput + i {border-radius:4px;font-size:20px;line-height:20px; padding:2px;font-weight:800;width:24px;height:24px;} input[type="checkbox"]:checked.zfinput + i,input[type="radio"]:checked.zfinput + i {background:#fe3963;border-color:#fe3963;color:#fff;} input[type="radio"]:checked.zfinput + i em{ width: 14px; height: 14px;display: inline-block;border-radius: 100%;margin: 4px 1px 0 1px;background-color: #fe3963;color:#fff;font-size: 16px;line-height:16px;font-weight: 800; font-family: "Microsoft Yahei";} /*input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;background:#ccc;color:#aaa;}*/ /*---------------- 链接按钮和标签---------------*/ .more{ float:right;color:#aaa;display:inline-block;}/*更多按钮*/ .more2{width:100%;height:48px;line-height:48px; text-align: center; font-size: 14px; margin-bottom: 10px;border-top:1px solid #eee;} .more2 span{display: inline-block;text-align: center;} .more2:hover{ background-color: #f0f0f0;} .more3{ position: absolute;z-index: 99999; left: 50%; margin-left: -21px;top:50%; margin-top: -21px;background-color: #BDE6CD;} .tag{color:#aaa;font-size:16px;} .order{ margin-right: 10px;}/*章节序*/ .ic_cp , .ic_jh{ background-color: #65adf6;height:16px; line-height: 16px; color: #fff; margin-left:10px;font-size:12px;padding:0 3px;}/*长评*/ .ic_jh{ background-color: #f00; }/*精华*/ .ic_write img{width:24px;height:24px;display:inline-block;}/*书评*/ /*---------------- 文字---------------*/ /*----------------头部（顶部和导航）---------------*/ .ttop{ background-color: #c62828;height:48px; line-height: 48px;color:#fff;position: relative;} .ttop .rt{position: absolute;z-index: 2; top:6px;right:0;padding-right:15px;} .ttop .rt a{width:24px;height:24px; background-color:transparent;display:inline-block; margin-left: 10px;} .ttop .rt a:hover{ background-color: rgba(0,0,0,.1)} .ttop .rt a img{width:24px;height:24px;display:inline-block;float:left;} .ttop .rt .rtlogin{ line-height: 24px; color: #fff;display:inline-block;float:right;font-size: 14px;width:36px; text-align: center;} .ttop .lf{padding-right:82px;} .ttop2{ margin-bottom: 10px;} .ttop2 .returnbtn{ background: url("../images/ic_navigate_before.png") no-repeat center center;background-size: 36px 36px;width:36px;height:48px;display:inline-block;float:left;} .ttop2 h1{font-size: 16px; line-height: 48px;} .ttop span{ line-height: 36px; height:36px;margin: 12px 0 0 10px;float:left;} .tlogo {widyh:80px;height:41px;display:inline-block;margin:3px 0 0 10px; display:inline-block; float:left;} .tlogo img{widyh:80px;height:41px;} .select3{display:none;width:104px; position: absolute;left:10px;top:39px;z-index:9;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;} /*----------------数字---------------*/ .num{width:17px;height:17px;display:inline-block;margin-right: 10px; line-height: 17px; text-align: center; background-color: #eee;-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;font-size:16px;float: left;} .frame3 .num{ margin-top: 13px;} /*---------------- banner和图片---------------*/ .banner , .banner img{width:100%;height:auto;} .banner2 {position:relative;width:100%;height:100px;margin-bottom: 10px;} .banner2 .lf img{width:60px;height:60px;border:1px solid #ccc;position: absolute;left:10px;top:20px; z-index:9;} .banner2 .rt{padding:20px 0 0 85px;width:100%; } .banner2 h1{height:36px;line-height: 36px; font-size: 16px; color: #fff;} .banner2 p{height:20px;line-height:20px; color: #fff;} /*----------------底---------------*/ .footer{ background-color: #fff;padding:10px;} .foottop a{ margin-right: 8px;color:#666;line-height:30px;} .foottop .return{height:17px;line-height:17px; background-color: #f78539;padding:3px 2px;color:#fff;display:inline-block;float:right; margin: 0;} .ictop img{width:17px;height:17px;display:inline-block;float:left;} .ictop{float:left;} .footbom{ text-align: center;padding:10px 0;} .footbom p{width:100%;display:inline-block;color:#666;} .footbom img{ width:80px;height:80px; margin-top: 5px;} /*----------------首页---------------*/ .frame4 .tag2 , .frame4 .tag3{height:48px;line-height:48px;font-size:14px; text-align: center; }/*三等分字颜色*/ .frame4 .tag2:nth-child(1){color:#80f0b2; border-bottom:1px solid #eee;border-right:1px solid #eee;} .frame4 .tag2:nth-child(2){color:#e88ddc; border-bottom:1px solid #eee;border-right:1px solid #eee;} .frame4 .tag2:nth-child(3){color:#f0c55f; border-bottom:1px solid #eee;} .frame4 .tag2:nth-child(4){color:#e8819e; border-right:1px solid #eee;} .frame4 .tag2:nth-child(5){color:#a78fed; border-right:1px solid #eee;} .frame4 .tag2:nth-child(6){color:#90c7e4; } .frame4 .tag2:nth-child(6){color:#90c7e4; } .frame4 .tag2:nth-child(1) a{color:#80f0b2; } .frame4 .tag2:nth-child(2) a{color:#e88ddc; } .frame4 .tag2:nth-child(3) a{color:#f0c55f; } .frame4 .tag2:nth-child(4) a{color:#e8819e; } .frame4 .tag2:nth-child(5) a{color:#a78fed; } .frame4 .tag2:nth-child(6) a{color:#90c7e4; } .frame4 .tag3:nth-child(1){color:#51B17C; border-bottom:1px solid #eee;border-right:1px solid #eee;} .frame4 .tag3:nth-child(2){color:#C562B8; border-bottom:1px solid #eee;border-right:1px solid #eee;} .frame4 .tag3:nth-child(3){color:#BB9539; border-bottom:1px solid #eee;} .frame4 .tag3:nth-child(4){color:#B73B5E; border-right:1px solid #eee;} .frame4 .tag3:nth-child(5){color:#7556D0; border-right:1px solid #eee;} .frame4 .tag3:nth-child(6){color:#4D8CAD; } .frame4 .tag3:nth-child(1) a{color:#51B17C; } .frame4 .tag3:nth-child(2) a{color:#C562B8; } .frame4 .tag3:nth-child(3) a{color:#BB9539; } .frame4 .tag3:nth-child(4) a{color:#B73B5E; } .frame4 .tag3:nth-child(5) a{color:#7556D0; } .frame4 .tag3:nth-child(6) a{color:#4D8CAD; } /*----------------我的书架和阅读记录---------------*/ .delete{width:24px;height:24px;padding:10px;position: absolute;right:10px;top:72px;z-index: 9;}/*删除书架的书*/ .delete img{width:24px;height:24px;} .delete:hover , .frame .collection:hover{ background-color: #f0f0f0;} .collection{width:66px;height:24px;line-height:24px;padding:5px;position: absolute;right:10px;top:80px;z-index: 9; color: #faa25b; text-align: right;}/*收藏到书架*/ .collection.active{color:#aaa;} .collection.active:hover{ background-color: transparent;} /*----------------目录页---------------*/ .mulu{padding:20px 10px 0 10px;} .mulu h1{ font-size: 20px; font-weight:normal;line-height: 36px;height: 36px;} .mulu p{height:24px; line-height: 24px; color: #aaa;} .mulu p:last-child{ text-align: right; font-size: 14px;} .mulu span{ margin-left: 20px; } .first{ background: url("../images/ic_first.png") no-repeat center left;background-size: 24px;padding-left:24px;} .before{ background: url("../images/ic_rewind.png") no-repeat center left;background-size: 24px;padding-left:24px;} .after{ background: url("../images/ic_forward.png") no-repeat center right;background-size: 24px;padding-right:24px;} .last{ background: url("../images/ic_last.png") no-repeat center right;background-size: 24px;padding-right:24px;} .tit8{ background: #fefefe;height:42px;line-height:42px; padding:0 10px;} /*----------------消费记录---------------*/ .syy{ background: url("../images/ic_play.png") no-repeat center left;background-size: 24px;padding-left:24px;}/*上一月*/ .xyy{ background: url("../images/ic_play2.png") no-repeat center left;background-size: 24px;padding-left:24px;}/*下一月*/ /*----------------搜索页面---------------*/ .ss{padding:10px;position: relative;} /*.ss .lf{padding-right:42px;}*/ .ss .rt{position: absolute;top:10px;right:10px;width:80px;} .submit{-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:0px; border-top-left-radius:0px; border-top-right-radius:4px; border-bottom-right-radius:4px; border-bottom-left-radius:0px;border:1px solid #c62828; background-color: #c62828;color: #fff;width:100%;height:36px;line-height:36px;}/*检索按钮*/ .x{ background: url("../images/ic_clear_white_48dp.png") no-repeat center center; background-size: 24px 24px; font-size:0;border:1px solid #c62828; background-color: #c62828; } .sstag{padding:10px 0;} .sstag a{ font-size: 14px; background-color: #fff; border:1px solid #ddd;color: #666;height:30px;line-height: 30px; padding: 0 4px; margin:0 5px 10px 0; display: inline-block;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .sstag a.active{border:1px solid #c62828; color: #c62828; background-color: #fff;} .tagbtn{width:100%; text-align: right;} .tagbtn a{ color: #aaa;height: 24px;line-height: 24px;} .down img ,.up img{width:24px;height:24px; float: right;} .tagk{width:100%;display:inline-block;} .ss .input1{height:36px; line-height:36px;} /*----------------封面页---------------*/ .fm li{height:140px;} .frame .lf2 img {width: 112px; height: 140px;} .fm li:hover , .comments li:hover{ background-color: transparent;} .comments p{ font-size: 14px; line-height:18px;word-break:break-all; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .rdbtn p{ color: #aaa;height:26px; line-height:26px;}/*阅读章节记录*/ .intro{padding: 10px;} .intro p{ line-height: 18px;}/*简介*/ .introbtn , .morecom { text-align: right; height: 30px; line-height: 30px;} .morecom{ padding: 0 10px;} .readtit{height:42px;line-height: 42px; padding:0 10px;}/*目录*/ .readtit h4{ font-size: 14px; float: left;} .readtit span{ color: #aaa; float: right; } .comments .combom{ padding: 5px 0 0 0; height:26px;line-height: 26px; color: #b0b0b0; text-align: right; font-size: 12px; display: inline-block;width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .comments li{padding-bottom:10px;} .detail{ color: #aaa;margin-left: 10px;} .reply{width:80px; color: #aaa;display: inline-block; text-align: right;} .ic_write{ background: url("../images/ic_create.png") no-repeat center left;background-size: 20px;padding-left:20px;} .statebtn4{position: relative; } .statebtncon{background-color: #fefefe;position: fixed;bottom:0;height:56px;width:100%;border-top:1px solid #ccc;z-index:99999999;} .statebtn04{position:absolute;top:0;right:0; width:30%;height:100%; background-color: #c62828; text-align: center;color:#fefefe;z-index:999999999;} .statebtn03{position:absolute;top:0;right:30%; width:30%;height:100%; background-color: #f68520;text-align: center; color:#fefefe;z-index:999999999;} .statebtn4 .lf{padding-right:60%;} .statebtn4 .statebtn01 , .statebtn4 .statebtn02{width:50%;height:100%;display:inline-block;float:left;text-align: center;} .statebtn4 img{ width:24px;height:24px;display:inline-block;margin-top:5px;} .statebtn4 span{width:100%;height:27px;line-height:17px; text-align: center;display: inline-block;} .statebtn1 , .statebtn1 a{width:100%;height:100%; text-align: center} .statebtn1 a{display:inline-block; font-size: 16px;line-height:50px; color: #555;} .statebtncon2{height:50px;-moz-box-shadow:0px -4px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0px -4px 5px rgba(0,0,0,0.1); box-shadow:0px -4px 5px rgba(0,0,0,0.1);} .statebtn03:hover{background-color: #C76C1A;} .statebtn04:hover{ background-color: #A22323;} .statebtn01:hover , .statebtn02:hover{ background-color: #ddd;} /*---------------- 评论页---------------*/ .commentbd{padding: 10px 10px 20px 10px;} .commentbdp{height:30px; line-height: 30px; text-align: right; color: #aaa;} .commentbdp em{ color: #404040;} .pinglun{position: fixed;bottom:0;left:0;z-index:999;height:56px;width:100%; background-color: #fefefe;border-top:1px solid #ccc;padding:8px 10px;} .plcon{position: relative;} .plcon .lf{position: absolute;left:0;top:0;z-index:9999;} .plcon .ic_pl{width:36px;height:36px;display:inline-block; background: url("../images/ic_dd.png") no-repeat center; background-size:24px;} .plcon .ic_pl:hover{ background-color: #ddd;} .plcon .center{padding:0 80px 0 40px;} .plcon .center2{padding:0 80px 0 0px;} .plcon .center input{width:96%;padding:0 2%;height:38px; line-height:38px;border:1px solid #ddd; background-color: #f9f9f9;} .plcon .rt{ position: absolute;right:0;top:0px;z-index:9999;} .plcon .rt button{width:76px;height:38px;line-height:36px; text-align: center; background-color: #C62828;border:1px solid #C62828; color: #fff; font-size: 16px;} .plcon .rt button:hover{ background-color: #971818;} .pltk{position: fixed;z-index:99999999;padding:15px 10px;left:0;top:0;width:100%;} .mu3 {background-color: rgba(0,0,0,.8); position: fixed;z-index: 999999;top: 0;left: 0;width: 100%;height: 100%;} .comments .lou{ color:#999;} /*----------------登录页---------------*/ .login{padding: 20px 10px;} .login p{ margin-bottom: 10px;} .login p:last-child{ margin-top: 20px;} .otherlogin{padding: 10px 20px;}/*其他登录方式*/ .otherlogin li{width: 33.333%;float: left;display:inline-block; text-align: center;} .otherlogin li:hover{ background-color: #ddd;} .otherlogin img{width:70%;} .otherlogin p{width:100%;display:inline-block;} .logintit{ text-align: center; border-bottom: 1px solid #ddd;position: relative; margin-bottom: 30px;} .logintit h4{ padding: 0 5px; color: #666; background-color: #f2f2f2; height:36px;line-height: 36px; font-size: 14px;position: absolute;left: 50%; margin-left: -75px;z-index: 9; top:-20px;width:150px; } .underline{ text-decoration: underline;} .otherloginbtn li{ float: right; margin-top: 10px;} .login3{padding:0 10px;} .login3 p:last-child{ margin-top: 0;} .otherlgbtn a img{width:70%;height:70%; margin-top:15%; margin-left: 15%;} .otherlgbtn a{ float: right;display:inline-block;width:42px;height:42px;} .otherlgbtn a:hover , .phbtn:hover{ background-color: #ddd;} .phbtn{ font-size: 14px;} .password{position: relative;} .offeye{position: absolute;right:10px;top:6px;z-index:9;width:30px;height:30px; background: url("../images/ic_visibility_off.png") no-repeat 0 0; background-size: 30px;height:30px; } .openeye{position: absolute;right:10px;top:6px;z-index:9;width:30px;height:30px; background: url("../images/ic_visibility.png") no-repeat 0 0; background-size: 30px;height:30px; } /*----------------充值页---------------*/ .pro{padding: 10px; margin-bottom: 10px;} .pro p{ height:20px;line-height:20px;} .czway{padding:0 10px;} .cztit{font-size:14px; height:32px;line-height:32px;} .methods li{ margin-bottom: 10px;width:50%;float: left;display:inline-block; text-align: center;}/*充值方式*/ .way{ width: 100%;display:inline-block;border:1px solid #ddd; background-color: #fff;position: relative;height:56px;} .way .lf{position: absolute;top:0;left:0;z-index:9;} .way .lf img{width:52px;} .way .rt{padding-left: 52px; text-align: center;} .way h5{ font-size: 14px; height:30px; line-height: 30px;} .way p{ color: #666;} .way.active , .money span.active{border:1px solid #c62828; background-color: #fff5f5;} .methods li:nth-child(n){ padding:0 5px 0 0;} .methods li:nth-child(2n){ padding:0 0 0 5px;} .money{width:100%;}/*钱*/ .money li{margin-bottom: 10px;position: relative;} .money li:nth-child(1),.money li:nth-child(4) , .money li:nth-child(7) {padding:0 10px 0 0; margin-bottom: 10px;} .money li:nth-child(2), .money li:nth-child(5) , .money li:nth-child(8) {padding:0 5px 0 5px;} .money li:nth-child(3n){padding:0 0 0 10px;} .money span{ height:42px; line-height: 42px;width:100%; border:1px solid #ddd; background-color: #fff;display:inline-block; font-size: 16px;} .cznum{ text-align: right; height:30px;line-height: 30px; font-size: 16px;} .cznum span{color:#aaa; font-size: 12px;} .explain{color:#aaa;padding:20px 10px;}/*注释*/ .money6 li:nth-child(n){ margin-bottom: 0; height: 62px;} .ic_zfb , .ic_wx{width:26px;height:26px;display:inline-block;margin: 8px 10px 0 0; } .zf label.tit{border-bottom:1px solid #e0e0e0;height:42px;line-height:42px;width:100%; display: block;overflow: hidden;} .zf label.tit:last-child{border:0;} .zf h2{font-size:16px;} .money3 span{height:48px;} .money3 span.song{line-height:38px;} .money3 span{position: relative; padding:5px 0;} .money3 span.song em{ width: 100%;display: inline-block; position: absolute;left: 0;top: 18px;font-size: 10px;color:#fe3963;} .money3 .firstcz{position: absolute;right: 10px;top: 2px;background-color:#ff325e;color: #fff;font-size: 12px;padding:0;width: auto;height: 16px;line-height: 12px;border:0;border-bottom-left-radius: 8px;border-top-left-radius: 8px;} .czway2{padding:0 20px 0 20px; background-color: #fff;} .czway2 .money3 li{width:50%;} .czway2 .money3 li:nth-child(2n){padding:0 0 0 10px ; } .czway2 .money3 li:nth-child(2n+1){padding:0 10px 0 0;} .an_yuan9{width:100%; text-align: center; margin-bottom: 10px;} .czway2 .money3 span.money3way{height: 72px;font-size:20px;line-height:24px;padding:14px 0; position: relative;} .czway2 .money3 span.active{background-color: #fff5f5;} .czway2 .money3 span.song em{position: relative;left:auto;top:auto;line-height:1em;color:#555; font-size: 12px;line-height:14px;float:left;} .czway2 .money3 span.song em.cpink , .czway2 .money3 span.song i{color:#fe3963;font-style: inherit;} .czway2 .money3 span.song b{color: #fe3963;font-weight:normal;} .czway2 .money3 .yuan9 .firstcz{padding:2px 10px;} .czway2 .money3 .yuan9 span.active , .czway2 .an_yuan9 span.active{ border: 1px solid #fe3963;background-color: #fff5f5;} .czway2 .money3 .firstcz{padding:2px 5px;right:0;top:3px;} .czway2 .sc_money3 li:nth-child(2n+1){padding:0 0 0 10px ; } .czway2 .sc_money3 li:nth-child(2n){padding:0 10px 0 0;} .czway2 .sc_money3 li:nth-child(2n+1).yuan9{width:100%;padding:0;} .zf2{ background-color: #fff;padding:0 10px;} .zf2 h2 {font-size: 14px;} .zf2 li{width:50%;float:left;padding: 5px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;height:52px;line-height: 42px;} .zf2 .active{ background-color: #f00;width:100%;height:42px;line-height: 40px;border: 1px solid #fe3963;background-color: #fff5f5;padding:0 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;} .zf2con{padding:0 10px;line-height:40px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border:1px solid #fff;} /*----------------阅读页---------------*/ .alertbk {background-color: #fbdbe1;height: 42px;line-height: 42px;padding: 0 10px;}/*提示收藏*/ .alertbk a {height: 30px;line-height: 30px;} .alertbk .okbtn {padding: 4px 10px;margin: 0 20px;background-color: #c62828;border-color: #c62828;color: #fff;} .rdcon {padding: 15px; margin: 0;position: relative; background-color: #f2f0ed; background: url("../images/rdbg.png") repeat;} .rdtit h1 {font-size: 20px;line-height:48px;} .readsetbtn {width: 100%;height: 24px;margin: 15px 0 10px 0;padding: 0 0 10px 0;text-align: right;border-bottom: 1px solid #ddd;} .rdbg{ background-color: #f2f0ed; background: url("../images/rdbg.png") repeat;} .readsetbtn a {display: inline-block;padding: 2px 6px;margin-left: 10px;width: 20px; height: 20px;background-color: #fff;} .readsetbtn a:hover{ background-color: rgba(255,255,255,.5);} .readsetbtn img{width:20px;height:20px;} .rdtext p { font-size: 16px;padding-bottom: 0.75em;line-height: 1.625em;text-indent: 2em;} .authorspeak{ border-top: 1px solid #ddd;}/*作者的话*/ .authorcon{ margin: 20px 0;background-color: #fbf2df;padding: 10px;} .authorspeak p:first-child{ color: #aaa; margin-bottom: 10px;} .authorspeak p:first-child span{ margin: 0 10px;} .rdbom{padding: 10px 0;border-top: 1px solid #ddd; }/*上下章节按钮*/ .rdbom a{width:100%; border:1px solid #ccc;height:42px;line-height:42px;display:inline-block; font-size: 14px; background-color: #fff;} .rdbom .next{border:1px solid #c62828; background-color: #c62828; color: #fff;} .rdbom .disable{ border:1px solid #ccc; background-color: #eee; color: #999;} .rdbom a:hover{ background-color: #ccc;} .rdbom2 {padding: 10px 0;border-bottom: 1px solid #ddd;}/*书签和书评*/ .ewm{ text-align: center; padding: 10px 0;}/*二维码*/ .ewm p{color: #666; text-align: center;} .ewm p:first-child{ text-align: left;} .ewm img{width: 80px; height: 80px; margin: 10px 0;} .overcon01{border-bottom:1px solid #ddd;margin-bottom: 10px;padding-bottom: 10px;} .overcon01 h1 { font-size: 26px;line-height: 1.6em;text-align: center;width: 100%;display: inline-block;}/*阅读尾页*/ .overcon01 p {text-align: left; font-size: 12px; margin: 5px 0;} .rdend { padding: 10px;margin: 0; position: relative;} .rdend .frame2{padding:10px 0;} .rdend .tit h1 , .rdend .tit { font-size: 14px; font-weight:bold;padding:0;height:20px;line-height: 20px;} .rdbt{width:100%;height:20px; line-height: 20px; overflow:hidden;}/*标题*/ .rdbt a , .rdbt span{ float:left;} .rdbt span{ color:#666; margin: 0 10px;} .rdbt .rdname{max-width:100px;} .rdbom3{position: relative;padding:10px 100px 10px 50px; background-color: #272727;height:62px;-moz-box-sizing:border-box;-webkit--box-sizing:border-box;box-sizing:border-box;} .rdbom3 button{position: absolute;right:10px;top:10px;width:100px;} .rdbom3 a{position: absolute;left:0;top:10px;width:50px;height:40px;line-height:40px; text-align:center;display:inline-block;color:#fff;font-size:22px;} .rdbom3 p , .rdbom3 h4{color:#fff;} .rdbom3 h4{font-size:14px;font-weight:600;padding:5px 0 ;} /*黑夜*/ .rdbg_black{ background: none; background-color: #251512; color:#716D6B;} .rdbg_black .authorcon{ background-color: #1D100E;} .rdbg_black .readsetbtn , .rdbg_black .rdbom2{border-bottom: 1px solid #1B0905;} .rdbg_black .authorspeak , .rdbg_black .rdbom{border-top: 1px solid #1B0905;} .rdbg_black .readsetbtn a{background-color: #4C2D2D;} .rdbom .ml{ background-color: transparent;} .rdbg_black .rdbom .ml{ color:#fff;} .fm .rt5 p { height: 22px;line-height: 22px;} .fm h1 {height: auto;line-height: 20px;padding:5px 0; } .fmfree .rt5 p { height: 19px;line-height: 19px;} .fmfree h1 {height: auto;line-height: 20px;padding:5px 0;} .fm .rt5 p , .fmfree .rt5 p{width:100%;} .fm .rt5 h1 , .fmfree .rt5 h1{width:100%;float:left;} .fmfree{height:180px;} /*vip章节*/ .vipbtn{ background-color: #78ce44; border:1px solid #5bab2a;} .vipbtn:hover{ background-color: #60b42c; border-color: #49911e;} .rdvip{ background-color: #e9e9e9;padding: 10px; border:1px solid #ddd;} .rdvip h1{font-size: 20px;line-height: 1.625em;} .rdvip p {padding-bottom: 0.25em;line-height: 1.25em;} .rdvip p span {margin-left: 15px;color: #f05f5f;display:inline-block;} .rdvip h4{ color: #C62828;} .rdvip .ccolor1{color:#476DC5;} .chongzhibtn { margin-left: 10px;padding: 5px 15px;background-color: #fff;border: 1px solid #ddd;display: inline-block;} .vipchapter span { padding:0 10px 0 0; width: 50%;height: 40px;display: inline-block; margin-bottom: 10px; float: left;} .vipchapter span:nth-child(2n){padding:0 0 0 10px; } .vipchapter a {text-align: center; background-color: #fff; font-size: 16px;color: #666;width: 100%;margin: 0 auto;height: 40px; line-height: 40px;display: inline-block;border: 1px solid #ddd;} .vipchapter a:hover , .chongzhibtn:hover { background-color: #eee;border:1px solid #ccc;} .vipchapter a.active{border:1px solid #e12b52; background-color: #FFF4F7;} .cj{width:100%;padding-right:50px;} .free{position: absolute; top:0;right:10px;z-undex:999;} .cjcon{position: relative;} .lock img , .lockopen img{width:20px;height:20px;position: absolute; top:10px;right:10px;} .cjcon{position: relative;} /*登录注册页*/ .login2 .yz , .login2 .yz2{position: relative;padding-right:120px;} .login2 .yz2{padding:0;} .login2 .yzm{position: absolute;top:0;right:0;z-index:9;padding:0 10px; overflow:hidden;height:40px;line-height:40px;border:1px solid #e12b52; background-color:#c62828;display:inline-block;color:#fff;width:80px; text-align: center; font-size: 14px;} .login2 .yzm.active{ background-color: #eee; border:1px solid #ccc;color: #666;} .login2 .yzmimg{position: absolute;top:10px;right:0;z-index:9; overflow:hidden;height:30px;display:inline-block;width:100px;} .login2 .yzmimg img{width:55px;height:20px;} .correct {position: absolute;right:130px;top:12px;width:20px;height:20px;} .correct img{width:20px;height:20px;} .yz2 .correct {position: absolute;right:10px;top:10px;width:24px;height:24px;} /*反馈和热门问题*/ .feedback{padding:10px;} .feedback li{ margin-bottom: 20px;} .feedback li.problem {width:80%;padding-right:20%;} .feedback li.answer{width:80%;padding-left:20%;} .problemnr{ background-color: #f2f2f2; padding: 10px;} .answernr{ background-color: #fee3e8;padding: 10px;} .feedback li.answer span{ text-align: right;} .feedback span{color:#aaa;width:100%;display:inline-block;} .hotproblem{} .hotproblem li{padding:0 10px 10px 10px; border-bottom: 1px solid #eee;} .hotproblem li:last-child{ border-bottom: 0;} .hotproblem h4{ font-size: 14px; line-height: 20px; padding: 8px 0;} .hotproblem p{ color: #aaa; } .hotproblem li:hover{ background-color: #f0f0f0;} .hotproblem2{padding:10px;} .hotproblem2 h2{ font-size: 16px; line-height: 20px; padding: 8px 0; color: #c62828;} .hotproblem2 p{line-height: 22px; margin-bottom: 10px; font-size: 14px; color: #666;} .norecord{ margin-top: 10px; color: #aaa; text-align: center; font-size: 14px; } .hotproblem2 .time{color: #aaa;font-size: 12px;} /*弹窗*/ /*.mu{ background-color: rgba(0,0,0,.2);position: fixed;;z-index: 999; top: 0;left:0;width:100%;height:100%;}*/ .mu2{ background-color: rgba(0,0,0,.2);position: fixed;;z-index: 999; top: 0;left:0;width:100%;height:100%;} .tk{width:280px;position: fixed; margin: auto; left:50%;top:50%;margin-top: -90px; margin-left: -140px;z-index: 9999; background-color: rgba(255,255,255,1);display:table-cell; vertical-align:middle;} .tkbtn a{ width:50%;float:left;display:inline-block;height:42px;line-height: 42px; text-align: center; font-size: 14px; color: #999;} .tkbtn{ border-top:1px solid rgba(0,0,0,.1);width:100%;} .tkbtn a.ok{border-right:1px solid rgba(0,0,0,.1);} .tkbtn a:hover{background-color: rgba(0,0,0,.05); } .tkcon{ padding: 15px 10px; font-size: 14px; line-height: 20px; min-height:50px; display: table;} .tkcon p{vertical-align: middle; display: table-cell;} /*自动订阅*/ .nohover li em{width:86%; font-size: 14px;display: inline-block;} .nohover span {margin-top: 2px;} .checkbox02 {background-color: #fff;border: 1px solid #ddd;height:18px;width:18px; margin: auto; margin-top: 9px; } .frame5 .autobg , .frame5 .autobg:hover{background-color: #FFECF0; font-size: 14px;} /*打赏*/ .dshead{padding: 10px;position: relative} .dshead img{ width: 42px;height:42px;border:1px solid #ddd;} .dshead .lf{ margin-right:10px;position: absolute;z-index: 9;top:10px;left:10px;} .dshead p{ line-height: 21px; margin-bottom: 5px;} .dshead .rt{padding-left:52px;} .dscon{padding: 10px;} .dscon li{width:20%; text-align: center; float: left; display: inline-block;} .dscon li img{width:100%; height:10%;margin: 0 auto;} .dscon li span{width:100%;display: inline-block;} .dscon li:hover{ background-color: #ddd;} .dsdt{padding:0 10px 10px 10px;} .dsdt li{width:100%;position: relative;height:22px;line-height: 22px;color:#666; } .dsdt .lf{padding-right:40%;} .dsdt .rt{position:absolute;z-index:9;width:35%;right:10px;top:0;} .tit6{padding:10px 10px 0 10px;height:20px;line-height:20px;font-size:12px; color: #999;} .tit7{padding:10px ;height:20px;line-height:20px;font-size:14px; text-align: right; } .dstk{position: fixed;top:0;left:0;width:100%;height:100%;z-index:999999; background-color: rgba(0,0,0,.5);padding:10px 20px;} .dstkcon{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;margin-top: 10px;width:100%;-moz-box-shadow:0px 2px 5px #333333; -webkit-box-shadow:0px 2px 5px #333333; box-shadow:0px 2px 5px #333333; background-color: #fff;border:1px solid #ccc;} .dstkcontop{position:relative;padding:10px; background-color: #f0f0f0;border-bottom-left-radius: 60px; border-bottom-right-radius: 60px;padding-bottom:20px; text-align: center; } .dstkcontop01 img{width:48px;height:48px;border:1px solid #ddd;} .dstkcontop02 h1{font-size:26px;line-height:36px;height:36px;width:100%;overflow: hidden;} .dstkcontop02 p{color: #999;} .dstkcontop03 button{ width:60px;height:40px; margin: 0 5px; font-size: 0;} button.reduce{ background: url("../images/ic_reduce.png") no-repeat center; background-size:36px; background-color: #c62828;} button.add{ background: url("../images/ic_add.png") no-repeat center; background-size:36px; background-color: #c62828;} .dstkcontop03 button.dis , .dstkcontop03 button.dis:hover{ background-color: #ddd;border-color:#ccc;cursor:not-allowed;} .dstkcontop03 button:hover{ background-color: #971818;} .close{position: absolute;right:0px;top:0px;width:36px;height:36px;display:inline-block; background:url("../images/ic_clear.png") no-repeat center; background-size:36px;z-index:9;} .close:hover{ background-color: #ccc;} /*其他*/ .mbom0{ margin-bottom: 0;} .noborder{ border: 0;}/*无边框*/ .disable , .frame8 .disable , .frame6 .disable{ background-color: #ddd; cursor: not-allowed; color:#999;} .disable , .disable:hover{background-color: #f0f0f0; border:1px solid #ddd;} .top .rt{ display: inline-block; float:right;height:48px; overflow: hidden;} .top .rt a{float: right;} .noye{ background: url("../images/404.png") no-repeat top center; background-size:200px 194px;width:100%;display:inline-block; background-color: #fff;padding:10px;padding-top: 190px;} .noye h1{ font-size: 18px; line-height: 36px; text-align: center;height:36px; overflow: hidden;} .noye p{color: #999;width:100%; margin: 0 auto; margin-bottom: 10px;} .yemnr404 {height: 34px;background-color: #f0f0f0;line-height: 34px;width:100%; display:inline-block;} .yemnr404 a.sy { display: inline-block;width: 60px; background-color: #c62828;text-align: center;color: #fff;} .yemnr404 a.sk {display: inline-block;width: 60px;height: 32px;background-color: #f0f0f0;text-align: center;height: 32px;} .yemnr404 span { margin-top: 4px; } .yemnr404 .ssinput { width: 140px; float: left;height: 26px;padding: 0 0 0 10px; font-size: 12px;border-radius:none; -webkit-border-radius:0; -moz-border-radius:0;} .yemnr404 .ssinputbtn { margin-left: -1px; width: 50px;border-radius:none; -webkit-border-radius:0; -moz-border-radius:0;color: #fff;height: 26px;line-height:24px; font-size:12px;border:1px solid #c62828;background-color: #c62828;float: right;} .yemnr4042 { width: 100%;margin: 0 auto; margin-top: 10px;} .yemnr404 a.sy:hover{ background-color: #e12b52;} .yemnr404 a.sk:hover{ background-color: #ddd;} .laba img{width:20px;height:20px; margin-top: 9px;float:left;} .like{ height:42px;line-height: 42px; text-align: right;padding:0 10px;}/*偏爱*/ .like:hover{ background-color: #ddd;} .ic_set img{width:20px;height:20px; margin-top: 12px;} .twobk li{height:76px; padding:10px;text-align: center} .twobk li:nth-child(2n+1){ border-right:1px solid #eee;} .twobk li:nth-child(3) , .twobk li:nth-child(4){ border-top:1px solid #eee;} .twobk h2{ font-size: 16px;height:36px;line-height: 36px;}/*新书和免费*/ .twobk p{width: 100%;color: #aaa;height: 20px;line-height: 20px;} .twobk span{position: absolute;z-index: 9;right:5px; top:20px;} .ct{ text-align: center;height:42px;line-height: 42px;} .tit9{ background-color: #e0e0e0; } .tit9 a{ width:50%;float:left;display:inline-block;height:38px;line-height: 38px; text-align: center; font-size: 14px;color: #999;} .tit9 a.active{ background-color: #fff; color: #404040} .tit10{height:42px;line-height: 42px;} .tit10 li:first-child{border:0;} .pdlr10{padding:0 10px;} .through{ text-decoration: line-through;}/*特价书*/ .tejia{height:20px; line-height: 20px; margin-bottom: 5px;width:100%;display:inline-block; } .frame .rt .h38em{ height: 3.8em;} .frame .rt p.free01p{height:26px;line-height:26px;}/*免费页面*/ .frame .rt p.f14c0{ font-size: 14px; color: #404040;} .fmfree .rt5 p.cred{color:#f00;} .rdbom a:hover{alpha(opacity=80); -moz-opacity: 0.8;} /*导航*/ .header {z-index: 1;position: relative;font-size: 14px;height:auto;} .header .logo {position: absolute;left: 0px;top: 0; z-index:9;background: none; width: 70px; height: 41px;} .header .logo img{width:60px;height:33px;margin:8px 0 0 10px;} .header .top {height: 50px;padding-top:4px;line-height: 50px;padding: 0 10px 0 90px; font-size: 1em; color:#fff;} .header .top li {float: left;width: 16%;line-height: 50px;color:#fff; text-align: center;position:relative;} .header .top li:first-child{width: 26%;} .header .top li a{width:100%;} .header .top li span{width:40px;display:inline-block;line-height:40px;border-bottom:2px solid #c62828;color:#fff;font-size: 15px;} .header .top li:first-child span{width:60px;} .header .top li a.active span { border-bottom:2px solid #fff;} .header .bom {height: 46px;line-height: 46px;padding: 0 10px 0 50px;background: #fff;color:#666;} .header .bom a{color:#666;font-size: 12px;} .header .accounts { width: 100%;text-align: right;height:40px;} .header .sousuo{position: absolute;left: 10px;top: 50px;} .header .sousuo span{width:24px;height:24px; float:left;display:inline-block;margin-top:6px;} .header .accounts a {color: #666; margin-left: 5px; } .header .on a{ width:80px; text-align:right;overflow:hidden;display:inline-block;height:40px;float:right;font-size:10px;position:relative;} .header .on a img , .header .sousuo img{width:20px;height:20px;} .header .accounts span img , .readtit .readset span img {vertical-align: -7px;} .icnext img{width:22px;height:40px;float:left;margin-top:6px;} .select2{display:none;background-color: #fff;width:104px; position: absolute;left:-58px;top:42px;z-index:9;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;} .nava:hover .select2{display:block;} .header .top .select2 li{width:100%;height:36px;line-height:36px; background-color: #fff;zindex:999;} .select2 li a{color:#404040;height:36px;line-height:36px; font-size:15px;display:inline-block;width:100%;height:100%;border:0;} .select2 li a:hover , .select2 a.active2{ background-color: #eee;} .header .top a:hover span{ background-color: rgba(0,0,0,.2);} .header .top li.nava{width:10%;} .icnext a{} .header .on a.username img{border:1px solid #eee;margin-right: 25px;} .ic_reddot{border-radius:15px;background-color: #f00;color:#fff;font-size:10px;display:inline-block;position: absolute;left:45px;top:8px;z-index:9;height: 12px;line-height:12px;min-width:12px;padding:0 5px;text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .ttop .ic_reddot2{border-radius:15px;background-color: #f00;color:#fff;font-size:10px;display:inline-block;position: absolute;right:3px;top:0;z-index:9;height: 12px;line-height:12px;font-weight:normal;min-width:12px;padding:0 5px;max-width:32px;margin:0;text-align:right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .frame5 .ic_reddot2{float: left;background-color: #f00;color: #fff;font-size: 10px;border-radius: 15px;padding: 0 5px;margin:12px 0 0 10px;height:16px;line-height:16px; } .messagetit{padding:8px 10px; text-align: right;} .allread{background: url("../images/ic_done_all.png") no-repeat 4px center;background-size: 16px;padding-left: 35px;color: #888; border: 1px solid #F0EEEE;padding: 8px 12px;border-radius: 4px;background-color: #fff;display: inline-block;width: 60px;} .allread:active{ background-color: #f0f0f0;} .message li{border-top:1px solid #eee;padding:15px 10px;line-height:1.2em;width:100%;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .message .name2{color:#C62828;} .message .wordnr{color:#C62828;} /*阅读尾页*/ .tuijian{ background-color: #fff;border:1px solid #ddd;padding:10px;margin:0 10px 10px 10px;} .ztimg{width:100%;position: relative; } .ztimg img{width:100%;height:auto;} .ztimg p{position: absolute;left:0;bottom:0;height:32px;line-height:32px; background-color: rgba(0,0,0,.8); color: #fff;font-size: 14px;width:100%;padding:0 5px;} .tuijian li{width:100%;position: relative;border-bottom:1px solid #eee;padding:10px 0; } .tuijian li .lf{width:100%;padding:3px 0 10px 0;height:45px;padding-right:65px; font-size: 14px;line-height:20px;overflow:hidden;} .tuijian li .rt{position: absolute;top:10px;right:10px;} .tuijian li .rt img{width:45px;height:45px;} .tuijian li:last-child{border:0;} .tuijian li:hover{ background-color: #eee;} .comments p {line-height: 18px;} @media screen and (max-width:375px){ .header .top li span{ font-size: 14px;} } @media screen and (max-width:360px){ .header .top li span{ font-size: 13px; } } /*---------------- 320---------------*/ @media screen and (max-width:320px){ .w78 {width: 72%;} .frame .rt , .frame .rt3 , .frame .rt4 {padding-left:90px;} .frame .rt2{padding-left:117px;} .frame img , .frame2 img{width:80px;height:100px;} .frame2 div{width:80px;} .frame li{height:100px;} .frame .delete img {width: 24px; height: 24px;} .frame .rt p, .frame .rt2 p {height: 60px;overflow: hidden;} .frame .rt4 p{height:28px;color:#aaa;overflow:hidden; margin-bottom: 14px;} .top .rt .rtlogin {line-height: 24px;color: #fff;float:left;display: inline-block;font-size: 12px;width: 24px; text-align: center;} .fm li {height: 140px; border: 0;} .rdend { padding: 10px;margin: 0; position: relative;} .rdend .frame2{padding:10px 0;} .rdend .tit h1 , .rdend .tit { font-size: 14px; font-weight:bold;padding:0;height:20px;line-height: 20px;} .yemnr404 .ssinput { width: 100px;} .sstag a { padding: 0 1px;margin: 0 1px 10px 0; } .rdbt .rdname{max-width:90px;} .frame .rt5 { padding-left: 122px; } .nav li a{font-size:14px;} .ic_next {background: url("../images/ic_arrow_drop_down.png") no-repeat right center;padding-right: 10px; -webkit-background-size: 12px 22px;-moz-background-size: 12px 22px;background-size: 12px 22px;} .nav li .select3 li a{font-size:14px;} .header .top a {font-size: 14px;} .rdvip p span {margin-left: 5px;color: #f05f5f;display:inline-block;} .chongzhibtn { margin-left: 0px;padding: 5px 7px;background-color: #fff;border: 1px solid #ddd;display: inline-block;} .header .top li span { font-size: 12px; } .header .on a {width: 70px;} .ic_reddot {left: 35px;} } /** change by hoping **/ .tagbtn a span {width: 24px; height: 24px;display: block;float: right; filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')"; -moz-background-size:100% 100%;background-size:100% 100%} .tagbtn a .down {background-image: url("../images/ic_down2.png");} .tagbtn a .up {background-image: url("../images/ic_up.png");} /*男女生言情*/ /*.navnan , .header .navnan{ background-color: #0097a7;} .navnv ， .header .navnv{ background-color: #ff286e;} .navnan li a , .bordernan , .header .navnan li span {border-color:#0097a7;} .navnv li a , .bordernv , .header .navnv li span {border-color: #ff286e;} .cnan{color:#0097a7;} .cnv{color:#ff286e;} .autobgnan{ background-color: #DAF0F3;} .autobgnv{ background-color: #FFECF0;} button.buttonnan , a.buttonnan{background-color: #0097a7;border-color:#0097a7;} button.buttonnv , a.buttonnv{background-color: #ff286e;border-color:#ff286e;}*/ .header .top , .ttop , button.reduce , button.add{background-color: #c62828;} .header .top li span {border-bottom: 2px solid #c62828;} a.button, button , .rdbom .next{background-color: #c62828;border:1px solid #c62828;} button:hover , .yemnr404 .ssinputbtn:hover , .rdbom .next:hover{ background-color: #bf040a;border:1px solid #bf040a; } .frame5 .autobg, .frame5 .autobg:hover {background-color: #DAF0F3;;} .tit2 a.active span {color: #c62828;border: 1px solid #c62828;} .num1 {background-color: #c62828;color: #fff;} .num2 {background-color: #E45B5B;color: #fff;} .num3 {background-color: #EF8C8C;color: #fff;} .submit { border: 1px solid #c62828;background-color: #c62828;} .sstag a.active{border:1px solid #c62828; color: #c62828; background-color: #fff;} .way.active, .money span.active {border: 1px solid #c62828; background-color: #E5FBFD;} .cpink{ color: #c62828;} .alertbk{background-color: #E5FBFD;} input[type="text"]:hover , input[type="password"]:hover{border:1px solid #c62828;} .dstkcontop03 button:hover{ background-color: #bf040a;} .statebtn04{background-color: #c62828;} textarea:hover{border:1px solid #c62828; } .statebtn04:hover{ background-color: #bf040a;} .alertbk .okbtn {background-color: #c62828;border-color: #c62828;color: #fff;} .vipchapter a.active { border: 1px solid #c62828; background-color: #E5FBFD;} .statebtn03{ background-color: #ffb03f;} .statebtn04:hover , .statebtn4 .statebtn03:hover{ background-color: #bf040a;} .statebtn4 .statebtn03:hover{ background-color:#E0911F;} .banner2{ background-color:#c62828; } .statebtncon .disable{ background-color: #ddd;cursor: not-allowed;color: #999;} .statebtn02dis{background-color: #ddd;cursor: not-allowed;color: #999;} .frame img, .frame2 img{ background-color: #eee;} /*加载*/ #floatingCirclesG{position:relative;width:42px;height:42px;display:inline-block;float:right;transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);} .f_circleG{position:absolute;background-color:rgb(255,255,255);height:7px;width:7px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:0.832s;-o-animation-duration:0.832s;-ms-animation-duration:0.832s;-webkit-animation-duration:0.832s;-moz-animation-duration:0.832s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;} #frotateG_01{left:0;top:17px;animation-delay:0.3095s;-o-animation-delay:0.3095s;-ms-animation-delay:0.3095s;-webkit-animation-delay:0.3095s;-moz-animation-delay:0.3095s;} #frotateG_02{left:5px;top:5px;animation-delay:0.416s;-o-animation-delay:0.416s;-ms-animation-delay:0.416s;-webkit-animation-delay:0.416s;-moz-animation-delay:0.416s;} #frotateG_03{left:17px;top:0;animation-delay:0.5225s;-o-animation-delay:0.5225s;-ms-animation-delay:0.5225s;-webkit-animation-delay:0.5225s;-moz-animation-delay:0.5225s;} #frotateG_04{right:5px;top:5px;animation-delay:0.619s;-o-animation-delay:0.619s;-ms-animation-delay:0.619s;-webkit-animation-delay:0.619s;-moz-animation-delay:0.619s;} #frotateG_05{right:0;top:17px;animation-delay:0.7255s;-o-animation-delay:0.7255s;-ms-animation-delay:0.7255s;-webkit-animation-delay:0.7255s;-moz-animation-delay:0.7255s;} #frotateG_06{right:5px;bottom:5px;animation-delay:0.832s;-o-animation-delay:0.832s;-ms-animation-delay:0.832s;-webkit-animation-delay:0.832s;-moz-animation-delay:0.832s;} #frotateG_07{left:17px;bottom:0;animation-delay:0.9385s;-o-animation-delay:0.9385s;-ms-animation-delay:0.9385s;-webkit-animation-delay:0.9385s;-moz-animation-delay:0.9385s;} #frotateG_08{left:5px;bottom:5px;animation-delay:1.035s;-o-animation-delay:1.035s;-ms-animation-delay:1.035s;-webkit-animation-delay:1.035s;-moz-animation-delay:1.035s;} @keyframes f_fadeG{0%{background-color:rgb(250,60,101);}100%{background-color:rgb(255,255,255);}} @-o-keyframes f_fadeG{0%{background-color:rgb(250,60,101);}100%{background-color:rgb(255,255,255);}} @-ms-keyframes f_fadeG{0%{background-color:rgb(250,60,101);}100%{background-color:rgb(255,255,255);}} @-webkit-keyframes f_fadeG{0%{background-color:rgb(250,60,101);}100%{background-color:rgb(255,255,255);}} @-moz-keyframes f_fadeG{0%{background-color:rgb(250,60,101);}100%{background-color:rgb(255,255,255);}} /*打赏*/ .dashang0{background-color: rgba(0,0,0,.8);position: fixed;top:0;left:0;z-index:999999998;width:100%;height:100%;} .dashang{position: absolute;top:0;left:0;z-index:999999999;width:100%;height:100%;} .dstop{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; background-color: #fff; } .ds_closebtn{padding:6px;width:32px;height:32px;display:inline-block;float:left;color:#222; background: url("../images/das/ic_ds_closebtn.png") no-repeat center center;background-size:32px;} .dstop01 , .dstop02 , .dstop02 h2 , .dscon , .dsconpt03 , .dascon02 ,.dascon06 , .dascon07 , .dascon08{width:100%;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .dstop01 span{float: left; height: 44px;line-height: 44px;font-size: 18px;margin-left: 30px;} .dstop01 h2{text-align: center; height: 44px;line-height: 44px;font-size: 18px;position: absolute;top:0;left:0;width:100%;padding: 0 44px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .dstop02{padding:0 15px 15px;} .dstop02 h2{ font-size:20px; text-align: center;color:#222;padding:0 0 10px 0;} .dstop02 p{color:#555;font-size:12px; line-height:1.2em;} .dascenter{padding:30px;position:relative;padding-top:60px;} .dascon{background-color: #fff;} .dascon01{position: relative;padding-bottom: 40px;} .das_bg01{padding:15px;min-height:90px; text-align: center; background-color: #e8554d;width:100%;border-bottom-left-radius: 600px;border-bottom-right-radius: 600px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .das_bg01 p{color:#fff; line-height: 1.2em; margin-bottom: 5px; font-size: 12px;} .das_bg01 .ic_das_pen{color:#df0;padding-right:20px; background: url("../images/ic_ds_pen.png") no-repeat right center;background-size:16px;display: inline-block;} .das_bg01 .ic_das_pen2{padding:0 5px;width:90%; margin: 0 5%; background:none; background-color:#fff;color:#000;font-size:10px;height:24px;padding:4px;line-height:16px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; overflow: hidden;display: inline-block;text-overflow: ellipsis;white-space: nowrap;} .das_bg01 .ic_das_pen3{padding:0 20px 0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; overflow: hidden;height: 15px;display: inline-block;width:100%;text-overflow: ellipsis;white-space: nowrap;} .dascon01img{position: absolute;top:50px;left:50%;margin-left:-40px;} .das_pic{width:80px;height:80px;display:inline-block;background-color: #f0f0f0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .dascon02{text-align: center;padding:15px 0 5px 0;} .dascon02 button{ background-color: #e8554d;text-align:center;border:1px solid #e8554d;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:60px;height:30px;line-height:30px; font-size: 30px;color:#fff;} .dascon02 button.disable , .dascon02 button.disable:hover{ background-color: #eee;border: 1px solid #ccc; cursor: not-allowed;} .dascon02 label{padding:0 15px; font-size:20px;line-height:30px;color:#f00; } .das_reducebtn{ background: url("../images/das/ic_reduce.png") no-repeat center; background-size: 30px;} .das_addbtn{ background: url("../images/das/ic_add.png") no-repeat center; background-size: 30px;} .dascon02 p{color:#222;} .dascon03{ text-align: center;padding:10px 0;} .dascon03 button{background-color: #e8554d;border:1px solid #e8554d;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:220px;height:30px;line-height:28px; font-size: 14px;color:#fff;} .dascon03 button.disable , .dascon03 button.disable:hover{color:#999;background-color: #eee;border-color:#ccc;} .dascon03 button:hover , .dascon02 button:hover{background-color: #CA4F49;border-color:#CA4F49;} .dascon04{padding:5px; text-align: center;font-size:11px; line-height: 14px;color:#999;} .dascon05{padding:10px;padding-top:0;} .dascon05 h2{font-size:12px;color:#666;padding:10px 0 5px 0;text-align: center;} .dascon05img span{padding: 0 2px;width:28px;height:24px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display: inline-block;} .dascon05img img{width:24px;height:24px;display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} .dascon05img{position: relative;width:100%;overflow: hidden;height:24px; text-align: center;} .dascon05img .dascon05d{position: absolute;right:0;top:0;z-index:999; background: url("../images/ic_more.png") no-repeat center; background-size:24px;width: 24px;height:24px; background-color: #fff;margin:0;display:inline-block;} .dasbom{width:100%;z-index:9999999999; text-align: center;padding:15px 0;} .dasbom_img {display:inline-block; text-align: center;width:54px;} .dasbom_img span{ margin: 0 auto;padding:0 2px;display: inline-block;width: 100%;text-align: center;font-size:10px;} .dasbom_img img{width:50px ;height:50px;border:1px solid #eee;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color: #f9f9f9;} .dasbom_img.active img{border:2px solid #e8554d;background-color: #fff;} .dasbom_img.active span{font-size:12px;color:#e8554d;} .dasbom_btnlf{position: fixed;left:0;bottom:0; width:60px;height:60px;z-index:99999999999; background: -moz-linear-gradient(left, rgba(30, 30, 30, 1) 0%, rgba(30, 30, 30, 0) 100%);background: -webkit-linear-gradient(left, rgba(30, 30, 30, 1) 0%, rgba(30, 30, 30, 0) 100%);background: linear-gradient(to right, rgba(30, 30, 30, 1) 0%, rgba(30, 30, 30, 0) 100%);} .dasbom_btnrt{position: fixed;right:0;bottom:0; width:60px;height:60px;z-index:99999999999; background: -moz-linear-gradient(left, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 1) 100%);background: -webkit-linear-gradient(left, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 1) 100%);background: linear-gradient(to right, rgba(30, 30, 30, 0) 0%, rgba(30, 30, 30, 1) 100%);} .dasbom_btnlf span{width:100%;height:100%;display:inline-block;background: url("../images/das/ic_dasbom_lf.png") no-repeat left center;background-size:50px;} .dasbom_btnrt span{width:100%;height:100%;display:inline-block;background: url("../images/das/ic_dasbom_rt.png") no-repeat left center;background-size:50px;} .successbg{width:100%; background: url("../images/das/successbg.gif") repeat left top;height:240px;position: absolute;top:0;left:0;z-index:2;} .success .dascon001img{position: relative;margin: 0; text-align: center;padding-top:40px;} .success .das_pic{width:100px;height:100px;} .dascon06{ text-align: center;} .dascon06 h2{font-size:20px;} .success .dascon01{padding-bottom:20px;} .dascon07{ text-align: center;padding:10px 0;} .dascon07 span{ line-height: 36px; font-size: 16px; color:#e8322d;display:inline-block; background: url("../images/das/ic_hp.png")no-repeat left center;background-size:36px;padding-left:40px;} .dascon08 .cred , .das_author .cred{color:#f00;} .dascon08{padding:0 15px 25px 15px;font-size:11px;line-height:1.2em;color:#444;text-align: center;} .dascon08 p.pm2{ margin-bottom: 20px;} .dascon09{ text-align: center;} .dascon09 img{width:90px;height:90px;display:inline-block;float:left;} .dascon09 span{display:inline-block;line-height:90px;color:#e8322d;font-size:24px;} .das_author { background-color: #fff; position: relative;padding:15px 30px 15px 90px; margin-bottom:10px;-moz-box-sizing:border-box;-webkitbox-sizing:border-box;box-sizing:border-box;} .das_author .lf{position: absolute;top:10px;left:30px;} .das_author .lf img , .das_author .rt2 img{width: 42px;height: 42px;display: inline-block;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} .das_author .lf2 img{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;width: 42px;height: 45px;} .das_author .rt p:first-child{ font-size: 11px;color:#666;} .das_author .rt p:first-child b{font-weight:600;color:#333;} .das_author .cgrey , .dascon08 .cgrey {color:#999;} .das_author .rt p:last-child{padding-top:15px; } .das_author .rt img{width:150px;} .das_author .rt2 img{width:30px;height:30px; background-color: #eee;} .das_author .rt2 span{display:inline-block; margin: 0 4px 4px 0;} .das_author .rt2 {max-height:70px;overflow:hidden;} .dsclose{position: absolute;right:0;top:0;padding:5px; background: url("../images/closebtn.png") no-repeat center;background-size:36px;width:36px;height:36px;display:inline-block;} .dsclose:hover{ background-color: #000;} .hpb .rt2 .hpb_p{ text-align: right;padding:5px 0;} .ic_hp{padding-left:25px;background: url("../images/ic_hp.png") no-repeat left center;background-size:20px;color:#E8322D;font-size:11px;} .myhp{ text-align: center;padding:15px 0; background-color: #fff; margin-bottom: 10px;color:#666;} .myhp h5 , .myhp h1 , .myhp p , .myhp2list li , .myhp2list .rt , .fensicon li , .fensicon{width:100%;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .myhp h5{color:#333; font-size: 16px;} .myhp h1{font-size: 36px;line-height:36px;color:#E8322D;padding:15px 0;} .hpbtn{padding:10px 30px 0;} .hpbtn span{width:100%;border:1px solid #c62828;color:#c62828;font-size:14px;height:36px;line-height:36px;display:inline-block;} .hpbtn li:nth-child(2) span{ background-color: #c62828; color:#fff;} .ts{padding:30px 10px;color:#333; line-height: 30px;} .ts h5{color:#666;} .myhp2{ background-color: #c62828;padding:2px;} .myhp2 li{width:50%;display:inline-block;} .myhp2 span{width:100%;display:inline-block;height:42px;line-height:42px; text-align: center;border-bottom:2px solid #c62828;color:rgba(255,255,255,.6);font-size:14px;} .myhp2 span.active{border-color:#fff;color:#fff;} .myhp2list{ background-color: #fff; margin: 10px 0;} .myhp2list li{position: relative;padding:10px;border-bottom:1px solid #eee;} .myhp2list .lf{position: absolute;left:10px; top:10px;} .myhp2list .lf2{top:20px;} .myhp2list .lf h2{font-size:18px;line-height:26px;color:#333;font-weight:500;} .myhp2list .lf p{color:#999;font-size:12px;line-height:20px; margin-top: 0px;} .myhp2list .rt{padding:0 0 0 100px;} .myhp2list .rt p{color:#999;font-size:12px;line-height:1em;padding:6px 0; text-align: right;width:100%;display:inline-block;} .myhp2list .rt p.cred{color:#f00;} .paiming{position: relative;width:100%;background-color: #f93;padding:0 30px 10px 120px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .paiming .lf{position: absolute;left:76px;top:15px;} .paiming .lf img , .fensicon .lf img{width:32px;height:32px;display:inline-block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color: #eee;} .paiming .rt h1{font-size:22px; line-height:1em;padding:15px 0 10px 0;color:#fff;} .paiming .rt p{color:#fff; font-size: 11px;} .paiming .rt p span{margin-right: 10px;} .fensi{padding:0 30px 30px 30px; background: url(" ../images/das/fensi_bg2.png") repeat-x 0 0 ;background-size: 100% 50px;} .fensicon{ background-color: #fff;width:100%;padding:10px 0;} .fensicon li{position: relative;padding:3px 50px 15px 90px;} .fensicon .lf{position: absolute;top:0;left:10px;} .fensicon .rt{position: absolute;top:10px;right:10px;} .fensicon .rt img{width:48px;height:17px;} .fensicon .lf2 h5{ font-size:12px;color:#333;width:100%;height:16px;overflow:hidden;} .fensicon .lf2 h5.cred{color:#f00;} .fensicon .lf2 h5 .cgrey{color:#999; font-size: 12px;} .fensicon .lf2 p{font-size:12px;color:#999; line-height:16px;} .fensicon .lf2first h5{font-weight:bold; font-size:16px;color:#f00;} .fensicon .lf2first p{font-weight:bold; font-size:14px;color:#f00;line-height:1.4em;} .fsnum{width:24px;height:24px;line-height:16px;display:inline-block; text-align: center;float:left; margin: 8px 10px 0 0;color:#666;} .fs_num1{ background: url("../images/das/fs_num1.png") no-repeat center; background-size: 24px;} .fs_num2{ background: url("../images/das/fs_num2.png") no-repeat center; background-size: 24px;} .fs_num3{ background: url("../images/das/fs_num3.png") no-repeat center; background-size: 24px;} .fensicon li.bomli{padding:30px 0 0 0 ; background-color: #f2f2f2;} .bomlicon{ background-color: #fff;padding-top:10px;} .fensicon li.bomli .lf{top:40px;} .fensicon li.bomli .lf2{padding:0 50px 0 90px;} .fensicon li.bomli .rt{top:45px;} .fensi_more{ text-align: center;font-size: 12px;color:#666; padding:15px 0 10px 0;} .ic_zuoz{color: #999;font-size:10px; margin-left: 10px;} .fensibom{padding:20px 10px 60px 10px;} .fensibom h5{margin-bottom: 15px; font-size: 14px;color:#333;} .fensibom p{ margin-bottom: 10px;} .fensibom li{width:33.333%;float:left; text-align:center;display:inline-block;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .fensibom li a{width:100%;padding:15px 0;border:1px solid #ccc; display:inline-block;background-color: #fff;font-size:14px;} /*评论*/ .comments .authors_words{padding: 0px 5px 0 5px;background-color: #f0f0f0; border: 10px solid #f0f0f0;} .arrow01{ position: absolute;top: 46px;left: 27px;font-size: 0;border: 15px solid #f0f0f0;border-color: transparent rgba(240,240,240,.5) transparent transparent;z-index: 99999999;} .arrow02{top: 46px;left: 27px;border-right-color: #f0f0f0; _border-color: tomato tomato #fff tomato; _filter: chroma(color=tomato);} .authors_gg {line-height: 16px;border:1px solid #F33535;color: #F33535;font-size: 12px;float: right; padding: 0 5px;border-radius: 4px;} .detail{padding-left:20px; background: url("../images/ic_zan.png") no-repeat 0 3px;background-size:18px;height:26px;line-height:26px;float:right;text-align:left;width:60px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .detail_ok{padding-left:20px; background: url("../images/ic_zan_z.png") no-repeat 0 3px;background-size:18px;height:26px;line-height:26px;float:right;color:#C62828;} .ic_reply{ background: url("../images/ic_pl.png") no-repeat center 0;background-size:18px;width:18px;height:18px;display:inline-block;float:left; margin: 3px 2px 0 0;} .replyno .ic_reply{ background: url("../images/ic_lock2.png") no-repeat center 0;background-size:18px;width:18px;height:18px;display:inline-block;float:left; margin: 3px 2px 0 0;cursor:not-allowed;} .reply{width:55px;float:right;} .gg2{border-top:2px solid #f2f2f2;width:100%;line-hehight:32px;overflow:hidden;position: relative;} .gg2 p{width:100%;height:42px;line-height:42px;color:#f60;overflow:hidden;padding:0 60px 0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .gg2_word{position: absolute;top:14px;right:10px;border:1px solid #F33535;color: #F33535;line-height: 16px;font-size: 12px;float: right; padding: 0 5px;border-radius: 4px;} .tit_allpl{ font-size:16px;color:#999; margin: 0 30px;} .piao{ padding:10px 15px 10px 50px; background: url("../images/ic_sj.png") no-repeat 10px 15px;background-size:28px;background-color: #FFF0D7;color:#000;} .piao h2 , .piao2 h2{padding:5px 0 10px 0;font-size:16px; line-height:1.0em;} .piao2{ padding:10px 15px 10px 70px; background-color: #F0F8FF;color:#000;position: relative;display:inline-block;box-sizing:border-box;width:95%;min-height: 70px;} .piao2 img{width:48px;height:48px; background-color: #fff; border-radius:50%;position: absolute;left:10px;top:14px;border:0;} .piao3 {background-color: #FDF2F2;} .tit_piao{color:#333;font-size:14px;margin:0 30px;} .morecom2{ text-align: center;padding:12px 0;border-top:2px solid #f2f2f2; font-size:14px;} .comments .myreply{padding-left: 22px; font-size: 12px;color: #888;padding: 5px 5px 5px 10px;margin-top: 5px;background-color: #efefef;} .myreply span , .myreply2 span{ margin-right: 5px;color: #555;} .myreply2 span:nth-child(2){margin:0 5px;} .zan_percon{padding:10px 0 0 0; } .frame10 .lf4 img{width:32px;height:32px;} .zan_per{padding:0 0 5px 54px;border-bottom:1px solid #eee;max-height:54px;min-height:36px;width:100%;overflow:hidden;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; background: url("../images/ic_zan.png") no-repeat 19px 4px; background-size: 18px;} .zan_per img{width:22px;height:22px;display:inline-block;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%; background-color: #eee; margin: 0 5px 5px 0;float:left;} .replycom li{min-height:54px;border:0;padding:0 10px 0 50px;} .replycom li:first-child{} .replycom .rt p{font-size:14px;padding-top:5px;} .replycom .rt .myreplytime{ margin-top: 5px;font-size:10px;color:#999;} .replycom li .rt{ padding:10px 0;border-bottom: 1px solid #f0f0f0;} .replycom li:last-child .rt{border:0;} .myreply2{font-size:12px;color:#888;} .huifu{position: fixed;bottom:0;left:0;z-index:9999999;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 54px; background-color: #f2f2f2;border-top:1px solid #ccc;} .huifu img{width:24px;height:24px;display:inline-block;-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%; background-color: #eee;position: absolute;left:10px;top:13px;} .huifu textarea{width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;height:48px;} .huifu button{position: absolute;right:10px;top:10px;width:60px;height:48px;line-height:48px;padding:0; text-align: center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .huifup{height:50px;line-height:50px;width:100%;font-size:14px; text-align: center;} .commnetok img{width:80px;height:80px;} .commnetok h2{color:#000;font-size:26px;padding:15px 0;width:100%;disaplay:inline-block;} .commnetok{text-align: center;padding:10px 0;} .commentsok{padding:10px;} .commentbtn , .commentbtn:hover{width:120px;font-size:14px; background-color: #fff;border-color:#ccc;color:#999;height:36px;line-height:36px;} .commentbtncon{ text-align: center;padding-bottom:20px;} .commnent_fensi{padding:15px 0 25px 0; text-align: center;} .hdtop img{width:100%;height:auto;display: block;} .hdtop{position: relative;} .hdtop_word{position: absolute;left:0;bottom:0;z-index:2;color:#fff; width:100%;padding:40px 10px 5px 10px;background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.8));-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .hdtop_word h2{font-size:16px; line-height:1em;padding:0 0 5px 0;} .hdtop_word2{position: absolute;top:10px;right:10px;z-index:2; padding:5px 5px 5px 30px;color:#fff; text-align: center; background: url("../images/ic_sj.png") no-repeat 5px center;background-size:20px;background-color: #C62828;} .hdtop_word2 span:nth-child(2){border-left:1px solid #fff; margin-left:5px;padding-left:5px;display:inline-block;} .hdtop_word2 span:nth-child(2) b{width: 100%;display: block;font-weight: normal;} .hdtop_word2 span:nth-child(1){display: inline-block;line-height: 30px;float: left;} .hdcenter .rt{padding:10px;} .hdcenter h3{ font-size: 16px;line-height:1.4em;padding-bottom:5px;color:#0097a7;} .jiang{border-top:1px solid #eee;} .jiang li{width:100%;display:inline-block;padding:15px 70px 15px 10px;line-height:1.4em;border-bottom:1px solid #eee;position: relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .jiang_b{position: absolute;right:10px;top:50%;margin-top:-13px;} .jiang2 .jiang_lf{width:76%;position: absolute;left:10px;top:12px;height:16px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .jiang2 .jiang_lf2{width:100%; } .jiang2 li {padding: 0 70px 0 0;float:left;} .jiang2 .bar{background-color: #0097A7;width:100%;height:40px;} .jiang2 .bar span{border-radius:12px; background-color: #0097A7;width:100%;height:14px;display: inline-block;float:left; } .jiang2 .jiang_b{position: absolute;right:10px;top:15px;margin:0;} .fmtime{float: right;font-size: 10px;color: #b0b0b0;position: absolute;right: 10px;top: 10px;} input[type="checkbox"].hdcheckbox , input[type="radio"].hdcheckbox {-webkit-appearance: none; appearance: none;width: 26px;height: 26px;margin: 0;float:left;cursor: pointer;vertical-align: bottom; background: #fff;border: 1px solid #ccc;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;} input[type="radio"].hdcheckbox{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;} input[type="checkbox"].hdcheckbox:active , input[type="radio"].hdcheckbox:active{ border-color: #ccc; background: #ebebeb;} input[type="checkbox"].hdcheckbox::hover , input[type="radio"].hdcheckbox::hover {border-color: #c6c6c6;-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);} input[type="checkbox"].hdcheckbox:checked , input[type="radio"].hdcheckbox:checked { background: #fff;background: url("../images/ic_right2.png") no-repeat center;background-size: 24px;border-color:#fe5364;} input[type="radio"].hdcheckbox:checked{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background: url("../images/ic_radio.png")no-repeat center;background-size:18px;} input[type="checkbox"].hdcheckbox:checked::after , input[type="radio"].hdcheckbox:checked::after {content: "";display: block;position: absolute;top: -5px;right: 0px; left: -5px;} input[type="checkbox"].hdcheckbox:focus , input[type="radio"].hdcheckbox:focus { outline: none;} .hdbom{width:100%;padding:15px 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; text-align: center;} .hdbom2 p{padding: 15px 0 0 0;line-height: 1em;width: 100%;display: inline-block;} .comments .rt .fensip{margin-left:10px;border:0;padding:1px 2px;color:#9DB798;display:inline-block; font-size:10px;line-height:12px;background: #DFECE1;border-radius:15px;} .jinghua{margin-left: 10px;border: 0; padding: 1px 2px;color: #B7B698;display: inline-block;font-size: 10px;line-height: 12px;background: #ECECDF;border-radius: 15px;} .comments .rt .ic_zuoz , .myreply2 span.ic_zuoz { margin-left: 10px;border: 0; padding: 1px 2px;color: #C797B1;display: inline-block;font-size: 10px;line-height: 12px;background: #EEDBEA;border-radius: 15px;} .myreply2 span.ic_zuoz{margin:0 5px;} .select01{ -webkit-appearance: none; appearance: none;border-color:#ccc; background:url("../images/ic_selectdown.png") no-repeat right center;background-size:18px;max-width:100%;padding:0 25px 0 10px;background-color:#fff;height:40px; line-height:40px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;} .comment_select{padding:10px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .commentbd .disable , .commentbd .disable:hover{ border-color:#ccc; background-color: #fff;} .comment_select .wypl{padding:15px 0;} .del{padding:0 5px;margin:0 10px;color:#999;float:right;} .ic_del { padding:0 10px;background: url("../images/ic_delete.png") no-repeat center;background-size: 20px;width:20px; height: 26px;float: right;} .delopen{position: fixed;left:0;bottom:0;z-index:999999999;width:100%;padding:8px;height:100%; background-color: rgba(0,0,0,.6); -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .delopen ul{text-align: center; position: fixed;bottom:0;left:2%;width:96%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .delopen li{width:100%;display:inline-block;border-bottom:1px solid #e0e0e0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .delopen li:first-child a{border-top-left-radius: 4px;border-top-right-radius: 4px;} .delopen li:nth-child(5) a{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} .delopen li:last-child a{ margin: 8px 0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .delopen li a:active{ background-color: #eee;} .delopen li a{width:100%;display:inline-block;padding:15px 0;font-size:14px;background-color: #fff;} .comments .rt h5{color:#b0b0b0; margin-bottom: 5px;} .frame10 .rt {padding: 10px 0 10px 44px;} .frame10 .rtdashang {padding: 10px 34px 10px 44px;} .comments li{padding-bottom:0;} .hdcenter .rt{padding-left:10px;} /*弹窗*/ .tmu{ background-color: rgba(0,0,0,.8);position: fixed;;z-index: 999; top: 0;left:0;width:100%;height:100%;} .ttk{width:280px;position: fixed; margin: auto; left:50%; margin-left: -140px;top:50%;margin-top:-79px;z-index: 999; background-color: rgba(255,255,255,1);display:table-cell; vertical-align:middle;} .ttkbtn a , .ttkbtn a:hover{ width: 100%; float: left;display: inline-block;height: 42px; line-height: 42px;text-align: center;font-size: 14px; color: #666; box-sizing: -moz-border-box; box-sizing: -webkit-border-box; box-sizing: border-box;background-color: #c62828;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;color:#fff;} .ttkbtn a:hover{ background-color: #a72020;} .ttkbtn{ border-top:1px solid rgba(0,0,0,.1);width:100%;} .ttkbtn a.closebtn{border-right:1px solid rgba(0,0,0,.1);} .ttkcon{ padding:10px 15px; font-size: 14px; line-height: 20px; } .ttkcon h2{color:#707fc0;font-size:16px;padding:5px 0 10px 0;;width:100%;display:inline-block; text-align: center;} .ttkcon p{ margin-bottom: 5px; line-height: 1.2em; color:#333;} .radius4{-moz-border-radius: 4px; -webkit-border-radius: 4px;border-radius: 4px; } .ttktextarea{width:250px;height:80px;border-color:#c62828; margin-top: 15px;padding:5px;} textarea.ttktextarea:hover{border:1px solid #c62828; } .ttkclose {position: absolute;right: 2px;top:2px;width: 22px;height: 22px; display: inline-block;background: url("../images/ic_clear.png") no-repeat right top;background-size: 20px;z-index: 9;} .comments .cbk , .cbk{color:#97bbb8;} /*补充，等级升级*/ .level{padding:0 10px 10px 10px;} .level h5{color:#999;padding:15px 0;} .level h5 span{color:#C62828; margin-right: 10px;} .level h1{font-size:30px;line-height:30px;font-family: "Microsoft Yahei"; text-align: center; margin-bottom: 15px;} .level p{line-height:24px; color:#656565;} .lvtit{padding:10px;color:#666;} .lvbtn{padding:10px;} .ccz{color:#C62828; text-decoration: underline;} .lvzs{ margin: 15px 0;} .lvzs p{ line-height:18px;color:#666; } .lvzs h5{color:#444; font-weight:bold;} .lvok{padding:10px;} .lvok .commnetok h2{font-size:18px;} .lvok .commnetok{ margin-top:20px;} .lj{color:#2868ff;} .ccolor{color:#C62828;} .rankmore , .rankmore2{padding: 15px 10px;} .rankmore p , .rankmore2 p{ margin-bottom: 15px;} .rankmore p:first-child button , .rankmore2 p:last-child button{ background-color: #fff;color:#c62828;} .rankmore p:first-child button:hover , .rankmore2 p:last-child button:hover{background-color: #971818;border: 1px solid #971818;color:#fff;} .rank2{padding:0 30px 30px;} .rank2 li:first-child{border:0;} .rank2top{ background-color: #C62828;color:#fff; text-align: center;padding:15px 0;} .rank2top h2{font-size:20px; line-height:20px;} .rank2top2{ background-color: #C62828;padding:0 30px 0;} .rank2tim{ background-color: #fff; text-align: center;color:#888;line-height:30px;} .rankmore p:first-child button.disable , .rankmore p:first-child button.disable:active{ background-color:#eee;border-color:#ccc;color:#999;cursor:not-allowed;} .tips {background-color: rgba(0,0,0,.6);color: #fff;display: inline-block;padding: 5px 15px;line-height: 16px; position: absolute; z-index: 9;right: 10px;top: 115px; width: 120px;} .triangle-up {position:absolute;right:30px;top:-12px;width: 0;height: 0;border-left: 6px solid transparent;border-right:6px solid transparent;border-bottom: 12px solid rgba(0,0,0,.6);} .comment_select2{height:20px;line-height:20px;padding:10px 10px;} .comment_select2 input[type="checkbox"].hdcheckbox{width:20px;height:20px; margin-right: 5px;} .comment_select2 span{ margin-right: 20px;} .comment_select2 span:last-child{margin-right:0;} .sma{color:#C62828;} .tit11 a{width:100%;height:40px;} .tit11 a.active span {border-radius: 0;border: 0;border-bottom: 2px solid #c62828;height: 39px; line-height: 39px;width: 100%;} .pltit{width:90%; margin:0 5%;border-bottom:1px solid #e0e0e0;height:20px; margin-bottom: 10px;position: relative;} .pltit h2{font-size:16px;width:120px; text-align: center; background-color: #fff;position: absolute; left:50%; margin-left: -60px;top:12px;} .zjpl{position: relative;padding:10px;} .zjpl .wypl{position: absolute;bottom:10px;right:10px;} .zjpl .plp:first-child{margin-bottom: 10px;} .zjpl .plp a{display:inline-block; color: #c62828;float:left;width:100%;} .zjpl .plp span{color:#333; margin-left:10px;} .zjpl .plp{width:100%;display:inline-block;} .levelclick li{padding:0;} .levelclick li label{ padding: 15px 70px 15px 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;display: inline-block;} .rdtext {background: url("../images/rdtext01.png") repeat;} .updown{padding:20px 0 0; border-top: 1px solid #eee;} .updown li{width:50%;padding:0 10px; margin-bottom:20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block; float: left;} .updown a{width:100%;height:36px; line-height: 36px;display:inline-block;border:1px solid #ccc;font-size:14px; text-align:center;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; } .zt .lf{left:15px;} .zt .rt2 {padding-left: 115px;} /*一口价*/ .ykj{border-radius: 8px;height: 16px;line-height: 16px;border: 1px solid #ccc;display: inline-block;padding: 0 15px;} .ykj2{ margin-left: 10px;background-color: #f00;display:inline-block; padding:0 4px;line-height:16px;color:#fff;} /*奖*/ /*.prize-top{ background: url("../images/newyear.png") no-repeat center 0;background-size:100%;} .bgprize{ background: url("../images/newyear.png") no-repeat center -5px;background-size:100%;}*/ .prize-top{ background-color:#e62600; border-bottom-left-radius: 150px; border-bottom-right-radius:150px;padding:20px 0 40px;position: relative; margin-bottom:60px;} .prize-top h2{ text-align: center;color:#fff; font-size:26px; line-height:1em;font-family: "Microsoft Yahei";padding:10px 0 20px;} .prize-top-yuan{position: absolute;left:50%;top:65px; margin-left:-45px;width:96px;height:96px;border-radius:50%;display:inline-block; text-align: center; background-color: #ffe800; padding:30px 0 0;box-sizing:-moz-border-box;box-sizing:-webkit-border-box;box-sizing:border-box;-moz-box-shadow:0 4px 8px rgba(51, 51, 51, 0.46);; -webkit-box-shadow:0 4px 8px rgba(51, 51, 51, 0.46);; box-shadow:0 4px 8px rgba(51, 51, 51, 0.46);;} .prize-top-yuan span{width:100%;display:inline-block; text-align: center; font-size: 16px;font-family: "Microsoft Yahei"; margin-bottom: 5px;} .prize p{ text-align: center; font-size: 14px;} .prize-center{padding:30px;} .prize-center-con{border:1px solid #ccc; background-color: #fff;padding:10px;} .prize-center-con h5{ width:100%; text-align:center; color:#666; margin-bottom: 5px;} .prize-center-con p{ line-height:20px;} .wx-ewm{text-align:center;} .wx-ewm img{width:120px;height:120px; display:inline-block; margin: 0 auto;} .wx-ewm p{color:#666; margin-top: 5px;} .qdao{font-size: 18px;margin-top: 10px;} .qdaobtn{ width: 100px;height: 30px;background-color: #c62828;display: inline-block;margin-top: 20px;line-height: 30px;color: #fff;} .rili{padding:10px 0;} .rili h2{font-size:26px; line-height: 26px;font-family: "Microsoft Yahei";width:100%;color:#c62828;border-bottom:1px solid #e0e0e0;padding:15px 15px 25px ; text-align: right;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .rili li {border-bottom:1px solid #e0e0e0;display:inline-block;float:left;} .rili li{width:14.28%; height:36px; padding:15px 0;} .rili li span{width:36px; height:36px;line-height:36px; text-align:center; font-size:16px;display:inline-block;} .rili li span.active{ background-color: #60b42c;color:#fff;border-radius:50%;} input[type="text"].prize_input{width:80%;margin:0 10% 10px;height:36px; text-align: center;} .prize2-open-con .pdlr10 , input[type="text"].prize_input , .ts_share{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .prize2-open-con .pdlr10{color:#666; text-align: left;width:80%;padding:0;margin-left: 10%;margin-right: 10%;} .prize2-open .ts_share{border:2px dotted #fded36; text-align: center;color:#fff;font-size:18px;padding:15px 0; width:80%;margin: 30px 10% 0;} .ts_shareimg{position: absolute;right:0;top:0;width:130px;height:100px;} .ts_shareimg2{position: absolute;right:0;top:0;width:100%;} .hh{width:100%;height:220px;} /* 大转盘样式 */ .exchange{padding: 20px 0; width: 100%;} .exchangediv{display: inline-block; text-align: center; width: 100%;} .exchange img{width: 60px; height: 60px;} button.exchangelist{width: 100px; height: 36px; line-height: 36px; background-color: #fcfcfc; font-size: 14px; color: #555; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #333;} .ts{padding: 20px 15px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;} .ts p{font-size: 12px; color: #666; line-height: 16px; margin-bottom: 0;} .dhcon{background-color: #fff; text-align: left; padding: 0 10px;} .dhcon li{width: 100%; display: inline-block; padding: 10px 0; position: relative; border-bottom: 1px dotted #ccc;} .dhcon li:last-child{border: none;} .dhlf{width: 100%; padding-right: 120px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .dhlf p{widyh: 100%; display: inline-block; line-height: 1.6em; font-size: 14px;} .dhlf p:nth-child(2){color: #999; font-size: 12px;} .dhm{text-align: left;} .dhm .tit{} .dhrt{position: absolute; right: 10px; top: 10px;} .dhrt button{width: 100px; height: 36px; line-height: 36px; font-size: 14px; background-color: #f0f0f0; border-color: #ccc; color: #303030;} .dhrt button.dis{color: #999;} .more4{width: 100%; border-top: 1px dotted #ccc; text-align:center;} .more4 p{width: 100%; border: none; color: #666; background-color: #fff; font-size: 14px; padding: 15px 0;} .more4 p:hover{background-color: #f0f0f0;} .bannerzp{display:block;width:86%;margin-left:7%;margin-right:7%;margin-bottom: 20px;} .bannerzp .turnplate{display:block;width:100%;position:relative;} .bannerzp .turnplate canvas.item{width:100%;} .bannerzp .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;} .prize2-tit{width:100%;display:inline-block;font-size:20px;line-height:1.6em;padding:0;color:#000;font-family: "Microsoft Yahei"; text-align: center;} .prize2-tit h2{font-size: 28px;padding:25px 0 20px;} .prize2-tit p{font-size:14px; line-height: 1em; margin-bottom:5px;} .mrt10{ margin-right: 10px;} .prize2-bottom{ background-color: #fff4d6;border-radius:100%;border-bottom-left-radius:0;border-bottom-right-radius: 0;padding:20px 30px;} .prize2-bottom p{line-height:20px;color:#333;} .prize2-bottom h5{width:100%; text-align: center;padding:0 0 5px 0;color:#333; font-size: 12px;} .turnplate{background-image:url("../images/prize/turnplate-bg.png");background-size:100% 100%;} .cover{ background-color: rgba(0,0,0,.8); position: fixed; z-index: 999;top: 0;left: 0; width: 100%;height: 100%;} .prize2-open{z-index:1000;position: absolute;left:0;top:0;width:100%;height:100%; text-align: center;} .prize2-open-tit{padding:30px 0 20px; text-align: center; } .prize2-open-tit h2{color:#fded36;font-size:24px;line-height:1em; font-family: "Microsoft Yahei";} .prize2-open-con{ background-color: #fff; width:80%;margin:0 10%;padding:10px 0 ;} .prize2-open-con h3{width:100%; text-align:center;color:#f00;padding:5px 0 5px; font-size: 16px;font-weight:600;} .prize2-open-con h5{width:100%; text-align:center;color:#888;padding:0 0 10px;} .prize2-open-con-fm{width:120px;height:auto;display:inline-block; margin:0 auto 10px;} .prize2-open-con-fm img{width:100%;height:100%;-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.45); -webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.45); box-shadow:3px 3px 5px rgba(0, 0, 0, 0.45);} .ljxdbtn{width:140px;border-radius:25px;height:36px;line-height:36px;} .ljxdbtn2{width:140px;border-radius:25px; background-color: transparent;border-color:#c62828;color:#c62828;height:36px;line-height:36px;} .ljxdbtn2:hover{color:#fff;} .prize2-open p{ margin-bottom: 10px; font-size:14px;width: 100%;display: inline-block;} .prize2-close{border:1px solid #fff;width:40px;height:40px;border-radius:50%;display:inline-block;color:#fff;font-size:30px;text-align:center; line-height:40px;} .close3{padding:20px 0;} .prize2-open-con-juan{width:80%; margin:0 10%;display:inline-block;position:relative; margin-bottom: 20px;} .juanlf , .juanrt{width:65%;height:76px;overflow:hidden; background-color: #ee2713; display:inline-block;float:left;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;color:#fff;-moz-box-shadow:0 3px 0 #ad1708; -webkit-box-shadow:0 3px 0 #ad1708; box-shadow:0 3px 0 #ad1708;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .juanrt{width:35%;float:right;} .smallyuan{position: absolute;left:64%;top:8px;width:5px;} .smallyuan span{width:5px;height:5px;display:inline-block;border-radius:50%; background-color: #fff;float:left; margin-bottom: 2px;} .juanlf h5 , .juanrt h5{color:#fff;text-align:left;padding:0;fon-size:10px;} .juanlf h2 , .juanrt h2{font-size:20px;text-align:center;padding:5px 0;} .juanlf h2 span , .juanrt h2 span{color:#edff00;} .juanlf p , .juanrt p{margin:0;} .juanrt h5{font-size:10px; text-align: center;} .liwu{width:30%; margin:0 35%;} .liwu img{width:100%;} .prize2-open p.prize2-open-titp{ margin: 10px 0 0 0;color:#fff;} .prize2-open p.prize2-open-titp2{margin: 2px 0 0 0;color:#fff;} .liwup{color:#e9ed36;} .prize-center-con2{background-color: #f7eeb6;border:0;text-align: left;} .prize-center2{padding:10px 30px ;} .prize-center2 p{margin-bottom: 0;font-size:12px;} .exchange2{ margin-top: 20px;} .exchange2 .dhlf p:first-child{font-weight:bold;width:100%;} .c-s{font-size:10px; background-color: #c62828;display:inline-block;color:#fff;font-weight:normal;padding:0 2px;max-width:96px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .exchange2 .dhrt button{ background-color: #1d9c1c; color:#fff;border:0;} .exchange2 .dhrt button.button2{background-color: #f0f0f0;border:1px solid #ccc;color: #303030;} .exchange2 .dhrt {right: 0;} .exchange2 .dhlf {padding-right: 100px;} .exchange2 .dhlf h5{float:left;fonts-size:14px;font-weight:bold; display: inline-block;} .exchange2 .dhlf p{color: #999;font-size: 10px;width:100%;} .exchange2 .dhrt p{width:100%;color:#999;text-align:center;font-size:10px;} .exchange3{margin:0 0 10px 0;} .exchange3 .c-s{ background-color: transparent;color:#999; max-width: 150px;} .exchange3 .dhcon li {padding: 10px 0 5px 0;} .exchange3 .dhrt p {margin-top: 5px;} .exchange3 .dhlf {padding-right: 50px;} .exchange3 .dhlf p{width:100%;} .exchange3p{width:100%;display:inline-block;} .dhlf .hidden{ max-width: 96px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: inline-block;} .ic_j{width:160px;height:160px;margin:20px auto;} .reddot3{ margin:8px 0 0 10px;} .ss-kb{padding:10px 160px 10px 50px;}/*我的卡包*/ .ss-kb .rt {right: 82px;} .ss-kb input { font-size:12px;} .ss-kb button{ font-size:12px;padding:0;width:80px;} .ss-kb-dhjl{ position: absolute;right: 15px;top:20px;color:#888;font-size:12px;} .prize4bg{ width:100%;height:100%; background: -moz-linear-gradient(left,#ffad6a,#ff9e70);background: -webkit-linear-gradient(top,#ef504a,#a60d07);background: -o-linear-gradient(left,#ffad6a,#ff9e70); background-repeat: no-repeat;background-color: #a60d07;} .prize4{background: url("../images/newyear.png") no-repeat center 0;background-size:100%;padding: 90px 15px 50px;; text-align: center;} .prize4 h3{color:#fff;font-size:32px;padding:20px 0 0 0; line-height:1em;} .prize4 h2{color:#f3e688;font-size:46px;padding:20px 0;line-height:1em;} .prize4 button{ margin-top: 20px; background-color: #f3e688;border-color:#f3e688;color: #9a3a0a;font-size:18px;height:46px;line-height:46px;width:70%;position: absolute;left:15%;bottom:33%;} .prize4bom{ background: url("../images/prize4.png") no-repeat center bottom;background-size:100%;position: absolute;left:0;bottom:0;width:100%;height:150px;} .prize4tit{width:100%;display:block;padding:60px 0 20px;} .prize2-tit img{width:90%;display:block;margin:0 5%;} /*精品推荐*/ .jptjcon{padding:15px 10px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .jptjcon:hover{ background-color: #f0f0f0;} .jptjcontit{ font-size:14px;line-height:18px;padding:0 0 5px 0;color:#444;} .jptjcontit2{color: #999;padding: 0 0 10px 0;} .jptjcontag{color:#999;} .ic_bq{padding:0 5px;border:1px solid #ccc;border-radius:8px;font-size:12px;line-height:16px;display:inline-block; float:left; margin-right: 5px;} .ic_bq01{color:#e88ddc;border-color:#e88ddc;} .ic_bq02{color:#f0c55f;border-color:#f0c55f;} .ic_bq03{color:#90c7e4;border-color:#90c7e4;} .ic_bq04{color:#a78fed;border-color:#a78fed;} .ic_bq05{color:#81D4A6;border-color:#81D4A6;} .ic_bq06{color:#f57130;border-color:#f57130;} .ic_bq07{color:#66dbe2;border-color:#66dbe2;} .ic_bq08{color:#f76a6a;border-color:#f76a6a;} .ic_bq09{color:#b6da4c;border-color:#b6da4c;} .more5 {width: 100%;text-align: center;} .more5 a {width: 100%;display: inline-block;color: #666;background-color: #fff; font-size: 12px;padding: 15px 0;} .jptj_sm{max-width:170px;float:right; text-align: right;color:#999;} .nolist{padding:25px 0; text-align: center;font-size:12px;color:#999;} /*作者其他作品*/ .otherworks li{font-size:14px;} /*个人中心*/ .pertx{ width: 24px; height: 24px;float: right;display:inline-block;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border: 1px solid #eee; margin-top: 8px;} /*代金券*/ .vouchers{} .voutit{ background-color: #fff;} .voutit h2{width:100%;padding:20px 0; text-align: center;font-size:18px; font-family: "Microsoft Yahei";color:#555;} .voulist{ background-color: #fff;padding:10px 0 0 ;} .voulist li{padding:0 10px 10px;} .vou{border:1px solid #e0e0e0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;position: relative;padding:10px 10px 10px 120px;height:54px;box-sizing: -moz-border-box;box-sizing: -webkit-border-box;box-sizing: border-box;} .vou .lf{position: absolute;left:0;top:0;width:120px;height:52px;line-height: 52px; text-align: center;padding-right:4px; background-color: #65adf6;;color:#fff; font-size:18px;z-index:1; font-family: "Microsoft Yahei";border-top-left-radius: 4px;border-bottom-left-radius: 4px;} .vou .dot{width:8px;height:40px;position: absolute;right:-4px;top:6px;z-index:2;overflow:hidden;} .vou i{width:8px;height:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;display:inline-block; background-color: #fff;float:left;} .vou .rt{width:100%; text-align: right;} .vou h5{ line-height: 32px;color:#888;font-size:12px;} .vou h5.cred{color:#f00;} .vou h4{line-height: 16px;color:#888;font-size:12px; margin-bottom:5px;} .vou p{color:#888;font-size:12px;} .vou.active , .vou h4 , .vou p{color:#bbb;} .vou.active .lf{ background-color: #d7d4d7;} .voulist .norecord{background-color: transparent;border: 0;padding:15px 0;margin:0;} .nono{color: #aaa; text-align: center; font-size: 14px;padding:20px 0;} @media screen and (max-width:320px){ .dstop001{position: relative;} .dstop02 h2{font-size:18px;padding: 15px 0 10px 0;} .dascon01 {padding-bottom: 40px;} .dascon01img{margin-left:-40px;} .das_pic {width: 80px;height: 80px;} .hpb li{height:115px;} .hpb .rt2 .hpb_p{ text-align: right;padding:10px 0;} .del{margin:0;} .dasbom_img img { width: 40px;height: 40px;} .dasbom {padding: 20px 0 10px 0;} .dasbom_img {display: inline-block;text-align: center;width: 46px;} .w320{ max-width: 90px;overflow: hidden;white-space: nowrap;display: inline-block;float: left;text-overflow: ellipsis;} .tit_allpl { margin: 0 20px;} .cznum {font-size: 14px;} .jptj_sm{max-width:120px;} .prize-center{padding:20px 30px;} .prize-top { margin-bottom: 40px;} .prize2-open p{font-size:12px;} .prize-top-yuan {top: 70px;margin-left: -35px;width: 70px;height: 70px;padding: 20px 0 0;} .wx-ewm img { width: 100px; height: 100px;} .exchange2 .dhrt button {width: 80px; } .exchange2 .dhlf { padding-right: 70px;} .exchange3 .c-s {max-width: 120px; } .prize2-bottom p {font-size: 10px;} .hh { width: 100%;height: 160px;} .czway2 .money3 li:nth-child(2n){padding:0 0 0 5px ; } .czway2 .money3 li:nth-child(2n+1){padding:0 5px 0 0;} .czway2 .sc_money3 li:nth-child(2n+1){padding:0 0 0 5px ; } .czway2 .sc_money3 li:nth-child(2n){padding:0 5px 0 0;} .zf2 {padding: 0 20px; } .zf2 li{padding:5px 5px 0 0;} .zf2 li:nth-child(2n){padding:5px 0 5px 5px;} } @media (min-width: 376px) { .dstop01{position: relative;} .dascon01 {padding-bottom: 70px;} .dascenter{padding-top:70px;} .dascon01img{margin-left:-50px;} .das_pic {width: 100px;height: 100px;} .dascon03{padding:10px 0;} .dascon04 { line-height: 12px;} .dascon05 h2{padding:5px 0;font-size:13px;} .dasbom_img img { width: 58px;height: 58px;} .dasbom_btnlf , .dasbom_btnrt{width: 66px;height: 66px;} .dascon03 button , .dascon02 button{height:36px;line-height:34px;} .dasbom_img {display: inline-block;text-align: center;width: 64px;} .jptj_sm{max-width:190px;} .hh { width: 100%;height: 240px;} }