@charset "utf-8"; /* css document */ body { min-width:320px; max-width:700px; margin:0 auto !important; background:#fff; overflow-x:hidden; font-family:"microsoft yahei",helvetica; color:#333; } body,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,th,td,input,textarea,select,img { margin:0; padding:0; border:0; } ul,ol,li { margin:0px; padding:0px; list-style:none; } h1,h2,h3,h4,h5,h6 { font-size:inherit; font-weight:lighter; } table { border-collapse:collapse; border-spacing:0; } em,i { display:inline-block; font-weight:normal; font-style:normal; } textarea,select,input { font-family:"microsoft yahei"; font-size:.3rem; color:#666; } b { font-weight:bold; } img { margin:0; padding:0; border:0; } a { color:#333; text-decoration:none; } a:hover { /*color:#333;*/ text-decoration:none; } input[type="text"],input[type="password"],input[type="button"],input[type="submit"],button,textarea { -webkit-appearance:none; } .cfx:after,nav.mini:after,.h:after,.hn:after,.ph:after { content:' '; clear:both; display:block; height:0; visibility:hidden; line-height:0; } * { box-sizing:border-box; } .fl { float:left; } .fr { float:right; } /***美化滚动条***/ ::-webkit-scrollbar { width:10px; height:10px; } ::-webkit-scrollbar-thumb { background-color:rgba(50, 50, 50, 0.25); border:2px solid transparent; border-radius:10px; background-clip:padding-box; } ::-webkit-scrollbar-thumb:hover { background-color:rgba(50, 50, 50, 0.5); } ::-webkit-scrollbar-track { background-color:rgba(50, 50, 50, 0.05); } /***美化滚动条***/ /**** 客服中心新版 ****/ .kefuwrapper { width:100%; float:left; } .kefuheader { width:100%; float:left; background:linear-gradient(to right, #b28850 , #81511c); padding:0 .2rem; line-height:.9rem; font-size:.33rem; color:#fff; } .kefuheader a { color:#fff; } .kefubanner, .kefubanner img { width:100%; float:left; } .kefubox { width:100%; float:left; border-top:solid .16rem #f0f0f0; } .kefubox.bdnone { border:none; } .kefubox_title { width:100%; float:left; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.9rem; font-size:.32rem; font-weight:bold; } .kefubox_title img { width:.35rem; vertical-align:middle; margin:-.05rem 0 0 0; } .kefubox_service { width:100%; float:left; padding:.5rem 0; } .kefubox_service a { width:33.33%; float:left; line-height:.4rem; font-size:.28rem; text-align:center; } .kefubox_service a img { width:1.22rem; } .kefubox_guess { width:100%; float:left; padding:.3rem .2rem; } .kefubox_guess a { width:100%; float:left; line-height:.6rem; font-size:.3rem; } .kefubox_problem { width:100%; float:left; padding:0 .2rem .3rem .2rem; } .kefubox_problem dl { width:100%; float:left; border-bottom:solid 1px #ccc; padding:.2rem 0; } .kefubox_problem dl dt { width:2rem; float:left; border-right:solid 1px #ccc; line-height:.4rem; font-size:.28rem; text-align:center; } .kefubox_problem dl dt img { width:.65rem; } .kefubox_problem dl dd { overflow:hidden; padding:0 0 0 .2rem; } .kefubox_problem dl dd a { width:100%; float:left; line-height:.45rem; font-size:.3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .kefubox_problem dl dd a:first-child { border-bottom:solid 1px #ccc; padding:0 0 .15rem 0; margin:0 0 .15rem 0; } .kefubox_contact { width:100%; float:left; border-bottom:solid 1px #ccc; padding:.2rem; line-height:.6rem; font-size:.28rem; } .kefubox_contact a { background:#bd7c3e; border-radius:5px; padding:.05rem .2rem; color:#fff; } .kefufooter { width:100%; float:left; } .kefufooter_space { width:100%; float:left; height:2.3rem; } .kefufooter_fixed { width:100%; float:left; position:fixed; bottom:0; max-width:700px; background:#fff url(/uploads/image/imvimages/pop_bg.png) no-repeat; background-size:100% auto; padding:.4rem 0 0 0; } .kefufooter_click { width:100%; float:left; padding:.2rem 0; } .kefufooter_click a { width:50%; float:left; line-height:.9rem; font-size:.28rem; text-align:center; } .kefufooter_click a:first-child { border-right:solid 1px #ccc; } .kefufooter_click a img { width:.5rem; vertical-align:middle; margin:-.05rem 0 0 0; } .kefufooter_tips { width:100%; float:left; padding:0 0 .2rem 0; line-height:.4rem; font-size:.24rem; color:#bd7c3e; text-align:center; } /** 弹窗 **/ .popbg { width:100%; height:100%; float:left; background:#000; opacity:.85; position:fixed; top:0; max-width:700px; z-index:99; } .kefuphonepop { width:7rem; background:#fff; position:fixed; left:50%; top:25%; margin:0 0 0 -3.5rem; z-index:999; } .kefuphonepop_num { width:100%; float:left; border-bottom:solid 1px #ccc; line-height:1.5rem; font-size:.48rem; text-align:center; } .kefuphonepop_link { width:100%; float:left; padding:.06rem 0; } .kefuphonepop_link a { width:50%; float:left; line-height:.85rem; font-size:.36rem; color:#3682ff; text-align:center; } .kefuphonepop_link a:first-child { border-right:solid 1px #ccc; } .kefuonlinepop { width:7rem; background:#fff; position:fixed; left:50%; top:15%; margin:0 0 0 -3.5rem; z-index:999; } .kefuonlinepop_title { width:100%; float:left; background:#f2f2f2; padding:.3rem; line-height:.6rem; font-size:.48rem; text-align:center; position:relative; } .kefuonlinepop_title span { font-size:.3rem; color:#ff5252; } .kefuonlinepop_title a { color:#a9a9a9; position:absolute; right:.3rem; top:.3rem; } .kefuonlinepop_txt { width:100%; float:left; padding:.4rem .5rem; line-height:.8rem; font-size:.32rem; } .kefuonlinepop_txt a { background:#bd7c3e; border-radius:5px; padding:.05rem .2rem; color:#fff; } .kefuonlinepop_code { width:100%; float:left; line-height:.55rem; font-size:.32rem; text-align:center; padding:0 0 .4rem 0; } .kefuonlinepop_code img { width:2.67rem; } /** 弹窗 **/ /**** 客服中心新版 ****/ /**** 订单查询 ****/ .ordertab { width:100%; float:left; background:#f7f7f7; } .ordertab a { width:33.33%; float:left; height:.95rem; line-height:.95rem; font-size:.3rem; text-align:center; } .ordertab a.current { border-bottom:solid 2px #ff6262; color:#ff6262; } .orderbox { width:100%; float:left; padding:0 .2rem; } .orderbox_txt { width:100%; float:left; line-height:.5rem; font-size:.3rem; text-align:justify; margin:.3rem 0 0 0; } .orderbox_find { width:100%; float:left; margin:.2rem 0 0 0; } .orderbox_find .fl { width:75%; float:left; } .orderbox_find .fl input { width:100%; float:left; height:.8rem; border:solid 1px #c1c1c1; border-radius:8px 0 0 8px; background:none; text-indent:10px; } .orderbox_find .fr { width:25%; float:left; } .orderbox_find .fr a { width:100%; float:left; height:.8rem; background:#ad4bdc; border-radius:0 8px 8px 0; line-height:.8rem; font-size:.32rem; text-align:center; color:#fff; } .orderbox_notice { width:100%; float:left; border:solid 1px #f1581c; border-radius:8px; padding:.2rem; margin:.4rem 0 0 0; } .orderbox_notice_title { width:100%; float:left; line-height:.5rem; font-size:.3rem; color:#c00; text-align:center; } .orderbox_notice_txt { width:100%; float:left; line-height:.5rem; font-size:.3rem; text-align:justify; } .orderbox_pic, .orderbox_pic img { width:100%; float:left; } .orderdata { width:100%; float:left; padding:.2rem 0; } .orderdata_list { width:100%; float:left; } .orderdata_list ul li { width:100%; float:left; line-height:.6rem; font-size:.32rem; } .orderdata_list ul li span { float:right; color:#666; } .orderdata_btn { width:100%; float:left; height:.9rem; padding:0 1.5rem; margin:.2rem 0; } .orderdata_btn a { float:left; width:100%; height:.9rem; background:#f15e5e; border-radius:.1rem; line-height:.9rem; font-size:.32rem; color:#fff; text-align:center; } .orderdata_btn a.fl { background:#f15e5e; color:#fff; } .orderdata_btn a.fr { border:solid 1px #666; color:#666; } /**** 订单查询 ****/ /**** 历史记录 ****/ .recordnone { width:100%; float:left; padding:.6rem .2rem; } .recordnone_pic { width:100%; float:left; height:1.53rem; text-align:center; } .recordnone_pic img { width:2rem; } .recordnone_txt { width:100%; float:left; line-height:.5rem; font-size:.3rem; text-align:center; margin:.5rem 0; } .recordnone_btn { width:100%; float:left; } .recordnone_btn a { width:100%; float:left; background:#f76060; border-radius:8px; line-height:.85rem; font-size:.3rem; text-align:center; color:#fff; } .recordlist { width:100%; float:left; padding:.3rem .2rem; } .recordlist dl:last-child { border:none; padding:0; margin:0; } .recordlist dl { width:100%; float:left; border-bottom:solid 1px #ccc; padding:0 0 .2rem; margin:0 0 .2rem 0; } .recordlist dl dt { width:1.7rem; float:right; } .recordlist dl dt a { width:100%; float:left; background:#ffecd6; border-radius:5px; line-height:.8rem; font-size:.28rem; color:#7a5327; text-align:center; } .recordlist dl dt a:first-child { margin:0 0 .1rem 0; } .recordlist dl dt a img { width:.35rem; vertical-align:middle; margin:-.05rem 0 0 0; } .recordlist dl dt a.look { background:#bd7c3e; color:#fff; } .recordlist dl dd { overflow:hidden; padding:0 .2rem 0 0; line-height:.46rem; font-size:.28rem; } /**** 历史记录 ****/ /**** 如何保存 ****/ .savebox { width:100%; float:left; padding:0 .2rem; } .savebox_tips { width:100%; float:left; border:solid 1px #ccc; border-radius:8px; padding:.2rem; line-height:.5rem; font-size:.3rem; text-align:justify; margin:.3rem 0 0 0; } .savebox_tips a { color:#ff6262; text-decoration:underline; } .savebox_xiaob { width:100%; float:left; background:url(/uploads/image/imvimages/save_bg.png) no-repeat; background-size:auto .6rem; border-bottom:solid 1px #ccc; padding:0 0 0 .1rem; line-height:.6rem; font-size:.34rem; color:#fff; font-weight:bold; margin:.3rem 0 0 0; } .savebox_txt { width:100%; float:left; line-height:.5rem; font-size:.3rem; text-align:justify; margin:.1rem 0 0 0; } .savebox_pic, .savebox_pic img { width:100%; float:left; } /**** 自助反馈 ****/ .feedbacktitle { width:100%; float:left; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.95rem; font-size:.32rem; font-weight:bold; } .feedbacktitle span { color:#ff3737; } .feedbackbox { width:100%; float:left; border-top:solid .16rem #f0f0f0; padding:.2rem; } .feedbackbox.bdnone { border:none; } .feedbackbox_radio { width:100%; float:left; } .feedbackbox_radio ul li:last-child { padding:0; } .feedbackbox_radio ul li { width:25%; float:left; padding:0 .1rem 0 0; } .feedbackbox_radio ul li a { width:100%; float:left; border:solid 1px #bd7c3f; border-radius:25px; line-height:.45rem; font-size:.28rem; color:#bd7c3f; text-align:center; } .feedbackbox_redtxt { width:100%; float:left; line-height:.4rem; font-size:.24rem; color:#f76060; margin:.2rem 0 0 0; } .feedbackbox_fillin { width:100%; float:left; margin:.2rem 0 0 0; } .feedbackbox_fillin_txt { width:2rem; float:left; line-height:.6rem; font-size:.28rem; } .feedbackbox_fillin_email { overflow:hidden; } .feedbackbox_fillin_email input { width:100%; float:left; height:.6rem; border:solid 1px #c1c1c1; background:none; outline:none; text-indent:.15rem; } .feedbackbox_fillin_payway { overflow:hidden; } .feedbackbox_fillin_payway a { width:auto; float:left; line-height:.6rem; font-size:.28rem; margin:0 .12rem 0 0; } .feedbackbox_fillin_payway a:last-child { margin:0; } .feedbackbox_fillin_payway a i.fa-check-circle { color:#f76060; } .feedbackbox_fillin_ordernum { overflow:hidden; } .feedbackbox_fillin_ordernum input { width:100%; float:left; height:.6rem; border:solid 1px #c1c1c1; background:none; outline:none; text-indent:.15rem; } .feedbackbox_howlook { width:100%; float:left; line-height:.6rem; font-size:.24rem; text-align:right; } .feedbackbox_howlook a { color:#3753ff; } .feedbackbox_fillin_upload { width:100%; float:left; margin:.1rem 0 0 0; } .feedbackbox_fillin_upload .btn { width:2rem; float:left; margin:0 .2rem 0 0; } .feedbackbox_fillin_upload .btn a { width:100%; float:left; border:dotted 1px #3f3f3f; border-radius:8px; line-height:2rem; font-size:1rem; color:#7d7d7d; text-align:center; } .feedbackbox_fillin_upload .pic { width:2rem; float:left; margin:0 .2rem 0 0; position:relative; } .feedbackbox_fillin_upload .pic img { width:2rem; height:2rem; } .feedbackbox_fillin_upload .pic a { width:auto; float:left; position:absolute; top:-.2rem; left:-.05rem; line-height:.4rem; font-size:.4rem; color:#ff3737; } .feedbackbox_title { width:100%; float:left; line-height:.6rem; font-size:.32rem; font-weight:bold; } .feedbackbox_title span { color:#ff3737; } .feedbackbox_depict { width:100%; float:left; margin:.2rem 0 0 0; } .feedbackbox_depict textarea { width:100%; float:left; border:solid 1px #c1c1c1; height:2rem; padding:.1rem; line-height:.5rem; } .feedbackbox_contact { width:100%; float:left; line-height:.6rem; font-size:.32rem; font-weight:bold; margin:.2rem 0 0 0; } .feedbackbox_contact span { color:#ff3737; } .feedbackbox_contact input { width:60%; } .feedbackbox_btn { width:100%; float:left; margin:.2rem 0 0 0; } .feedbackbox_btn a { width:100%; float:left; background:#f76060; border-radius:8px; line-height:.85rem; font-size:.3rem; text-align:center; color:#fff; } /** 弹窗 **/ .feedbackpop { width:7rem; background:#fff; border-radius:8px; padding:.3rem 0; position:fixed; left:50%; top:15%; margin:0 0 0 -3.5rem; z-index:999; } .feedbackpop_txt { width:100%; float:left; line-height:.55rem; font-size:.32rem; text-align:center; margin:0 0 .3rem 0; } .feedbackpop_txt img { width:1.3rem; } /** 弹窗 **/ /**** 自助反馈 ****/ /**** 常见问题 ****/ .problemnav { width:100%; float:left; border-bottom:solid 1px #ccc; } .problemnav .right { width:.8rem; float:right; } .problemnav .right a { width:100%; float:left; line-height:.8rem; font-size:.4rem; text-align:center; } .problemnav .left { overflow:hidden; } .problemnav .left a { width:25%; float:left; line-height:.8rem; font-size:.3rem; text-align:center; } .problemnav .left a.current { border-bottom:solid 2px #ff6262; color:#ff6262; } .problembox { width:100%; float:left; padding:.2rem; } .problembox_list { width:100%; float:left; } .problembox_list a { width:100%; float:left; line-height:.6rem; font-size:.3rem; } .problembox_btn { width:100%; float:left; margin:.2rem 0 0 0; } .problembox_btn a { width:100%; float:left; background:#f76060; border-radius:8px; line-height:.85rem; font-size:.3rem; text-align:center; color:#fff; } /** 弹窗 **/ .problemclass { width:7rem; background:#fff; position:fixed; left:50%; top:15%; margin:0 0 0 -3.5rem; z-index:999; } .problemclass_title { width:100%; float:left; background:#f4f4f4; padding:0 0 0 .2rem; line-height:.75rem; font-size:.34rem; color:#936e40; } .problemclass_title a { float:right; padding:0 .25rem; font-size:.4rem; } .problemclass_list { width:100%; float:left; padding:.2rem 0; } .problemclass_list a { width:33.33%; float:left; line-height:.6rem; font-size:.3rem; text-align:center; } /** 弹窗 **/ .problemtitle { width:100%; float:left; border-top:solid .16rem #f0f0f0; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.95rem; font-size:.4rem; font-weight:bold; } .problemtitle.bdnone { border-top:none; } .problemtitle span { color:#ff3737; } .problembox_contxt { width:100%; float:left; line-height:.6rem; font-size:.32rem; text-align:justify; } .problembox_contxt span { color:#f76060; } .problembox_talk { width:100%; float:left; background:#fffbe3; border-radius:8px; line-height:1.1rem; font-size:.28rem; text-align:center; margin:.2rem 0 0 0; } .problembox_talk a { text-decoration:underline; color:#1d4dff; } .problemxiaob { width:100%; float:left; border-top:solid .16rem #f0f0f0; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.95rem; font-size:.32rem; font-weight:bold; } .problemxiaob span { color:#ff3737; } /**** 常见问题 ****/ /**** 黄历查询 ****/ .hlimonth { width:100%; float:left; background:#f8f8f8; height:.98rem; padding:0 .2rem; } .hlimonth a:first-child { width:auto; float:left; line-height:.98rem; font-size:.3rem; } .hlimonth a:last-child { width:.63rem; float:right; height:.63rem; background:url(/uploads/image/imvimages/hli_icon1.png) no-repeat; background-size:100% 100%; padding:.07rem 0 0 0; line-height:.25rem; font-size:.22rem; color:#fff; text-align:center; margin:.17rem 0 0 0; } .hlimain { width:100%; float:left; padding:.5rem .2rem; } .hliday { width:100%; float:left; position:relative; } .hliday .left, .hliday .right { width:auto; line-height:.9rem; font-size:.6rem; text-align:center; position:absolute; } .hliday .left { left:0; } .hliday .right { right:0; } .hliday .left a, .hliday .right a { padding:0 .3rem; color:#c97836; } .hliday .center { width:100%; float:left; line-height:.9rem; font-size:1.1rem; color:#c97836; text-align:center; } .hliday .center img { height:.8rem; } .hlidate { width:100%; float:left; margin:.3rem 0 0 0; position:relative; } .hlidate_fu { width:.7rem; float:left; line-height:.25rem; font-size:.2rem; text-align:center; position:absolute; left:0; top:-.1rem; } .hlidate_fu img { width:.6rem; } .hlidate_txt { width:100%; float:left; line-height:.5rem; font-size:.28rem; color:#c97836; text-align:center; } .hlitable { width:100%; float:left; border:solid 1px #b1b1b1; border-radius:8px; margin:.3rem 0 0 0; } .hlitable_row1 { width:100%; float:left; border-bottom:solid 1px #b1b1b1; } .hlitable_row1 .left { width:28%; float:left; } .hlitable_row1 .left .top { width:100%; float:left; border-bottom:solid 1px #b1b1b1; line-height:.8rem; font-size:.24rem; text-align:center; } .hlitable_row1 .left .bottom { width:100%; float:left; padding:.35rem 0 0 0; line-height:.4rem; font-size:.24rem; text-align:center; } .hlitable_row1 .left .bottom img { width:.64rem; } .hlitable_row1 .center { width:44%; float:left; height:3rem; border-left:solid 1px #b1b1b1; border-right:solid 1px #b1b1b1; position:relative; } .hlitable_row1 .center .top { width:auto; line-height:.4rem; font-size:.24rem; position:absolute; left:.1rem; top:.1rem; } .hlitable_row1 .center .top span { width:.4rem; float:left; background:#ff4f4f; color:#fff; text-align:center; margin:0 .05rem 0 0; } .hlitable_row1 .center .right { width:auto; line-height:.4rem; font-size:.24rem; position:absolute; right:.1rem; top:.1rem; } .hlitable_row1 .center .right span { width:.4rem; float:right; background:#ff6d26; color:#fff; text-align:center; margin:0 0 0 .05rem; } .hlitable_row1 .center .bottom { width:auto; line-height:.4rem; font-size:.24rem; position:absolute; right:.1rem; bottom:.1rem; } .hlitable_row1 .center .bottom span { width:.4rem; float:right; background:#81ca22; color:#fff; text-align:center; margin:0 0 0 .05rem; } .hlitable_row1 .center .left { width:auto; line-height:.4rem; font-size:.24rem; position:absolute; left:.1rem; bottom:.1rem; } .hlitable_row1 .center .left span { width:.4rem; float:left; background:#f7b050; color:#fff; text-align:center; margin:0 .05rem 0 0; } .hlitable_row1 .center .mid { width:100%; float:left; text-align:center; margin:.65rem 0 0 0; } .hlitable_row1 .center .mid img { width:1.7rem; } .hlitable_row1 .right { width:28%; float:left; } .hlitable_row1 .right .top { width:100%; float:left; border-bottom:solid 1px #b1b1b1; line-height:.8rem; font-size:.24rem; text-align:center; } .hlitable_row1 .right .bottom { width:100%; float:left; padding:.35rem 0 0 0; line-height:.4rem; font-size:.24rem; text-align:center; } .hlitable_row1 .right .bottom img { width:.64rem; } .hlitable_row2 { width:100%; float:left; border-bottom:solid 1px #b1b1b1; line-height:.8rem; font-size:.24rem; text-align:center; } .hlitable_row2 b { color:#ff6565; } .hlitable_row3 { width:100%; float:left; border-bottom:solid 1px #b1b1b1; } .hlitable_row3 .left { width:23%; float:left; /*padding:.1rem;*/ line-height:1rem; font-size:.24rem; text-align:center; } .hlitable_row3 .left b { color:#ff6565; } .hlitable_row3 .center { width:54%; float:left; border-left:solid 1px #b1b1b1; border-right:solid 1px #b1b1b1; line-height:1rem; font-size:.24rem; text-align:center; } .hlitable_row3 .center b { color:#ff6565; } .hlitable_row3 .right { width:23%; float:left; padding:.1rem; line-height:.4rem; font-size:.24rem; } .hlitable_row3 .right b { color:#ff6565; } .hlitable_row4 { width:100%; float:left; } .hlitable_row4 .left { width:23%; float:left; padding:.1rem; line-height:.4rem; font-size:.24rem; } .hlitable_row4 .left b { color:#ff6565; } .hlitable_row4 .right { width:23%; float:left; padding:.1rem; line-height:.4rem; font-size:.24rem; } .hlitable_row4 .right b { color:#ff6565; } .hlitable_row4 .center { width:54%; float:left; border-left:solid 1px #b1b1b1; border-right:solid 1px #b1b1b1; padding:.1rem 0 0 0; } .hlitable_row4 .center .xiaob { width:100%; float:left; line-height:.4rem; font-size:.24rem; text-align:center; color:#ff6565; } .hlitable_row4 .center .li1 { line-height:.5rem; } .hlitable_row4 .center .li { width:100%; float:left; font-size:.24rem; text-align:center; } .hlitable_row4 .center .li span.red { color:#ff7a7a; } .hlitable_row4 .center .li span.green { color:#58b45b; } .hlitable_row4 .center .down { width:100%; float:left; border-top:solid 1px #b1b1b1; margin:.1rem 0 0 0; } .hlitable_row4 .center .down .l, .hlitable_row4 .center .down .r { width:50%; float:left; line-height:.5rem; font-size:.24rem; text-align:center; } .hlitable_row4 .center .down .l b, .hlitable_row4 .center .down .r b { color:#ff6565; } .hlitable_row4 .center .down .l { border-right:solid 1px #b1b1b1; } .hlilink { width:100%; float:left; line-height:.4rem; font-size:.24rem; text-align:right; margin:.3rem 0 0 0; } .hlibtn { width:100%; float:left; padding:0 .5rem; margin:.3rem 0 0 0; } .hlibtn a { width:48%; border-radius:8px; line-height:.85rem; font-size:.3rem; color:#fff; text-align:center; } .hlibtn a:first-child { float:left; background:#ff6e17; } .hlibtn a:last-child { float:right; background:#f76060; } .hliprod { width:100%; float:left; border-top:solid 1px #ccc; padding:.5rem .2rem; } .hliprod a { width:25%; float:left; line-height:.5rem; font-size:.28rem; text-align:center; } .hliprod a:nth-child(1), .hliprod a:nth-child(2), .hliprod a:nth-child(3), .hliprod a:nth-child(4) { margin:0 0 .2rem 0; } .hliprod a img { width:1.1rem; } .hlinews { width:100%; float:left; border-top:solid .16rem #f0f0f0; padding:0 .2rem; } .hlinews_title { width:100%; float:left; border-bottom:solid 1px #ccc; line-height:.9rem; font-size:.32rem; } .hlinews_title img { width:.35rem; vertical-align:middle; margin:-.05rem 0 0} .hlinews_article { width:100%; float:left; } .hlinews_article dl { width:100%; float:left; border-bottom:dotted 1px #ddd; padding:.3rem 0; } .hlinews_article dl dt { width:1.86rem; float:right; } .hlinews_article dl dt img { width:1.86rem; float:left; height:1.28rem; } .hlinews_article dl dd { overflow:hidden; padding:0 .2rem 0 0; } .hlinews_article dl dd .title { height:.88rem; line-height:.44rem; font-size:.3rem; font-weight:bold; } .hlinews_article dl dd .info { line-height:.4rem; font-size:.28rem; color:#666; margin:.05rem 0 0 0; } .hlinews_article dl dd .info span { float:right; } .hlinews_recom { width:100%; float:left; background:#fdf3e6; padding:0 .1rem; line-height:.95rem; font-size:.24rem; color:#ff5252; margin:.3rem 0 0 0; } .hlinews_recom span { background:url(/uploads/image/imvimages/hli_icon3.png) no-repeat; background-size:100% 100%; padding:0 .2rem; line-height:.28rem; color:#fff; } /*.hlinews_recom a { float:right; border:solid 1px #ff5252; border-radius:5px; color:#ff5252; padding:0 .1rem; line-height:.45rem; margin:.25rem 0 0 0; }*/ .hlinews_more { width:100%; float:left; line-height:.5rem; font-size:.32rem; text-align:center; margin:.3rem 0; } /**** 黄历查询 ****/ /**** 黄历择日 ****/ .zeriselect { width:100%; float:left; background:#f8f8f8; padding:.3rem .2rem; } .zeriselect dl:last-child { margin:.2rem 0 0 0; } .zeriselect dl { width:100%; float:left; } .zeriselect dl dt { width:auto; float:left; line-height:.5rem; font-size:.3rem; } .zeriselect dl dd { overflow:hidden; } .zeriselect dl dd select { width:100%; float:left; height:.5rem; border:solid 1px #c1c1c1; background:#fff; outline:none; text-indent:.15rem; } .zeribox { width:100%; float:left; border-top:solid .16rem #f0f0f0; padding:0 .2rem .3rem .2rem; } .zeribox.bdnone { border:none; } .zeribox_list { width:100%; float:left; margin:.1rem 0 0 0; } .zeribox_list ul li { width:20%; float:left; padding:0 .05rem; margin:.2rem 0 0 0; } .zeribox_list ul li a { width:100%; float:left; background:#fff0e2; border-radius:35px; line-height:.45rem; font-size:.28rem; color:#bd7c3f; text-align:center; } .zeribox_list ul li a.current { background:#bd7c3f; color:#fff; } .zeribox_btn { width:100%; float:left; margin:.3rem 0; } .zeribox_btn a { width:100%; float:left; background:#f76060; border-radius:8px; line-height:.85rem; font-size:.3rem; text-align:center; color:#fff; } .zeribox_xiaob { width:100%; float:left; border-bottom:solid 1px #ccc; line-height:.9rem; font-size:.32rem; } .zeribox_xiaob img { width:.35rem; vertical-align:middle; margin:-.05rem 0 0} .zeribox_intro { width:100%; float:left; padding:.3rem 0; line-height:.5rem; font-size:.28rem; text-align:justify; } .zeribox_intro span { color:#9a4a09; } .zeribox_intro p { width:100%; height:.2rem; } .zeriresult { width:100%; float:left; background:#f8f8f8; padding:.3rem .2rem; line-height:.5rem; font-size:.32rem; text-align:justify; } .zeriresult b { font-size:.4rem; } .zeribox_jiji { width:100%; float:left; margin:.3rem 0 0 0; } .zeribox_jiji span { width:.85rem; float:left; height:.85rem; border-radius:50%; line-height:.85rem; font-size:.3rem; color:#fff; text-align:center; margin:0 .2rem 0 0; } .zeribox_jiji span:first-child { background:#fe7979; } .zeribox_jiji span:last-child { background:#5ec45b; } .zeribox_month { width:100%; float:left; margin:.3rem 0 0 0; position:relative; } .zeribox_month .left, .zeribox_month .right { width:auto; line-height:.5rem; font-size:.5rem; text-align:center; position:absolute; } .zeribox_month .left { left:0; } .zeribox_month .right { right:0; } .zeribox_month .left a, .zeribox_month .right a { padding:0 .1rem; } .zeribox_month .center { width:100%; float:left; line-height:.5rem; font-size:.36rem; text-align:center; } .zeribox_calendar { width:100%; float:left; margin:.3rem 0 0 0; } .zeribox_calendar table tr th { line-height:.5rem; font-size:.32rem; text-align:center; } .zeribox_calendar table tr td { width:14.2%; padding:.1rem .05rem; line-height:.35rem; font-size:.28rem; text-align:center; } .zeribox_calendar table tr td div { padding:.1rem 0; } .zeribox_calendar table tr td div.gray { color:#999; } .zeribox_calendar table tr td div.green { background:#5ec45b; color:#fff; } .zeribox_calendar table tr td div.red { background:#fe7979; color:#fff; } .zeribox_jiri { width:100%; float:left; border:solid 1px #ccc; margin:.3rem 0 0 0; } .zeribox_jiri_title { width:100%; float:left; line-height:.85rem; font-size:.36rem; color:#fff; text-align:center; } .zeribox_jiri_title.red { background:#fe7979; } .zeribox_jiri_title.green { background:#5ec45b; } .zeribox_jiri dl { width:100%; float:left; padding:.3rem 0; } .zeribox_jiri dl dt { width:2.8rem; float:left; padding:.65rem 0 0 0; line-height:.5rem; font-size:.36rem; text-align:center; } .zeribox_jiri dl dt b { font-size:.6rem; color:#fe7979; } .zeribox_jiri dl dd { overflow:hidden; line-height:.6rem; font-size:.36rem; } /**** 黄历择日 ****/ /**** 名词解释 ****/ .zerinoun { width:100%; float:left; background:#f8f8f8; padding:.3rem .2rem; } .zerinoun_xiaob { width:100%; float:left; line-height:.4rem; font-size:.32rem; } .zerinoun_class { width:100%; float:left; margin:.1rem 0 0 0; } .zerinoun_class ul li { width:25%; float:left; padding:0 .1rem; margin:.2rem 0 0 0; } .zerinoun_class ul li a { width:100%; float:left; background:#fff0e2; border-radius:8px; line-height:.45rem; font-size:.28rem; color:#bd7c3f; text-align:center; } .zerinoun_class ul li a.current { background:#bd7c3f; color:#fff; } .zeribox_glossary { width:100%; float:left; margin:.3rem 0 0 0; } .zeribox_glossary table { width:100%; border-collapse:collapse; } .zeribox_glossary table tr td { border:solid 1px #ccc; padding:.1rem; line-height:.5rem; font-size:.3rem; } .zeribox_glossary table tr td .title { background:#bd7c3f; line-height:.75rem; font-size:.36rem; color:#fff; text-align:center; } .zeribox_glossary table tr td a { margin:0 0 .2rem 0; width:100%; float:left; border:solid 1px #ff6d6d; border-radius:8px; line-height:.45rem; font-size:.28rem; color:#ff6d6d; text-align:center; } /*.zeribox_glossary table tr td a:first-child { margin:0 0 .2rem 0; }*/ /**** 名词解释 ****/ /**** 国学 ****/ .guoxnav { width:100%; float:left; background:#fff; border-bottom:solid 1px #ccc; z-index:999; } .guoxnav .right {width: 10%;float:right;} .guoxnav .right a { width:100%; float:left; line-height:.8rem; font-size:.4rem; text-align:center; } .guoxnav .left {overflow:hidden;white-space: nowrap;width: 90%;overflow-x: auto;font-size: .32rem;-webkit-overflow-scrolling: touch;} .guoxnav .left::-webkit-scrollbar {display: none;} .guoxnav .left a {/* width:25%; *//* float:left; */padding: 0 .2rem;line-height:.8rem;font-size:.3rem;text-align:center; display: inline-block;} .guoxnav .left a.current { border-bottom:solid 2px #bc7d3f ; color:#bc7d3f ; } /** 弹窗 **/ .guoxclasspop { width:7rem; background:#fff; position:fixed; left:50%; top:15%; margin:0 0 0 -3.5rem; z-index:999; } .guoxclasspop_title { width:100%; float:left; background:#f4f4f4; padding:0 0 0 .2rem; line-height:.75rem; font-size:.34rem; color:#936e40; } .guoxclasspop_title a { float:right; padding:0 .25rem; font-size:.4rem; } .guoxclasspop_list { width:100%; float:left; padding:.2rem 0; } .guoxclasspop_list a { width:33.33%; float:left; line-height:.6rem; font-size:.3rem; text-align:center; } .guoxclasspop_list a.red { color:#f00; } .guoxclasspop_tips { width:100%; float:left; padding:0 0 0 .5rem; line-height:.5rem; font-size:.3rem; color:#ff9a18; margin:0 0 .2rem 0; } /** 弹窗 **/ .guoxbanner, .guoxbanner img { width:100%; float:left; } .guoxprod4 { width:100%; float:left; padding:.3rem 0; } .guoxprod4 a { width:25%; float:left; line-height:.3rem; font-size:.28rem; text-align:center; } .guoxprod4 a img { width:1.5rem; } .guoxnews { width:100%; float:left; border-top:solid .16rem #f0f0f0; } .guoxnews_title { width:100%; float:left; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.9rem; font-size:.32rem; } .guoxnews_title img { width:.35rem; vertical-align:middle; margin:-.05rem 0 0} .guoxnews_class { width:100%; float:left; padding:0 .1rem; } .guoxnews_class ul li { width:20%; float:left; padding:0 .05rem; margin:.2rem 0 0 0; } .guoxnews_class ul li a { width:100%; float:left; border:solid 1px #bd7c3f; border-radius:35px; line-height:.45rem; font-size:.28rem; color:#bd7c3f; text-align:center; } .guoxnews_class ul li a.current { background:#bd7c3f; color:#fff; } .guoxnews_article { width:100%; float:left; padding:0 .2rem; } .guoxnews_article dl { width:100%; float:left; border-bottom:dotted 1px #ddd; padding:.3rem 0; } .guoxnews_article dl dt { width:1.86rem; float:right; } .guoxnews_article dl dt img { width:1.86rem; float:left; height:1.28rem; } .guoxnews_article dl dd { overflow:hidden; padding:0 .2rem 0 0; } .guoxnews_article dl dd .title { height:.88rem; line-height:.44rem; font-size:.3rem; font-weight:bold; } .guoxnews_article dl dd .info { line-height:.4rem; font-size:.28rem; color:#666; margin:.05rem 0 0 0; } .guoxnews_article dl dd .info span { float:right; } .guoxnews_recom { width:94%; float:left; background:#fdf3e6; line-height:.95rem; font-size:.24rem; color:#ff5252; text-align:center; margin:.3rem 3% 0 3%; } .guoxnews_recom span { background:url(/uploads/image/imvimages/hli_icon3.png) no-repeat; background-size:100% 100%; padding:0 .2rem; color:#fff; } .guoxnews_recom a { border:solid 1px #ff5252; border-radius:5px; color:#ff5252; padding:.05rem .1rem;} .guoxnews_more { width:100%; float:left; line-height:.5rem; font-size:.32rem; text-align:center; margin:.3rem 0; } /**** 国学 ****/ /**** 星座 ****/ .astrotab { width:100%; float:left; } .astrotab ul li { width:18%; float:left; margin:-5% 0 0 0; } .astrotab ul li.current { width:28%; float:left; margin:-8% 0 0 0; } .astrotab ul li a { width:.8rem; height:.8rem; background:#c2a0fe; background:-webkit-linear-gradient(#c2a0fe, #ff67b1); background:-o-linear-gradient(#c2a0fe, #ff67b1); background:-moz-linear-gradient(#c2a0fe, #ff67b1); background:linear-gradient(#c2a0fe, #ff67b1); border-radius:50%; line-height:.8rem; font-size:.26rem; color:#fff; text-align:center; display:block; margin:0 auto; } .astrotab ul li.current a { width:1.3rem; height:1.3rem; background:#ff7884; background:-webkit-linear-gradient(#ff7884, #ff67b1); background:-o-linear-gradient(#ff7884, #ff67b1); background:-moz-linear-gradient(#ff7884, #ff67b1); background:linear-gradient(#ff7884, #ff67b1); border-radius:50%; padding:.25rem 0 0 0; line-height:.4rem; font-size:.26rem; color:#fff; text-align:center; display:block; margin:0 auto; } .astrofortune { width:100%; float:left; margin:.2rem 0; } .astrofortune .left { width:2.65rem; float:left; padding:.25rem 0 0 0; } .astrofortune .left img { width:100%; float:left; } .astrofortune .right { overflow:hidden; padding:0 0 0 .2rem; } .astrofortune .right ul li { line-height:.6rem; font-size:.3rem; } .astrofortune .right ul li img { width:.3rem; vertical-align:middle; margin:-.05rem 0 0 0; } .astrotext { width:100%; float:left; } .astrotext ul li { width:33.33%; float:left; line-height:.55rem; font-size:.3rem; text-align:center; } .astrotext ul li span { color:#666; } .astrocon { width:100%; float:left; } .astrocon_title { width:100%; float:left; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.7rem; font-size:.32rem; font-weight:bold; margin:.2rem 0 .1rem 0; } .astrocon_title img { width:.4rem; vertical-align:middle; margin:-.05rem 0 0 0; } .astrocon_txt { width:100%; float:left; padding:0 .2rem; line-height:.5rem; font-size:.3rem; text-align:justify; } .astrocon_dayzs { width:100%; float:left; margin:.1rem 0 0 0; } .astrocon_dayzs dl { width:20%; float:left; } .astrocon_dayzs dt { width:.6rem; height:.6rem; display:block; border:solid 1px #000; border-radius:50%; margin:0 auto; } .astrocon_dayzs dd { width:100%; float:left; line-height:.3rem; font-size:.28rem; text-align:center; margin:.1rem 0 0 0; } .astrobtn { width:100%; float:left; padding:0 .2rem; margin:.3rem 0; } .astrobtn a { width:100%; float:left; border:solid 1px #bd7c3f; border-radius:8px; line-height:.85rem; font-size:.3rem; text-align:center; color:#bd7c3f; } .astroprod4 { width:100%; float:left; margin:.3rem 0; } .astroprod4 a { width:25%; float:left; line-height:.4rem; font-size:.28rem; text-align:center; } .astroprod4 a img { width:.85rem; } .astroother { width:100%; float:left; border-top:solid .16rem #f0f0f0; } .astroother_title { width:100%; float:left; border-bottom:solid 1px #ccc; padding:0 .2rem; line-height:.9rem; font-size:.32rem; } .astroother_title img { width:.4rem; vertical-align:middle; margin:-.05rem 0 0 0; } .astroother_change { width:100%; float:left; padding:.1rem; } .astroother_change ul li { width:33.33%; float:left; padding:0 .1rem; margin:.1rem 0; } .astroother_change ul li a { width:100%; float:left; background:#f5f1ec; line-height:.6rem; font-size:.28rem; color:#544c49; text-align:center; } .astroother_change ul li a img { width:.3rem; vertical-align:middle; margin:0 3px 0 0; } .astrocon_weekchat { padding:0 .2rem; } .astrocon_weekchat, .astrocon_weekchat img { width:100%; float:left; } .astrocon_yuyan { padding:0 .2rem; } .astrocon_yuyan, .astrocon_yuyan img { width:100%; float:left; } .astrocon_yearzs { width:100%; float:left; } .astrocon_yearzs dl { width:50%; float:left; margin:.35rem 0 0 0; } .astrocon_yearzs dt { width:.6rem; height:.6rem; display:block; border:solid 1px #000; border-radius:50%; margin:0 auto; } .astrocon_yearzs dd { width:100%; float:left; line-height:.3rem; font-size:.28rem; text-align:center; margin:.1rem 0 0 0; } /**** 星座 ****/ /**** 尾部 ****/ .footer {width:100%;float:left;border-top: solid .2rem #ededed;/*padding-bottom: 1.1rem;*/} .footer_list { width:100%; float:left; background:#f3f3f3; border-left:solid 1px #ddd; border-top:solid 1px #ddd; } .footer_list a {width:20%;float:left;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;line-height: .64rem;font-size: .29rem;color:#999;text-align:center;} .footer_end {width:100%;float:left;background:#ddd;border-top: solid .2rem #ededed;padding: .2rem 0;} .footer_end_txt1 {width:100%;float:left;line-height: .5rem;font-size: .25rem;color:#666;text-align:center;} .footer_end_txt1 a { color:#666; } .footer_end_txt2 {width:100%;float:left;line-height: .5rem;font-size: .29rem;color:#666;text-align:center;} /**** 尾部 ****/ /**** m站rem版公用侧边栏 ****/ .remsidebar_zhezhao { width:100%; float:left; max-width:700px; background:#000; height:100%; opacity:.7; position:fixed; top:0; z-index:999; } .remsidebar { width:6rem; float:right; height:100%; background:#fff; /*overflow-y:scroll;*/ position:fixed; top:0; left:50%; margin:0 0 0 -2.2rem; z-index:999; } .remsidebar_top { width:100%; float:left; background:#845520; padding:.15rem; line-height:.5rem; font-size:.3rem; color:#fff; } .remsidebar_top a { color:#fff; } .remsidebar_top a.fr { padding:0 .1rem 0 0; } .remsidebar_top span { color:#ffc13d; } .remsidebar_list { width:100%; float:left; padding:.1rem .25rem; } .remsidebar_list a { width:50%; float:left; line-height:.6rem; font-size:.3rem; text-align:center; } .remsidebar_list a i { color:#fa6398; } .remsidebar_list a.width100 { width:100%; text-align:center; } .remsidebar_list a img { width:.38rem; vertical-align:middle; margin:-.03rem 0 0 0; } .remsidebar_title { width:100%; float:left; background:#d7bc97; padding:0 0 0 .4rem; line-height:.65rem; font-size:.32rem; color:#79460e; } .remsidebar_kefu { width:100%; float:left; background:#d7bc97; line-height:.8rem; font-size:.32rem; text-align:center; position:absolute; bottom:0; } .remsidebar_kefu a { display:block;color: #79460e;; } .remsidebar_kefu a img { width:.38rem; vertical-align:middle; margin:-.03rem 0 0 0; } /**** m站rem版公用侧边栏 ****/ .tuijian_class{ display: block; margin: .3rem 3% 0 3%;} /**** 顶部导航栏样式 ****/ .inwrap .nav{ overflow: hidden;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;background: #fff;box-shadow: 0 .1rem .24rem #666666; } .inwrap .nav.nofixed{ position: relative; } .swiper-pagination { text-align: right !important;bottom: 0; } #pagination { bottom: 0; width: auto;right: 0.1rem;left: auto; } /**** 顶部导航栏样式 ****/