/*幻灯*/ .index_banner{ position:relative;overflow:hidden; height:8.5rem; } .index_banner .swiper-container{ width:100%; overflow:hidden; height:8.5rem;} .index_banner .swipe-wrap{ position:relative;overflow:hidden;} .index_banner .swipe-wrap .swiper-slide{ width:100%; height:8.5rem; float:left; position:relative;overflow:hidden;text-align:center; } .index_banner .swipe-wrap .swiper-slide a{display:block; } .index_banner .swipe-wrap .swiper-slide img{ width:18.75rem; height:8.5rem; -webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)} .index_banner .pagination{width:100%;clear:both;bottom:0;text-align:center; overflow:hidden;} .index_banner .pagination .swiper-pagination-switch{width:0.5rem;height:0.5rem;margin:0 .4rem;display:inline-block;-moz-border-radius:.8em;-webkit-border-radius:.8em;border-radius:.8em; background-color:#a9a9a9;filter:alpha(Opacity=80);opacity:.8} .index_banner .pagination .swiper-active-switch{background-color:#07ca05;} .box_swipe{ overflow:hidden; position:relative;} .box_swipe ul{ -webkit-padding-start: 0px;} .box_swipe ol{ height:1rem; position:absolute; right:0.5rem; bottom:0.5rem; z-index:10; text-align:center;} .box_swipe>ol>li{ display:inline-block; margin:0; width:0.35rem; height:0.35rem; background-color:#fff; border-radius: 0.5rem;} .box_swipe>ol>li.on{ background-color:#f5502f; } .index_vip{ width:17.75rem; margin:0 auto;} .index_vip .top{ width:17.75rem; position:relative; margin-top:.3rem;} .index_vip .top em{ width:100%; height:1px; background:#e4e4e4; display:block; position:absolute; left:0; top:.8rem;} .index_vip .top h1{ font-size:.65rem; display:inline-block; background:#fff; position:relative; z-index:10; padding-right:.5rem; } .index_vip .con dl{ width:8.5rem; height:8rem; float:left; text-align:center; overflow:hidden; color:#888; font-size:.55rem; margin:0.62rem .75rem 0 0;} .index_vip .con dl.last{ margin:0.62rem 0 0 0;} .index_vip .con dl dt{ width:100%; height:5.5rem; position:relative;} .index_vip .con dl dt img{ width:100%; height:100%;} .index_vip .con dl dd h1{ font-size:.7rem; margin:.2rem 0;} .index_vip .con dl dd h1 a{ color:#} .index_vip .con dl dt em{ position:absolute; left:.4rem; top:.4rem; line-height:.65rem; color:#fff; padding:0 .5rem; border-radius:26px; font-size:.45rem;} .index_vip .con dl dt em.b1{ background:#f5502f;} .index_vip .con dl dt em.b2{ background:#37c326;} .index_vip .con.vip dl dt em{ position:absolute; left:5.8rem; top:.4rem; line-height:.65rem; color:#fff; padding:0 .5rem; border-radius:26px; font-size:.45rem;} /*课程筛选*/ .course_choose{ margin-top:.5rem; } .course_choose.ful{ margin:0;} .course_choose li{ width:17.25rem; background:#fff; padding:0 .75rem; border-bottom:1px solid #ededed; clear:both; overflow:hidden; line-height:2.25rem; font-size:.65rem;} .course_choose li:nth-last-child(1){ border-bottom:0;} .course_choose li a{ width:100%; height:100%; display:block; overflow:hidden;} .course_choose li span{ float:left;} .course_choose li p{ float:right; color:#999;} .course_choose.ful p{ color:#333;} .course_choose li p i{ background:url(../images/right_san.png) no-repeat; display:inline-block; width:.4rem; height:.7rem; -webkit-background-size:.4rem auto; background-size:.4rem auto; vertical-align:-.15rem; margin-left:.2rem;} .course_choose .btn{ width:17.25rem; height:2.25rem; margin:0 auto; display:block; line-height:2.25rem; text-align:center; color:#fff; text-align:center; background:#f5502f; font-size:.75rem; -webkit-border-radius:4px; border-radius:4px; margin-top:1rem;} .course_choose .btn:hover{ background:#ed4321;} .course_list{ width:17.75rem; margin:0 auto;} .course_list .top{ width:17.75rem; position:relative; margin-top:.3rem;} .course_list .top em{ width:100%; height:1px; background:#e4e4e4; display:block; position:absolute; left:0; top:.8rem;} .course_list .top h1{ font-size:.65rem; display:inline-block; background:#fff; position:relative; z-index:10; padding-right:.5rem; } .course_list .list{ width:100%; overflow:hidden; background:url(../images/xright_san.png) no-repeat right center; -webkit-background-size:.3rem auto; background-size:.3rem auto; overflow:hidden; clear:both; margin-top:.8rem; color:#666; font-size:.6rem; clear:both;} .course_list .list .pic{ position:relative; width:7.5rem; height:4.75rem; margin-top:.2rem; } .course_list .list ul{ width:9.375rem; overflow:hidden; float:left; margin:0 0 0 .7rem; } .course_list .list ul h2{ font-size:.65rem; color:#333;} .course_list .list ul span{ color:#ff3d33; font-size:.7rem;} .course_list .list ul em{ color:#999; color:#999;} .course_list .list ul li{ margin-bottom:.1rem;} .course_list .list .btn{ width:100%; clear:both;} .course_list .list .btn a{ border:1px solid #cecece; line-height:1.4rem; display:inline-block; font-size:.65rem; -webkit-border-radius:2px; border-radius:2px; width:4rem; text-align:center; margin-top:.1rem; margin-right:.5rem;} .course_list .list .btn a.red{ background:#e53232; border:1px solid #e53232; color:#fff; margin-top:.4rem; float:left; display:block;} .course_list .list .btn span{ width:9.375rem; float:right; display:block; margin-top:0.25rem;} .course_list .list.wu{ background:none;} .course_list .list.wu ul{ float:right; width:10.75rem;} .course_list .list.wu .pic{ width:6.25rem; height:4rem;} .course_list .list.wu ul p{ font-size:.6rem; line-height:1.1rem; color:#666; margin-top:.3rem;} .youhuijuan{ width:17.25rem; padding:0 .75rem; clear:both; margin-top:.5rem; clear:both; } .youhuijuan h1{ float:left; font-size:.65rem; color:#666;} .youhuijuan ul strong{ color:#f5502f; font-weight:normal;} .youhuijuan a{ width:17.25rem; overflow:hidden; background:url(../images/right_san.png) no-repeat right center; -webkit-background-size:.4rem auto; background-size:.4rem auto; vertical-align:-.15rem; display:block;} .video{ width:100%; position:relative; } .video .shuoming{ width:17.5rem; padding:0 .625rem; position:absolute; left:0; top:0; background:#ffb400; font-size:.6rem; line-height:2rem; } .video .shuoming .close{ font-size:.8rem; float:right; color:#333;} .video .playbnt{ width:100px; height:100px; background:url(../images/playbnt.png) no-repeat; position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px;} .docbox{ background:#fff; width:100%; overflow:hidden; margin-top:.5rem;} .docbox .tab{width:100%; line-height:2rem; border-bottom:1px solid #ddd; text-align:center; font-size:.6rem;} .docbox .tab a{ width:33%; display:block; float:left; color:#666;} .docbox .tab a:nth-last-child(1){ width:34%;} .docbox .tab a.current{ color:#f5502f; border-bottom:2px solid #f5502f;} .docbox .tab a i{ display:inline-block; margin-right:.2rem; height:.725rem; vertical-align:-.15rem;} .docbox .tab a i.b1{ background:url(../images/w_tab_07.png) no-repeat; width:.425rem; background-size:auto .725rem;} .docbox .tab a i.b2{ background:url(../images/w_tab_09.png) no-repeat; width:.575rem; background-size:auto .725rem;} .docbox .tab a i.b3{ background:url(../images/w_tab_12.png) no-repeat; width:.725rem; background-size:auto .725rem;} .docbox .tab a.current i.b1{ background:url(../images/wh_tab_07.png) no-repeat; width:.425rem; background-size:auto .725rem;} .docbox .tab a.current i.b2{ background:url(../images/wh_tab_09.png) no-repeat; width:.575rem; background-size:auto .725rem;} .docbox .tab a.current i.b3{ background:url(../images/wh_tab_12.png) no-repeat; width:.725rem; background-size:auto .725rem;} .docbox_con{ width:100%; clear:both;} .docbox_con .txt{ width:17rem; margin:0 auto; overflow:hidden; padding-bottom:.75rem;} .docbox_con .txt p{ font-size:.6rem; line-height:1.1rem; margin-top:.75rem;} .yusico{ display: block; line-height:24px; padding:0 10px; color:#fff; font-size:12px; position:absolute; right:0; top:0; background:#eb3434; } /*分享*/ .am-share { background:#f0f0f0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; } .am-modal-active { transform: translateY(0px); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .am-share-title { background-color:#fff; font-size:0.7rem; font-weight:normal; padding:1rem 0; text-align: center; } .am-share-footer { width:100%; background:#fff; } .am-share-footer .share_btn { color: #555; display: block; width:100%; background:none; border:0; cursor: pointer; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap; font-size:.75rem; line-height:2.5rem;} .am-share-sns { background-color:#fff; border-bottom:1px solid #e1e1e1; padding-top: 15px; height:auto; zoom:1; overflow:auto; padding-bottom:1.75rem; } .am-share-sns li { display:block; float: left; height: auto; width:33.3%; } .am-share-sns a { color: #555; display: block; text-decoration:none; font-size:0.6rem; } .am-share-sns span { display: block; } .am-share-sns li i { display:inline-block; width:2.75rem; height:2.75rem; } .am-share-sns li i.weixin{ background:url(../images/fx_03.png) no-repeat; -webkit-background-size:2.75rem 2.75rem; background-size:2.75rem 2.75rem;} .am-share-sns li i.qq{ background:url(../images/fx_07.png) no-repeat; -webkit-background-size:2.75rem 2.75rem; background-size:2.75rem 2.75rem;} .am-share-sns li i.weibo{ background:url(../images/fx_11.png) no-repeat; -webkit-background-size:2.75rem 2.75rem; background-size:2.75rem 2.75rem;} .sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; } .sharebg-active { opacity: 1; display:block; } .docbox_con .ask{ width:100%; overflow:hidden; padding:1rem 0;} .docbox_con .ask .list{ width:17.75rem; margin:0 auto; overflow:hidden; clear:both; margin-top:.5rem;} .docbox_con .ask .list .pic{ width:2rem; height:2rem; border-radius:50%; overflow:hidden; float:left;} .docbox_con .ask .list ul{ width:15rem; float:right; font-size:.6rem; line-height:1.1rem;} .docbox_con .ask .list em{ font-size:.6rem; color:#999;} .docbox_con .ask .list span{ color:#dd332a;} .ask_foot{ position:fixed; left:50%; bottom:0; width:17.75rem; margin-left:-9.375rem; padding:0.4rem .5rem; background:#fff; border-top:1px solid #ddd;} .ask_foot .pic{ width:2rem; height:2rem; border-radius:50%; overflow:hidden; float:left;} .ask_foot .text{ width:11.25rem; border-bottom:1px solid #ddd; padding:.4rem 0; font-size:.6rem; line-height:1rem; margin-left:.5rem;} .ask_foot .submit{ width:3.5rem; height:1.6rem; line-height:1.6rem; text-align:center; color:#fff; text-align:center; background:#f5502f; font-size:.6rem; -webkit-border-radius:2px; border-radius:2px; float:right; margin-top:.2rem;} .ask_foot .submit:hover{ background:#ed4321;} /*通讯录*/ #letter{ width: 100px; height: 100px; border-radius: 5px; font-size: 75px; color: #555; text-align: center; line-height: 100px; background: rgba(145,145,145,0.6); position: fixed; left: 50%; top: 50%; margin:-50px 0px 0px -50px; z-index: 99; display: none;} #letter img{ width: 50px; height: 50px; float: left;margin:25px 0px 0px 25px;} .sort_box{width: 100%;padding-top:0rem;overflow: hidden;} .sort_list{padding:15px 60px 15px 80px;position: relative; height: 40px;line-height: 40px; border-bottom:1px solid #ececec; background:#fff; font-size:.65rem; color:#333333;} .sort_list .num_logo{width: 50px;height: 50px;border-radius:50px;overflow: hidden;position: absolute;top:10px;left: 20px;} .sort_list .num_logo img{width: 50px;height: 50px;} .sort_list .num_name{color: #000;} .sort_letter{height: 30px;line-height: 30px;padding-left: 20px;color:#787878;font-size: 14px;border-bottom:1px solid #ddd;} .initials{position: fixed;top:1.5rem;right: 0px;height: 100%;width:25px; text-align: center;font-size: 12px;z-index:99; color:#666;} .initials li img{width: 14px;} .ter_detail { position:relative;} .ter_detail .btndh{ position:absolute; right:.3rem; top:1rem; font-size:.6rem; border-left:1px solid #ddd; padding-left:.4rem;} .ter_detail .btndh a{ border:1px solid #f5502f; display:inline-block; line-height:1rem; border-radius:2px; margin-left:.2rem; padding:0 .3rem; background:#f5502f; color:#fff;} .ter_detail .tab{ width:100%; border-bottom:1px solid #dddddd; line-height:2rem; font-size:.6rem; text-align:center; margin-top:.5rem;} .ter_detail .tab a{ display:block; float:left; width:50%; color:#666;} .ter_detail .tab a.cur{ width:50%; color:#f5502f; border-bottom:.1rem solid #f5502f;} .ter_detail .tab a i.b1{ background:url(../images/jsxq_09.png) no-repeat; width:.65rem; height:.5rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; vertical-align:-.05rem;} .ter_detail .tab a i.b2{ background:url(../images/jsxq_14.png) no-repeat; width:.65rem; height:.5rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; vertical-align:-.05rem;} .ter_detail .tab a i.b3{ background:url(../images/jsxq_11.png) no-repeat; width:.65rem; height:.6rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; vertical-align:-.05rem;} .ter_detail .tab a.cur i.b1{ background:url(../images/jsxqh_09.png) no-repeat; width:.65rem; height:.5rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; } .ter_detail .tab a.cur i.b2{ background:url(../images/jsxqh_14.png) no-repeat; width:.65rem; height:.5rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem;} .ter_detail .tab a.cur i.b3{ background:url(../images/jsxqh_11.png) no-repeat; width:.65rem; height:.6rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; } .ter_detail .detail_list { width:17.75rem; margin:0 auto; margin-top:.5rem;} .ter_detail .detail_list .top{ width:17.75rem; position:relative; margin-top:.3rem;} .ter_detail .detail_list .top em{ width:100%; height:1px; background:#e4e4e4; display:block; position:absolute; left:0; top:.8rem;} .ter_detail .detail_list .top h1{ font-size:.65rem; display:inline-block; background:#fff; position:relative; z-index:10; padding-right:.5rem; } .ter_detail .detail_list .list{ width:100%; overflow:hidden; background:url(../images/xright_san.png) no-repeat right center; -webkit-background-size:.3rem auto; background-size:.3rem auto; overflow:hidden; clear:both; margin-top:.8rem; color:#666; font-size:.6rem; clear:both;} .ter_detail .detail_list .list .pic{ width:7.5rem; height:4.75rem; margin-top:.2rem; overflow:hidden; position:relative;} .ter_detail .detail_list .list .pic i{ background:#; font-size:.5rem; color:#fff; position:absolute; top:.5rem; right:0.5rem; border-radius:2px; width:1.5rem; height:.8rem; line-height:.8rem; text-align:center;} .ter_detail .detail_list .list .pic i.b1{ background:#ff7800;} .ter_detail .detail_list .list .pic i.b2{ background:#32bf35;} .ter_detail .detail_list .list .pic i.b3{ background:#4075cd;} .ter_detail .detail_list .list ul{ width:9.375rem; float:left; margin:0 0 0 .7rem;} .ter_detail .detail_list .list ul h2{ font-size:.65rem; color:#333;} .ter_detail .detail_list .list ul span{ color:#ff3d33; font-size:.7rem;} .ter_detail .detail_list .list ul em{ color:#999; color:#999;} .ter_detail .detail_list .list ul li{ margin-bottom:.1rem;} .ter_detail .detail_list .list ul a{ border:1px solid #cecece; line-height:1.45rem; display:inline-block; font-size:.65rem; -webkit-border-radius:2px; border-radius:2px; padding:0 .5rem; margin-top:.1rem; margin-right:.5rem;} .ter_detail .detail_list:nth-last-child(1){ padding-bottom:1rem;} .ter_detail_txt{ width:17.25rem; margin:1rem auto;} .ter_detail_txt h2{ font-size:.8rem; text-align:center; line-height:1rem; margin-bottom:.5rem;} .ter_detail_txt p{ font-size:.6rem; line-height:1.1rem;} .ter_detail .detail_list .list .btn{ width:100%; clear:both;} .ter_detail .detail_list .list .btn a{ border:1px solid #cecece; line-height:1.4rem; display:inline-block; font-size:.65rem; -webkit-border-radius:2px; border-radius:2px; width:4rem; text-align:center; margin-top:.1rem; margin-right:.5rem;} .ter_detail .detail_list .list .btn a.red{ background:#e53232; border:1px solid #e53232; color:#fff; margin-top:.4rem; float:left; display:block;} .ter_detail .detail_list .list .btn span{ float:right; display:block; margin-top:.3rem;} /*消息*/ .noice{ width:18.75rem;} .noice .list{ width:17.25rem; border-bottom:1px solid #ddd; padding:.75rem; overflow:hidden; } .noice .list.hui{ background:#f8f8f8;} .noice .list .pic{ width:2.5rem; height:2.5rem; float:left;} .noice .list ul{ width:14rem; float:right; font-size:.6rem; line-height:1.1rem; color:#666;} .noice .list ul li{ clear:both; overflow:hidden;} .noice .list ul li h1{ color:#333; float:left; font-size:.65rem; } .noice .list ul li h1 em{ font-size:.6rem; line-height:.65rem; color:#fff; background:#f5502f; padding:0 .3rem; border-radius:20px; display:inline-block; margin-left:.2rem;} .noice .list ul li span{ float:right;} .noice_deil .top{ width:17.25rem; border-bottom:1px solid #ddd; padding:.75rem; overflow:hidden; } .noice_deil .top .pic{ width:2.5rem; height:2.5rem; float:left;} .noice_deil .top ul{ width:14.25rem; float:right; font-size:.6rem; line-height:1.1rem; color:#666; margin-top:.6rem;} .noice_deil .top ul li{ clear:both; overflow:hidden;} .noice_deil .top ul li h1{ color:#333; float:left; font-size:.65rem; } .noice_deil .top li span{ float:right;} .noice_deil .bottom{ width:17.25rem; margin:.5rem auto; font-size:.65rem; line-height:1.1rem; color:#666; } .noicebox .list{ width:17.75rem; border-bottom:1px solid #ddd; padding:.75rem .5rem; overflow:hidden; } .noicebox .list.hui{ background:#f8f8f8;} .noicebox .list .left_cor{ width:3.7rem; height:2.5rem; float:left; } .noicebox .list .left_cor p{ width:.8rem; float:left; display:block; position:relative; margin-top:.8rem; } .noicebox .list .left_cor input{ width:.8rem; height:.8rem; float:left; opacity:0; position:absolute; left:0; top:0; cursor:pointer;} .noicebox .list .left_cor input+i{ background:url(../images/radio2.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto; } .noicebox .list .left_cor input:checked+i{ background:url(../images/radio1.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto;} .noicebox .list .left_cor em{ display:inline-block; width:2.5rem; height:2.5rem; float:right; } .noicebox .list ul{ width:13.5rem; float:right; font-size:.6rem; line-height:1.1rem; color:#666;} .noicebox .list ul li{ clear:both; overflow:hidden;} .noicebox .list ul li h1{ color:#333; float:left; font-size:.65rem; } .noicebox .list ul li h1 em{ font-size:.6rem; line-height:.65rem; color:#fff; background:#f5502f; padding:0 .3rem; border-radius:20px; display:inline-block; margin-left:.2rem;} .noicebox .list ul li span{ float:right;} .noice_btn{ width:100%; text-align:center; height:2.43rem; background:#fff; border-top:1px solid #ddd; position:fixed; left:0; bottom:0; z-index:1000;} .noice_btn p{ width:34%; float:left; font-size:.7rem; color:#666; line-height:2.43rem; } .noice_btn p em{ width:.8rem; float:left; display:block; position:relative; margin-top:.9rem; margin-left:.5rem; } .noice_btn p input{ width:.8rem; height:.8rem; float:left; opacity:0; position:absolute; left:0; top:0; cursor:pointer;} .noice_btn p input+i{ background:url(../images/radio2.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto; } .noice_btn p input:checked+i{ background:url(../images/radio1.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto;} .noice_btn a{ width:33%; display:block; float:left; font-size:.7rem; color:#666; position:relative;} .noice_btn a.hi{ background:#d3d3d3; line-height:2.43rem;} .noice_btn a.del{ background:#f5502f; color:#fff; line-height:2.43rem; cursor: pointer; } .noice_btn span{ width:33%; display:block; float:left; font-size:.7rem; color:#666; text-align:left; margin-top:.2rem;} .noice_btn span .youhui{ font-size:.65rem;} .noice_btn strong{ color:#ff3d33; font-size:.75rem; font-weight:normal;} .noice_btn ul{ float:left; font-size:.6rem; width:30%; padding-left:3%; line-height:1.2rem; text-align:left;} .noice_btn.big{ height:3.5rem;} .noice_btn.big a.del{ line-height:3.5rem; } /*我的*/ .my_head{ background:#f5502f; width:100%; text-align:center; color:#fff; overflow:hidden; padding-bottom:1rem;} .my_head dl dd{ width:4rem; height:4rem; overflow:hidden; border-radius:50%; margin:1rem auto .5rem auto; } .my_head dl dt h1{ font-size:.8rem;} .my_head dl dt a{ font-size:.6rem; color:#fff; display:inline-block; width:5.5rem; line-height:1.4rem; border:2px solid #fd856d; -webkit-border-radius:2px; border-radius:2px; margin:.5rem .2rem 0 .2rem;} .my_head dl dt a:hover{ border:2px solid #f6c8bf;} .my_head dl dt p{ font-size:.6rem; color:#fff; margin-top:.5rem;} .my_kecheng{ text-align:center; padding:.5rem 0;} .my_kecheng dl{ display:block; float:left; width:25%; font-size:.6rem;} .my_kecheng dl dd{ font-size:.8rem;} .my_set{ width:17.75rem; padding:0 .5rem; margin-top:.5rem; } .my_set li{ width:17.25rem; border-bottom:1px solid #ededed; clear:both; overflow:hidden; line-height:2.25rem; font-size:.65rem; background:url(../images/right_san.png) no-repeat right center; -webkit-background-size:.4rem auto; background-size:.4rem auto; } .my_set li:nth-last-child(1){ border-bottom:0;} .my_set li a{ width:100%; height:100%; display:block; overflow:hidden;} .my_set li a i{ width:.7rem; height:.7rem; display:inline-block; margin-right:.4rem;} .my_set li a i.b1{ background:url(../images/set_b_07.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b2{ background:url(../images/set_b_10.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b3{ background:url(../images/set_b_12.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b4{ background:url(../images/set_b_14.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b5{ background:url(../images/set_b_17.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b6{ background:url(../images/set_b_20.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b7{ background:url(../images/set_b_22.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b8{ background:url(../images/set_b_23.png) no-repeat; -webkit-background-size:.7rem auto; background-size:.7rem auto;} .my_set li a i.b9{ background:url(../images/set_b_24.png) no-repeat center center; background-size:.62rem auto; vertical-align: middle;} .my_set li a i.b10{ background:url(../images/set_b_25.png) no-repeat center center; -webkit-background-size:.62rem auto; background-size:.62rem auto; vertical-align: middle;} .my_set li a i.b11{ background:url(../images/set_b_26.png) no-repeat center center; background-size:.7rem auto;} .my_set li a i.b12{ background:url(../images/set_b_27.png) no-repeat center center; background-size:.7rem auto;} .zhuxiao{ background:#fff; display:block; text-align:center; line-height:2.25rem; font-size:.65rem; margin:.5rem 0 0 0; } .my_kecheg .tab{ width:100%; white-space:nowrap; border-bottom:1px solid #dddddd; line-height:2rem; font-size:.45rem; text-align:center; margin-top:.5rem; position:relative; z-index:10000; background: #fff;} .my_kecheg .tab a{ display:block; float:left; width:18%; color:#666;} .my_kecheg .tab a.cur{ color:#f5502f; border-bottom:.1rem solid #f5502f;} .my_kecheg .my_kecheg_con dl{ width:8.33rem; float:left; overflow:hidden; color:#888; font-size:.55rem; margin: 0.62rem 0.4rem 0 0.55rem;} .my_kecheg .my_kecheg_con dl.last{ margin:0.62rem 0 0 0;} .my_kecheg .my_kecheg_con dl dt{ width:100%; height:5.5rem; position:relative;} .my_kecheg .my_kecheg_con dl dt img{ width:100%; height:100%;} .my_kecheg .my_kecheg_con dl dd h1{ font-size:.7rem; margin:.4rem 0 .2rem; } ul.wudanzi{ width:100%; margin:2rem auto; overflow:auto; text-align:center; font-size:0.65rem;} ul.wudanzi li img{ width:1.8rem; margin-bottom:0.5rem;} ul.wudanzi li a{ width:6.625rem; line-height:1.85rem; display:inline-block; background:#f5502f; color:#fff; font-size:0.75rem; margin-top:1.5rem;} /*我的订单*/ .my_order .tab{ width:100%; border-bottom:1px solid #dddddd; line-height:2rem; font-size:.6rem; text-align:center;} .my_order .tab a{ display:block; float:left; width:50%; color:#666;} .my_order .tab a.cur{ color:#f5502f; border-bottom:.1rem solid #f5502f;} .my_order .row{ margin-top:.5rem;} .my_order .row_top{ width:17.25rem; padding:0 .75rem; overflow:hidden; font-size:.6rem; line-height:2.25rem;} .my_order .row_top span{ margin-left:1rem; font-size:.65rem;} .my_order .row_top span strong{ font-weight:normal; color:#666;} .my_order .row_top a{ float:right; color:#f5502f;} .my_order .row_top a:hover{ text-decoration:underline;} .my_order .row .listbox{ width:100%; border-bottom:1px solid #ddd; overflow:hidden; } .my_order .row .listbox:nth-last-child(1){ border:0;} .my_order .row_con{ width:17.25rem; padding:0 .75rem .7rem .75rem; margin:0 auto; clear:both; } .my_order .row_con.big{ width:17.75rem; padding:0 .5rem .7rem .5rem;} .my_order .row_con label{ float:left; display:block; position:relative; margin-top:1rem;} .my_order .row_con label input{ width:.8rem; height:.8rem; float:left; opacity:0; position:absolute; left:0; top:0; cursor:pointer;} .my_order .row_con label input+i{ background:url(../images/radio2.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto; } .my_order .row_con label input:checked+i{ background:url(../images/radio1.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto;} .my_order .row_con .right_cor{ width:16.45rem; float:right;} .my_order .row_con .right_cor .tiao ul{ width:9.5rem;} .my_order .wuxianbox{border-bottom:1px solid #ddd;} .my_order .wuxianbox .row_con{ border-bottom:0;} .my_order .row_con .right_cor .bottom{ width:100%;} .my_order .tiao{ position:relative; margin-top:.7rem; } .my_order .tiao .pic{ width:6.25rem; height:4rem; overflow:hidden; float:left;} .my_order .tiao ul{ width:10.25rem; float:right; overflow:hidden; font-size:.6rem; line-height:1.1rem;} .my_order .tiao ul h1{ font-size:.65rem; margin-bottom:.3rem;} .my_order .tiao ul em{ font-size:.5rem; color:#999;} .my_order .tiao .cha{ border:1px solid #lll; background:#fff; display:block; position:absolute; right:0; bottom:0.2rem; font-size:.6rem; line-height:1.05rem; border:1px solid #d7d7d7; -webkit-border-radius:2px; border-radius:2px; padding:0 .5rem;} .my_order .bottom{ width:17.25rem; margin:0 auto; margin-top:.6rem; clear:both;} .my_order .bottom strong{ font-size:.75rem; float:left; color:#ff3d33; font-weight:normal;} .my_order .bottom p{ float:right; font-size:.6rem; } .my_order .bottom p .payd{ display:inline-block; margin:0 .5rem; vertical-align:-.6rem;} .my_order .bottom p .payd a{ display:inline-block; width:1.357rem; height:1.375rem; line-height:1.375rem; text-align:center; display:inline-block; border:1px solid #d7d7d7; float:left;} .my_order .bottom p .payd input{ width:1.25rem; padding:0 .25rem; text-align:center; border-top:1px solid #d7d7d7;height:1.375rem; float:left; border-bottom:1px solid #d7d7d7;} .my_order .clip{ padding:0 .7rem; background:#ffeec9; line-height:2rem; font-size:.6rem; color:#f5502f; clear:both; margin-top:.5rem; margin-bottom:.5rem; overflow:hidden;} .my_order .row_bottom{ width:17.25rem; padding:.5rem .75rem; margin-top:.5rem;} .my_order .row_bottom .left_cor{ float:left;} .my_order .row_bottom p{ font-size:.65rem; margin-top:.2rem; } .my_order .row_bottom p em{ font-size:.8rem; color:#ff3d33;} .my_order .row_bottom .btn{ float:right; margin-top:.4rem;} .my_order .row_bottom .btn a{ border:1px solid #d7d7d7; background:#fff; font-size:.7rem; text-align:center; line-height:1.5rem; border-radius:2px; display:inline-block; padding:0 .5rem;} .my_order .row_bottom .btn a.fu{ border:1px solid #f5502f; background:#f5502f; color:#fff;} .my_order .row_bottom .btn a.fu:hover{ background:#e63a17;} .my_order .row_bottom .btn a.downfu{ border:1px solid #cccc99; background:#cccc99; color:#fff;} .my_order .row_bottom .btn a.downfu:hover{ background:#cccc99;} .my_data{ width:17.25rem; padding:0 .75rem;background:#fff; margin-top:.5rem; } .my_data li{ padding:.5rem 0; border-bottom:1px solid #ededed; clear:both; overflow:hidden; font-size:.65rem;} .my_data li:nth-last-child(1){ border-bottom:0;} .my_data li:nth-child(1){ line-height:3.5rem; } .my_data li a{ width:100%; height:100%; display:block; overflow:hidden;} .my_data li span{ float:left;} .my_data li p{ float:right; color:#333;} .my_data li p i{ background:url(../images/right_san.png) no-repeat; display:inline-block; width:.4rem; height:.7rem; -webkit-background-size:.4rem auto; background-size:.4rem auto; vertical-align:-.15rem; margin-left:.2rem;} .my_data li p b{ display:inline-block; width:3.5rem; height:3.6rem; overflow:hidden; -webkit-border-radius:50%; border-radius:50%; vertical-align:-1.5rem;} .my_data li p b img{ width:3.5rem; height:3.5rem;} .my_data li p em{ background:url(../images/ziliao_07.png) no-repeat; display:inline-block; width:.775rem; height:.775rem; -webkit-background-size:.75rem auto; background-size:.75rem auto; vertical-align:-.15rem; margin-left:.2rem;} .iphonebox{ width:17.25rem; padding:0 .75rem;background:#fff; margin-top:.5rem; } .iphonebox.wu{ margin:0;} .iphonebox li{ padding:.5rem 0; border-bottom:1px solid #ededed; clear:both; overflow:hidden; font-size:.65rem;} .iphonebox li:nth-last-child(1){ border-bottom:0;} .iphonebox li i{ width:.65rem; float:left; display:block; margin-top:.2rem;} .iphonebox li em{ width:.7rem; float:left; display:block; margin-top:.2rem;} .iphonebox li .w1{ font-size:.65rem; padding-top:.2rem; width:15.8rem; margin-left:.5rem;} .iphonebox li .w2{ font-size:.65rem; padding-top:.2rem; width:10.25rem; margin-left:.5rem;} .iphonebox li #botton{ padding:0 .5rem; height:1.5rem; border-radius:2px; float:right; border:1px solid #d8d8d8; font-size:.65rem; color:#999; cursor:pointer;} .iphonebox.wu textarea{ width:100%; outline:none; resize:none; height:6.5rem; font-size:.65rem; line-height:.8rem; color:#666; padding:.5rem 0;} /*关于我们*/ .about_logo{ width:4.7rem; margin:2.5rem auto;} .about .text{ width:17rem; margin:0 auto; padding-bottom:1rem;} .about .text p{ font-size:.7rem; line-height:1.15rem;} .about .text h1{ font-size:.8rem; margin:1rem auto; text-align:center;} .mian_search .top{ position:relative; width:17.25rem; border-bottom:1px solid #ddd; padding:.5rem .75rem;} .mian_search .top .txt{ border:1px solid #e3e3e3; width:17.25rem; text-indent:.5rem; padding-right:1.25rem; height:1.55rem; font-size:.65rem; box-sizing:border-box; -webkit-border-radius:4px; border-radius:4px; background:#f8f8f8;} .mian_search .top .submit{ width:.75rem; display:block; position:absolute; right:1rem; top:.9rem; background:url(../images/search.png) no-repeat; height:0.75rem; -webkit-background-size:.75rem auto; background-size:.75rem auto;} .mian_search .bottom{ width:17.25rem; padding:.5rem .75rem;} .mian_search .bottom h1{ font-size:.7rem;} .mian_search .bottom ul{ width:100%; overflow:hidden;} .mian_search .bottom li{ float:left; font-size:.65rem;} .mian_search .bottom li a{ display:block; line-height:1.15rem; border:1px solid #dcdcdc; border-radius:20px; padding:0 .5rem; margin:.5rem .8rem 0 0;} .search_over .tab{ width:100%; border-bottom:1px solid #dddddd; line-height:2rem; font-size:.6rem; background:#fff; text-align:center; margin-top:.5rem; position:relative; z-index:10000;} .search_over .tab a{ display:block; float:left; width:50%; color:#666; background:#fff;} .search_over .tab a.cur{ width:50%; color:#f5502f; border-bottom:.1rem solid #f5502f;} .search_over .tab a i.b1{ background:url(../images/ser_03.png) no-repeat; width:.725rem; height:.6rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; vertical-align:-.05rem;} .search_over .tab a i.b2{ background:url(../images/ser_05.png) no-repeat; width:.65rem; height:.6rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; vertical-align:-.05rem;} .search_over .tab a i.b3{ background:url(../images/ser_08.png) no-repeat; width:.525rem; height:.6rem; display:inline-block; -webkit-background-size:.525rem auto; background-size:.525rem auto; margin-right:.2rem; vertical-align:-.05rem;} .search_over .tab a.cur i.b1{ background:url(../images/serh_03.png) no-repeat; width:.725rem; height:.6rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem; } .search_over .tab a.cur i.b2{ background:url(../images/serh_05.png) no-repeat; width:.65rem; height:.6rem; display:inline-block; -webkit-background-size:.65rem auto; background-size:.65rem auto; margin-right:.2rem;} .search_over .tab a.cur i.b3{ background:url(../images/serh_08.png) no-repeat; width:.525rem; height:.6rem; display:inline-block; -webkit-background-size:.525rem auto; background-size:.525rem auto; margin-right:.2rem; } .search_over .list{ width:100%; overflow:hidden; background:url(../images/xright_san.png) no-repeat right center; -webkit-background-size:.3rem auto; background-size:.3rem auto; overflow:hidden; clear:both; margin-top:.8rem; color:#666; font-size:.6rem; clear:both;} .search_over .list .pic{ position:relative; width:7.5rem; height:4.75rem; margin-top:.2rem; } .search_over .list ul{ width:9.375rem; overflow:hidden; float:left; margin:0 0 0 .7rem; } .search_over .list ul h2{ font-size:.65rem; color:#333;} .search_over .list ul span{ color:#ff3d33; font-size:.7rem;} .search_over .list ul em{ color:#999; color:#999;} .search_over .list ul li{ margin-bottom:.1rem;} .search_over .list .btn{ width:100%; clear:both;} .search_over .list .btn a{ border:1px solid #cecece; line-height:1.4rem; display:inline-block; font-size:.65rem; -webkit-border-radius:2px; border-radius:2px; width:4rem; text-align:center; margin-top:.1rem; margin-right:.5rem;} .search_over .list .btn a.red{ background:#e53232; border:1px solid #e53232; color:#fff; margin-top:.4rem; float:left; display:block;} .search_over .list .btn span{ width:9.375rem; float:right; display:block; margin-top:0.25rem;} /*.search_over dl{ width:100%; text-align:center; overflow:hidden; color:#888; font-size:.55rem; margin-top:.62rem;} .search_over dl.last{ margin:0.62rem 0 0 0;} .search_over dl dt{ width:100%; position:relative;} .search_over dl dt img{ width:100%; } .search_over dl dd h1{ font-size:.7rem; margin:.2rem 0; } .search_over dl .btn{ width:100%; clear:both;} .search_over dl .btn a{ border:1px solid #cecece; line-height:1.4rem; display:inline-block; font-size:.65rem; -webkit-border-radius:2px; border-radius:2px; width:5.5rem; text-align:center; margin:.1rem .2rem 0 .2rem; } .search_over dl .btn a.red{ background:#e53232; border:1px solid #e53232; color:#fff; margin-top:.4rem; }*/ .search_over dl{ width:8.5rem; height:10rem; float:left; overflow:hidden; color:#888; font-size:.55rem; margin:0.62rem .25rem 0 .5rem;} .search_over dl.last{ margin:0.62rem 0 0 0;} .search_over dl dt{ width:100%; height:5.5rem; position:relative;} .search_over dl dt img{ width:100%; height:100%;} .search_over dl dd h1{ font-size:.7rem; margin:.2rem 0; text-align:center; } .coupon .list{ width:17.25rem; border-bottom:1px solid #ddd; padding:.75rem; overflow:hidden; position:relative; } .coupon .list.hui{ background:#f8f8f8;} .coupon .list .pic{ width:2.5rem; height:2.5rem; float:left;} .coupon .list ul{ width:14.25rem; float:right; font-size:.6rem; line-height:1.1rem; color:#666;} .coupon .list ul li{ clear:both; overflow:hidden;} .coupon .list ul li h1{ color:#333; float:left; font-size:.65rem; margin-bottom:.5rem; } .coupon .list ul li h1 em{ font-size:.5rem; line-height:.65rem; color:#fe5e49; padding:0 .3rem; border-radius:20px; display:inline-block; margin-left:.2rem;} .coupon .list ul li h1 em.hui{ color:#999;} .coupon .list ul li span{ color:#f5502f;} .coupon .list .bt{ position:absolute; right:1rem; top:5%;} .coupon .list .bt a{ background:#fd5d48; font-size:.5rem; line-height:1rem; color:#fff; text-align:center; width:4rem; margin-top:1rem; border-radius:20px; display:block; } .coupon .list .bt a.dis{ background:#89898a; } .it_set{ width:17.75rem; padding:0 .5rem; margin-top:.5rem; } .it_set li{ width:17.25rem; border-bottom:1px solid #ededed; clear:both; overflow:hidden; line-height:2.25rem; font-size:.65rem; } .it_set li:nth-last-child(1){ border-bottom:0;} .it_set li a{ width:100%; height:100%; display:block; overflow:hidden; background:url(../images/right_san.png) no-repeat right center; -webkit-background-size:.4rem auto; background-size:.4rem auto; } .it_set li a span{ float:right; margin-right:.8rem;} .lcs_wrap { display: inline-block; direction: ltr; height: 28px; vertical-align: middle; float:right; margin-top:.3rem;} .lcs_wrap input { display: none; } .lcs_switch { position: relative; width: 73px; height: 28px; border-radius: 30px; background: #ddd;overflow: hidden; cursor: pointer; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition:all .2s ease-in-out; float:right; } .lcs_cursor { display: inline-block; position: absolute; top: 3px; width: 22px;height: 22px;border-radius: 100%;background: #fff;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);z-index: 10; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; } .lcs_label {font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 12px;letter-spacing: 1px;line-height: 18px;color: #fff;font-weight: bold;position: absolute;width: 33px;top: 5px;overflow: hidden;text-align: center;opacity: 0;-webkit-transition: all .2s ease-in-out .1s; -ms-transition: all .2s ease-in-out .1s; transition: all .2s ease-in-out .1s; } .lcs_label.lcs_label_on {left: -70px;z-index: 6; } .lcs_label.lcs_label_off {right: -70px;z-index: 5; } /* on */ .lcs_switch.lcs_on {background: #75b936;box-shadow: 0 0 2px #579022 inset;} .lcs_switch.lcs_on .lcs_cursor {left: 48px;} .lcs_switch.lcs_on .lcs_label_on {left: 10px; opacity: 1;} /* off */ .lcs_switch.lcs_off {background: #b2b2b2;box-shadow: 0px 0px 2px #a4a4a4 inset; } .lcs_switch.lcs_off .lcs_cursor {left: 3px;} .lcs_switch.lcs_off .lcs_label_off {right: 10px;opacity: 1; } /* disabled */ .lcs_switch.lcs_disabled {opacity: 0.65;filter: alpha(opacity=65); cursor: default;} .help_box dl{ width:33%; height:6.225rem; border:0 solid #dcdcdc; border-width:0 1px 1px 0; float:left; text-align:center; font-size:.6rem; box-sizing:border-box; overflow:hidden;} .help_box dl dt{ width:1.7rem; height:1.7rem; margin:0 auto; margin-top:1.85rem;} .help_box dl:nth-child(3n){ width:34%; border-width:0 0 1px 0; } .faq_cd h1{ width:17.25rem; padding:0 .75rem; font-size:.75rem; border-bottom:1px solid #dcdcdc; line-height:2.5rem;} .faq_cd .con{ width:17.25rem; margin:0 auto; font-size:.6rem; line-height:1.1rem;} .faq_cd .con p{ margin-top:.6rem;} /*购物车*/ .kongcar{ margin-top:2.5rem;} .kongcar dl{ text-align:center; font-size:.7rem;} .kongcar dl dt{ width:3.4rem; margin:0 auto;} .kongcar dl dd{ margin-top:1.5rem;} .kongcar dl dd a{ display:inline-block; width:11.15rem; line-height:2.25rem; -webkit-border-radius:2px; border-radius:2px; color:#fff; background:#f5502f;} .kongcar dl dd a:hover{ background:#e84a2b;} .pay_n1{ width:17.25rem; padding:.5rem .75rem; line-height:1.15rem; font-size:.65rem;} .pay_n1 strong{ display:inline-block; width:3.5rem; text-align:right; font-weight:normal; color:999;} .pay_style{ margin-top:.5rem;} .pay_style .top{ width:17.25rem; font-size:.65rem; padding:0 .75rem; line-height:; border-bottom:1px solid #dcdcdc; line-height:2.5rem;} .pay_style li{ clear:both; overflow:hidden; border-bottom:1px solid #dcdcdc; padding:0.5rem 0; width:17.25rem; margin:0 auto;} .pay_style li label{ width:100%; height:100%; display:block; cursor:pointer; overflow:hidden;} .pay_style li:nth-last-child(1){ border-bottom:0;} .pay_style li p{ float:left; font-size:.65rem;} .pay_style li p i{ width:1.5rem; display:inline-block; margin-right:.5rem;} .pay_style li .right_cor{ float:right; position:relative; margin-top:.35rem;} .pay_style li .right_cor input{ width:.8rem; height:.8rem; float:left; opacity:0; position:absolute; left:0; top:0; cursor:pointer;} .pay_style li .right_cor input+i{ background:url(../images/zhifufs1.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto; } .pay_style li .right_cor input:checked+i{ background:url(../images/zhifufs2.png) no-repeat; display:block; width:.8rem; height:.8rem; -webkit-background-size:.8rem auto; background-size:.75rem auto;} a.pay_style_btn{ display:block; width:16.75rem; line-height:2.25rem; -webkit-border-radius:2px; border-radius:2px; color:#fff; background:#f5502f; margin:0 auto; font-size:.8rem; text-align:center; margin-top:1rem;} a.pay_style_btn:hover{ background:#e84a2b;} /*登录*/ .login_logo{ width:4.5rem; margin:4.5rem auto 0 auto;} .login{ width:16.5rem; margin:0 auto; position:relative; } .login ul{ width:100%; margin-top:3.5rem;} .login li{ border-bottom:1px solid #eaeaea; width:100%; overflow:hidden; clear:both; padding:.7rem 0;} .login li i{ width:.65rem; float:left; display:inline-block;} .login li .txt{ font-size:.65rem; float:left; } .login li .txt.w1{width:15.25rem; margin-top:.15rem; margin-left:.4rem;} .login li .txt.w2{width:9.735rem; margin-top:.15rem; margin-left:.4rem;} .login li #botton{ border:1px solid #d8d8d8; font-size:.65rem; line-height:1.5rem; border-radius:2px; float:right; color:#999; padding:0 .3rem;} .login dl .btn1{ width:16.4rem; height:2.15rem; text-align:center; background:#f5502f; font-size:.75rem; color:#fff; cursor:pointer; border:1px solid #f5502f; border-radius:2px; margin-top:.75rem; } .login dl .btn1:hover{ background:#f0421f;} .login dl a{ width:16.4rem; height:2.15rem; text-align:center; font-size:.75rem; color:#f5502f; cursor:pointer; border:1px solid #f5502f; border-radius:2px; margin-top:.75rem; background:#fff; display:block; line-height:2.15rem;} .login dl a.wang{ border:0; color:#333;line-height:2rem;} .login dl a.wang:hover{ text-decoration:underline; } .login .mianfei{ width:100%; margin:2.5rem auto 2rem auto; text-align:center;} .login .mianfei em{ display:inline-block; background:#000; width:1px; height:.75rem; margin:0 .5rem; vertical-align:-.1rem;} .login .mianfei a{ font-size:.75rem;} .login .mianfei a.red{ font-size:.75rem; background:url(../images/denglu3.png) no-repeat right center; padding-right:1.5rem; display:inline-block; -webkit-background-size:.9rem .9rem; background-size:.9rem .9rem; color:#f5502f; text-align:center; } .login .mianfei a:hover{ text-decoration:underline;} .login .wrong{ position:absolute; left:0rem; top:2rem; font-size:.65rem; text-align:center; color:#f5502f; width:100%; overflow:hidden;} .login .wrong i{ background:url(../images/cuo.jpg) no-repeat; width:.75rem; height:.75rem; -webkit-background-size:.7rem auto; background-size:.7rem auto; display:inline-block; margin-right:.2rem; vertical-align:-.2rem;} .find .tab{ width:100%; border-bottom:1px solid #dddddd; line-height:2rem; font-size:.6rem; text-align:center; margin-top:.5rem;} .find .tab a{ display:block; float:left; width:50%; color:#666;} .find .tab a.cur{ width:50%; color:#f5502f; border-bottom:.1rem solid #f5502f;} .find .btn1{ width:16.4rem; height:2.15rem; text-align:center; background:#f5502f; font-size:.75rem; color:#fff; cursor:pointer; border:1px solid #f5502f; border-radius:2px; display:block; margin:0 auto; margin-top:.75rem; } .find .btn1:hover{ background:#f0421f;} .theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6; display:none; z-index:105; } .popover1{ width:14.1rem; height:8.25rem; position:fixed; left:50%; top:50%; margin:-4.125rem 0 0 -7.05rem; background:#fff; box-shadow:0px 1px 3px rgba(0,0,0,.1); text-align:center; z-index:106; display:none; text-align:center; font-size:.7rem; } .popover1 dd{ width:2.1rem; margin:1.5rem auto .5rem auto;} .popover1 dl{ width:100%; border-bottom:1px solid #e1e1e1; overflow:hidden; padding-bottom:.7rem;} .popover1 .close{ font-size:.7rem; line-height:2rem;} .yulie{ width:100%; position:fixed; left:0; bottom:0; text-align:center; font-size:.6rem; color:#666; text-align:center; line-height:2rem;} .yulie a{ color:#333;} .yulie a:hover{ text-decoration:underline;} /*日历*/ #rlboxmax{ font-size:0.75rem; color:#333;} #rlboxmax td{ height:2.5rem; text-align:center; line-height:2.5rem; position:relative;} .haskc{ color:#f5502f;} .haskc b{ width:0.2rem; height:0.2rem; border-radius:50%; display:block; margin-left:-0.1rem; position:absolute; left:50%; top:80%; background-color:#f5502f;} .datatime{ height:2.5rem; border-bottom:1px solid #d1d1d1; font-size:0.9rem; color:#000; line-height:2.5rem; text-align:center;} .rlpagecont{ padding:0 0.75rem;} .rlbox{ background-color:#fff; margin-bottom:0.5rem;} .clipcommon{ width:100%; text-align:center; font-size:.8rem;} .clipcommon dd{ width:1.8rem; margin:4rem auto 1rem auto;} . .hasselect input{ text-align:right;} .ladaybox{ height:100%; width:100%; position:fixed; left:0; top:0; background-color:#000; opacity:0.6; filter:alpha(opacity=60); display:none;} #selectbox{ height:10.9rem; background-color:#fff; position:fixed; left:0; bottom:0; width:100%; display:none;} .selecttop{ height:2rem; line-height:2rem; font-size:0.65rem; color:#979797; padding:0 0.75rem;} .submits{ color:#4973f9; float:right;} #selectmon{} #selectmon ul{ height:8.1rem; overflow:auto; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; } #selectmon ul li{ height:2rem; line-height:2rem; border-bottom:1px solid #dbdbdb; text-align:center; font-size:0.65rem;} #selectmon ul li a{ display:block;} #selectmon ul li:last-child{ border-bottom:0 none;} .onselect{ background:url(../images/right.png) no-repeat 2rem center; -webkit-background-size:0.55rem auto; background-size:0.55rem auto; color:#4973f9;} .course_choose li p input{ text-align:right;} .my_order .bottom p.you{ display:block;} .faq_cd ul{ width:17.75rem; margin:0 auto; font-size:.65rem;} .faq_cd ul li{ padding:.7rem .3rem; border-bottom:1px solid #dcdcdc;} /*优惠券*/ .hasyhq{ overflow:hidden;} .hasyhq ul{ margin-top:-13px;} .hasyhq .labelyh{ float:left; overflow:hidden;padding: .5rem 0;} .syyhbox{ border:1px solid #e5e5e5; margin-top:8px; width:630px;} .syyhboxcont{ width:100%; clear:both; font-size:14px; overflow:hidden; overflow-y:auto; padding-bottom:1rem; margin-top:.5rem; line-height:30px;} .hasyhq ul li{ height:20px; margin-top:15px; line-height:20px; font-size:12px;} .hasyhq .labelyh input{ display:none;} .hasyhq .labelyh label{height:16px; padding-right:20px; cursor:pointer; display:inline-block; line-height:16px; padding-left:23px; color:#333; background:url(../images/checkbox2.png) no-repeat left bottom; font-size:16px; color:#666; } .hasyhq .labelyh label.checked{ background-position:left top;} .hasyhq ul li span{ padding-right:10px;} .laday{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6; display:none; z-index:1000;} .yhboxtc{ width:88%; height:13.5rem; position:fixed; left:50%; top:50%; margin-top:-7rem; margin-left:-44%; background-color:#fff; display:none; z-index:99999999999; font-size:.6rem; border-radius:4px;} .yhboxbar{ height:50px; line-height:50px; border-bottom:1px solid #dbdbdb; font-size:16px; padding:0 20px;} .yhboxbar .closelink{ float:right; width:14px; height:14px; font-size:20px; margin-top:0px;} .yhcont{ padding:0 0.75rem;height:7rem; overflow-x:hidden; overflow-y:auto;} .yhcont ul{ padding-top:0.8rem;} .yhcont ul li{ height:1rem; line-height:1rem; font-size:0.75rem; padding:0.5rem 0;} .yhcont ul li input{ opacity:0;} .yhcont ul li label{ display:inline-block; line-height:1rem; padding-left:1.3rem; color:#333; background:url(../images/checkbox2.png) no-repeat left bottom;} .yhcont ul li label.checked{ background-position:left top;} .yhlive{ line-height:1.12rem; padding-top:0.5rem;} .allyhspan{ display:inline-block; padding:0 0.3rem; background-color:#ff991b; border-radius:3px; color:#fff; text-align:center; margin-right:0.5rem;} .coleb3434{ color:#eb3434; margin-left:0.5rem;} .formsunmit{ background:#eb3434; color:#fff; display:block; font-size:1rem; width:8rem; line-height:2rem; margin:0 auto; border-radius:4px;} .formsunmit:hover{ color:#fff;} .popover2{ width:9rem; height:9rem; position:fixed; left:50%; top:50%; margin:-5.5rem 0 0 -4.5rem; background:#fff; box-shadow:0px 1px 3px rgba(0,0,0,.1); text-align:center; z-index:106; display:none; text-align:center; font-size:.7rem; } .popover2 .ermimg{ width:7rem; margin:.8rem auto .2rem auto;} .popover2 .close{ position:absolute; top:.2rem; right:.5rem; font-size:20px; cursor:pointer; color:#666; font-weight: bold; } .popover2 h1{ font-size:.7rem; text-align:center; background:#38b500; color:#fff; line-height:1.5rem;} .delbt{ background: #fff;font-size: .7rem;text-align: center;line-height: 1.5rem;border-radius: 2px;display: inline-block;padding: 0 .5rem; float:right; text-decoration:underline; color:#00F; } .u-flyer{display:block; width:0.7rem; height:0.7rem; border-radius: 50%; position:absolute; z-index: 9999;} #tocarend{ width:1rem; height:0rem; float:right; display:block;} .my_head dl dd img{ width:4rem; height:4rem;} /*修改*/ .course_list .list ul strong{ font-size:.6rem; font-weight:normal; color:#999; margin-left:.5rem;} .ter_detail .detail_list .list ul strong{ font-size:.6rem; font-weight:normal; color:#999; margin-left:.5rem;} .my_order .tiao ul strong{ font-size:.55rem; font-weight:normal; color:#999; margin-left:.3rem; float:right;} .my_order .bottom strong.yhmony{ font-size:.6rem; font-weight:normal; color:#999; padding-left:.5rem; } .my_order .row_bottom .btn.wu{ float:right; margin-top:0rem;} .my_order .row_bottom span.hui{ font-size:.6rem; color:#999; margin-left:1rem;} .coupon .list ul li h1 em.huang{ background:#ff991a;} /*邀请好友*/ .firend_top{ width:100%; background:url(../images/yaoqpic.jpg) no-repeat center; width:100%; height:15.6rem; background-size:100% 15.6rem; overflow:hidden; text-align:center;} .firend_top h2{ font-size:.75rem; width:13.1rem; margin:0 auto; margin-top:4.15rem;} .firend_top h2 strong{ color:#fff; font-size:.8rem; margin:0 .1rem; text-shadow:0 3px 0 rgba(0,0,0,.4); } .firend_top h2 span{ color:#ec4b43;} .firend_top h3{ font-size:.8rem; margin-top:.3rem; } .firend_top h3 strong{ color:#ec4b43; color:#fff; font-size:1rem; margin:0 .1rem; text-shadow:0 2px 0 rgba(0,0,0,.4);} .firend_top p{ font-size:16px; line-height:28px; text-decoration:underline; margin-top:.3rem;} .firend_top a.btn{ background:#f14e4e; width:4.45rem; height:1.25rem; line-height:1.125rem; display:block; margin:0 auto; margin-top:.4rem; color:#fff; font-size:.5rem; text-align:center;} .firend_bottom{ width:17.75rem; margin:0 auto; margin-top:.5rem;} .firend_bottom h1{ font-size:.5rem; color:#424242;} .firend_bottom table{ font-size:.5rem; border:1px solid #e8e6e5; box-sizing:border-box; margin-top:.2rem; white-space:nowrap;} .firend_bottom table .top td{ background:#fafafa; line-height:1.65rem;} .firend_bottom table td{ line-height:1.925rem; border-bottom:1px solid #e8e6e5; text-align:center;} .ladaybox{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8; display:none; } .popoverd1{ width:18.75rem; height:230px; z-index:100001; position:fixed; top:0.5rem; left:50%; margin:0 0 0 -9.275rem; box-shadow:1px 1px 6px 3px rgba(0,0,0,.1); display:none; text-align:center;} .popoverd1 .con{ background:#fff; width:12rem; margin:0 auto; border-radius:6px; overflow:hidden; margin-top:.5rem;} .popoverd1 .con .top{ background:url(../images/fenx_05.png) no-repeat; width:12rem; height:4.925rem; background-size:12rem 4.925rem;} .popoverd1 .con .top .close{ background:url(../images/close.png) no-repeat; width:.5rem; height:.5rem; background-size:.5rem auto; display:block; float:right; margin:.4rem .5rem 0 0;} .popoverd1 .con ul{ width:7.625rem; margin:0 auto; text-align:left; font-size:.7rem; line-height:1.1rem; color:#606060; padding-bottom:1rem;} .popoverd1 .con ul h1{ text-align:center; font-size:.8rem; color:#000; margin:1rem auto .3rem auto;} /*H5邀请好友二维码*/ .firend_bottom .yao{ width:4rem; font-size:.6rem; background:#f5502f; color:#fff; border-radius:2px; display:inline-block; line-height:1.1rem; margin-left:.5rem; text-align:center;} .yao:hover{ color:#fff;} .popoverdd{ width:9rem; height:10rem; z-index:100001; position:fixed; top:50%; left:50%; margin:-5rem 0 0 -5rem; box-shadow:1px 1px 6px 3px rgba(0,0,0,.1); display:none; text-align:center; background:#fff;} .popoverdd h1{ width:7.5rem; margin:0 auto; margin-top:1rem;} .popoverdd h3{ text-align:center; font-size:.7rem;} /*20161018*/ .tishid{ width:100%; margin:0 auto 2rem auto; text-align:center; font-size:.7rem; line-height:1.5rem;} .tishid .pic{ width:1.8rem; margin:3rem auto .5rem auto; height:1.8rem; overflow:hidden; border-radius:100%; } .account_01{ width:100%; padding:0 0 1rem 0; border-bottom:1px solid #ddd;} .account_01 dl{ width:50%; float:left; text-align:center; font-size:.65rem; margin-top:1rem;} .account_01 dl dt{ margin-top:.2rem;} .account_01 dl strong{ font-size:.8rem; color:#e35c3d; font-weight:normal; margin-right:5px;} .account_01 dl span{ color:#666;} .account_01 dl dt a.ti{ background:#ec6853; border-radius:20px; width:2.5rem; line-height:.8rem; color:#fff; display:inline-block; font-size:.5rem; margin-left:.3rem; vertical-align:.1rem;} .account_01 dl dt a.ti:hover{ background:#dc543e;} .account_02{ width:17.25rem; margin:0 auto;} .account_02 h1{ font-size:.7rem; margin:1rem 0 .5rem 0;} .account_02 p{ font-size:.6rem; line-height:1.2rem; color:#666;} .account_03{ width:17.25rem; margin:0 auto;} .account_03 h1{ font-size:.7rem; margin:1rem 0 .5rem 0; } .account_03 table{ width:100%; white-space:nowrap;} .account_03 .title td{ background:#efefef; font-size:.6rem; line-height:1.5rem; padding:0 .2rem; } .account_03 td{ border-bottom:1px solid #eaeaea; padding:.4rem .2rem; font-size:.5rem; } /*快速注册*/ .login_box ul{ width:15.75rem; margin:0 auto; margin-top:3rem; padding-bottom:5rem;} .login_box ul li{ margin-top:1rem;} .login_box ul .text{ background:#fff; width:15.75rem; height:2.25rem; padding:0 1rem; border:1px solid #cdcdcd; border-radius:3px; box-sizing:border-box; font-size:.75rem;} .login_box ul a{ display:block; width:15.75rem; height:2.25rem; padding:0 1rem; border:1px solid #f25138; border-radius:3px; box-sizing:border-box; font-size:1rem; background:#f25138; color:#fff; line-height:2.25rem; text-align:center;} .login_box p{ text-align:center; font-size:.6rem; padding-bottom:1rem;} .wrong{ line-height:1.5rem;} .wrong i{ background:url(../images/cha.png) no-repeat; width:1rem; height:1rem; background-size:1rem 1rem; display:inline-block; margin-right:.3rem; vertical-align:-.3rem;} /* 2017-4-19 更新 */ .common-cont{ padding: 0 1rem;} .common-cont .formsubmit input{ background-color:#ea3622;} .cl{ clear:both;} .common-user{ position:fixed; left:50%; top:50%; width:17rem; padding-bottom: 0.5rem; margin-top:-12rem; margin-left:-8.5rem; z-index: 9999999999998; background-color: #fff; display: none;} .common-user-bar{ height:1.87rem; line-height: 1.87rem; background-color: #f7f7f7; color: #000; font-size:.85rem; border-bottom: 1px solid #f1f1f1; padding:0 .5rem;} .common-user-bar span{ float:right; color: #676767; font-size:30px; margin-top:-3px; cursor:pointer;} .regest-bar{ padding-top:18px; font-size:14px;} .regest-bar span{ color: #666; cursor: pointer;} .regest-bar span.current{ color:#eb3434;} .regest-bar i{ padding:0 15px; color: #dcdcdc;} .common-cont{ padding: 0 1.2rem;} .common-cont .forminput{ margin-top:.9rem;} .common-cont .formsubmit{ margin-top:.5rem;} .common-cont .forminput .tx1{ width: 13.5rem; border:1px solid #dcdcdc; background-color:#fff;} .common-cont .forminput .tx2{ width: 7.8rem; border:1px solid #dcdcdc; background-color:#fff;} .formsubmit input{ width:100%; text-align:center; height:2rem; line-height:2rem; font-size:.85rem; background-color:#eb3434; color:#fff; cursor:pointer;-webkit-border-radius:2px; border-radius:2px;} .formsubmit input:hover{ background-color:#c02323;} .xybar{ font-size:.55rem; margin-top:.65rem;} .xybar span{ float:right;} .xybar span a{ color:#eb3434;} /*input*/ .forminput .txt{ border:1px solid #d2d2d2; height:1.92rem; line-height:1.92rem; padding:0 .5rem; background-color:#fbfbfb; font-size:.7rem; -webkit-border-radius:2px; border-radius:2px; } .forminput .txt:focus{ border:1px solid #aeaeae; color:#737373;} .common-cont .formsubmit input{ background-color:#ea3622;} .regestlink{ float:right; font-size:.65rem;} .formauto{ margin-top:.5rem;} .loginbar .xybar .resetlink{ color:#eb3434;} .errortips{ height:1rem; line-height: 1rem; font-size:.5rem; text-align: center; position: relative;} .errortips span{ padding:0 0.5rem; height:1rem; margin-top:0.7rem; background-color: #fff3cf; color: #eb3434; display: inline-block; } .laday{ position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6; display:none; z-index:9999999999999;} .forminput .sendcore{ float:right; height:1.92rem; line-height:1.92rem; background-color:#ebebeb; width:5.22rem; text-align:center; color:#333; font-size:14px;-webkit-border-radius:2px; border-radius:2px;} .forminput .Disable{ float:right; height:1.92rem; line-height:1.92rem; background-color:#cbcbcb; width:5.22rem; text-align:center; color:#333; font-size:14px;-webkit-border-radius:2px; border-radius:2px;} .forminput .sendcore:hover{ background-color:#dedede;} .xybox{ width:17.5rem; height:24rem; position:fixed; left:50%; top:50%; margin-left:-8.75rem; margin-top:-12rem; background-color:#fff; z-index: 9999999999999; display:none;} .xytitle{ font-size:.75rem; padding-left:1rem; color:#000; margin-top:1rem;} .xycont{ margin:1rem 1rem 0; overflow:hidden; overflow-y:auto; font-size:.65rem; line-height:1rem; color:#333; height:17rem;} .xylabel{ height:20px; margin:2rem 0 0 1rem;} .xylabel input{ display:none;} .xylabel label{ height:.7rem; line-height:0.7rem; font-size:0.65rem; background:url(../images/checkbox.png) no-repeat left 0.1rem; padding-left:0.9rem; background-size:.7rem;} .xybox .close a{ display:block; height:.35rem; font-size:1.2rem;} .xybox .close{ width:.35rem; height:.35rem; position:absolute; right:1rem; top:.5rem;} .goshop{ width: 1.17rem; height: 3.57rem; position: absolute; bottom:20%; right:0; z-index: 999999;} .goshop a{ display: block; width:1.17rem; height: 3.57rem; background:url(../images/gosho.png) no-repeat left top; background-size:1.17rem auto; } .goshopdmd{ width: 1.17rem; height: 3.57rem; position: absolute; bottom:20%; right:0; z-index: 999999;} .goshopdmd a{ display: block; width:1.17rem; background-color:#fe4532; font-size:.65rem; color:#fff; text-align:center; padding-top:.3rem; padding-bottom:.3rem; } .goshop1{ width: 1.17rem; height: 3.57rem; position: absolute; bottom:8%; right:0; z-index: 999999;} .goshop1.problem_bt{top:auto; right:0;} .goshop1 a{ display: block; width:1.17rem; height: 3.57rem; background:url(../images/changjian.png) no-repeat left top; background-size:1.17rem auto; } .xieyinlingks{ text-align:center; font-size:0.65rem; padding-top:1rem;} #ifmDiv{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:100;} .common-cont .forminput .errorinput{ color:#f00; border: 1px solid #f00; background:url(../images/cuo.jpg) no-repeat 13rem center; background-size:.75rem auto;} .about .gz{ text-align:center; overflow:hidden; margin-bottom:3rem;} .about .gz dt{ width:52%; margin:2rem auto 0.3rem auto;} .about .gz dd{ font-weight:bold; color:#ff1500; font-size:0.95rem; line-height:2rem;} .about .jxzhifu{ background:#f5502f; width:7.25rem; height:2.25rem; line-height:2.25rem; color:#fff; font-size:.75rem; text-align:center; display:block; margin:1rem auto;} /*详情页面*/ .details{ width:100%; overflow:hidden; clear:both;} .details_top{ padding-bottom:1rem;} .details_top p{ margin:0 auto; font-size:.7rem; padding:0.1rem 0; } .details_top p img{ width:100% !important;height:100% !important;} /*注释掉，影响后台富文本编辑*/ /* .details_top p{ width:17rem; margin:0 auto; font-size:.7rem; line-height:1.2rem; color:#888;} */ /* .details_top p strong{ font-size:0.75rem; font-weight:normal; color:#333; margin:0.5rem 0 .2rem 0; display:block; } */ /* .details_top p span{ font-size:0.75rem; font-weight:normal; color:#333; margin:0.6rem 0 .2rem 0; display:block; } */ /* .details_top p img{ width:8.1rem; margin:0.3rem 0.5rem 0 0;} */ /* .details_top p img:nth-child(2n){ margin:0.3rem 0 0 0;} */ .curriculum{ background:#f7f7f7; padding:0rem 0 5rem 0;} .curriculum .list{ width:17rem; margin:0 auto; margin-top:1.2rem; overflow:hidden;} .curriculum .list h1{ font-size:0.75rem;} .curriculum .list h1 i{ background:#f5502f; width:0.15rem; height:0.675rem; display:inline-block; margin-right:0.3rem; vertical-align:-0.05rem;} .curriculum .list ul{ width:100%; clear:both; font-size:0.7rem; color:#333; line-height:1.2rem; padding-top:0.8rem; overflow:hidden;} .curriculum .list ul span{ font-size:0.8rem; color:#ff3d33; vertical-align:-0.05rem;} .curriculum .list ul em{ color:#ff3d33;} .curriculum .list ul li{ clear:both; overflow:hidden; width:100%;} .curriculum .list ul strong{ font-weight:normal; float:left;} .curriculum .list ul .time{ float:left; width:13rem;} .curriculum .list .video{ margin-top:1rem; overflow:hidden;} .curriculum .list video{ width:100%; background:#333;} .curriculum .teacheror{ margin-top:1rem; overflow:hidden;} .curriculum .teacheror .pic{ margin-bottom:0.5rem;} .curriculum .teacheror p{font-size:.7rem; line-height:1.2rem; color:#353535;} .curriculum .share{ width:17rem; margin:0 auto; margin-top:1.2rem; overflow:hidden; font-size:.7rem; line-height:1.2rem; color:#353535;} .curriculum .share a.wx{ background:url(../images/weixinf_07.png) no-repeat; width:1.25rem; height:1.25rem; display:inline-block; background-size:contain; vertical-align:-0.4rem;} .details_btn{ width:100%; text-align:center; height:3.5rem; background:#fff; border-top:1px solid #ddd; position:fixed; left:0; bottom:0; z-index:10000; } .details_btn ul{ float:left; font-size:.6rem; width:70%; margin-top:0.3rem; padding-left:3%; line-height:1rem; text-align:left;} .details_btn ul span{ margin-left:0.5rem;} .details_btn i{ color:#ff3d33; font-size:.8rem; font-weight:normal; vertical-align:-0.05rem;} .details_btn a.go{ width:27%; display:block; float:right; font-size:.7rem; color:#666; position:relative; background:#f5502f; color:#fff; line-height:3.5rem; } /*20170622详情页面微信弹出提示*/ .wxclip{ width:90%; position:fixed; left:5%; top:15%; background:#fff; z-index:11110000; box-sizing:border-box; padding:1rem .65rem 0.5rem 0.65rem; display:none;} .wxclip .top h1{ float:left; font-size:0.75rem;} .wxclip .top h1 i{ background:#f5502f; width:0.15rem; height:0.675rem; display:inline-block; margin-right:0.3rem; vertical-align:-0.05rem;} .wxclip .top a{ float:right; background:url(../images/wtan_03.png) no-repeat; display:block; width:0.95rem; height:0.95rem; background-size:contain;} .wxclip ul{ width:96%; overflow:hidden; margin:1rem auto; font-size:0.65rem; color:#797979; line-height:1.2rem; } .wxclip ul span{ color:#f5502f;} .goguanzhu{ width: 1.17rem; height: 3.57rem; position: absolute; bottom:34%; right:0; z-index: 999999; background-color:#d61d0a;} .goguanzhu a{ display: block; width:1.17rem; font-size:.65rem; color:#fff; text-align:center; padding-top:.9rem; } .goguanzhuhas{ width: 1.17rem; height: 3.57rem; position: absolute; bottom:34%; right:0; z-index: 999999; background-color:#666;} .goguanzhuhas a{ display: block; width:1.17rem; font-size:.65rem; color:#999; text-align:center; padding-top:.3rem; } .addgz{ width:4rem; height:1.25rem; background:url(../images/addgz.png) no-repeat .5rem center #e5353d; text-align:center; padding-left:.7rem; background-size:.6rem auto; display:inline-block; color:#fff; float:right;} .addgzhas{ width:4rem; height:1.25rem; float:right; text-align:center; display:inline-block; color:#787878; border:1px solid #d7d7d7; } .gladybox{ position:fixed; width:17.5rem; left:50%; top:50%; margin-left:-8.75rem; height:8.5rem; margin-top:-4.25rem; background-color:#fff; text-align:center; z-index: 1111112; display:none;} .gladybox dl{ padding-top:2.75rem;} .gladybox dl dt{ font-size:.65rem; color:#000;} .gladybox dl dd{ margin-top:1rem;} .gladybox dl dd a{ width:3.4rem; height:1rem; line-height:1rem; background-color:#e5343d; font-size:.6rem; color:#fff; display:inline-block;} .delgp{ width:.9rem; height:.9rem; background:url(../images/delgz.png) no-repeat #fff; background-size:.9rem auto; float:right; display:inline-block; margin-top:.1rem; } .my_data2{ width:100%; background:#fff;} .my_data2 li{ padding:.5rem .75rem; border-bottom:1px solid #ededed; clear:both; overflow:hidden; font-size:.65rem;} .my_data2 li span{ float:left;} .gzczds{ text-align:center;} .gzczds dl{ padding-top:1rem;} .gzczds dl dt{ font-size:.65rem; color:#333;} .gzczds dl dd{ padding-top:1rem;} .gzczds dl dd a{ width:6.65rem; height:1.85rem; line-height:1.85rem; font-size:.85rem; display:inline-block;} .canadd{ background-color:#e35c3d;color:#fff; } .noadd{ background-color:#eaeaea; color:#999999;} .lainput{ border:1px solid #dfdfdf; width:14rem; height:1.7rem; padding:0 .5rem; font-size:.65rem;} .ydbox{ width:100%; height:100%; position:fixed; z-index: 99999; background-color:#ffefd9; left:0; top:0; text-align:center;} .ydclose{ width:1.65rem; height:1.65rem; position:absolute; right:1rem; top:1rem;} .ydimg{ margin-top:3.9rem;} .ydimg img{ width:10.65rem;} .ydbox dl{ padding-top:3.4rem;} .ydbox dl dt{ font-size:.85rem;} .ydbox dl dt span{ color:#f64e44;} .ydbox dl dd{ font-size:.65rem; padding-top:.5rem;} .ydbox dl dd a{ color:#f64e44;} .gosee{ margin-top:1rem; font-size:.8rem;} .gosee a{ display:inline-block; width:5.5rem; height:2.12rem; line-height:2.12rem; text-align:center; background:url(../images/ydmore.png) no-repeat; background-size:5.5rem auto;} .gzbnt{ font-size:.55rem; text-align: center; height:1.5rem; line-height: 1.5rem; width:3rem; border:1px solid #cecece; color:#cecece; display:inline-block; margin-top:.2rem; border-radius:3px;} /*2018-4-25 by mar*/ .new_jsbar{background:url(../images/zkicon.jpg) no-repeat .75rem center; height:1.2rem; line-height: 1.2rem; padding-left:2rem; font-size:.85rem; background-size:.9rem auto; } .videoimg{ width:16.45rem; margin:1rem auto;} /*2018-06 by mar*/ .stu1{ position:absolute; right:0; top:0; width:1.95rem; height:1.95rem;} .bnt_ann{ margin-top:.3rem;} .bnt_ann a{ border:1px solid #eb3434; height: .9rem; line-height: .9rem; border-radius:2px; display:inline-block; width:2.1rem; text-align: center;} .replay_bnt{ margin-left:.5rem; color:#eb3434;} .live_bnt{ background-color:#eb3434; color:#fff;} .kclinkcha a{ color:#888;} .ctnum{ text-align:center; position:absolute; left:0; bottom:0; width:100%;} .ctnum a{ width:.35rem; height:.35rem; display:inline-block; margin:0 .1rem; border-radius:50%; background-color:#ccc;} .ctnum a.onpages{ background-color:#ff2905;} .positmar{ position:relative; height:10rem; width:100%;} .scrollcont{ position:absolute; height:8rem; left:0; top:0;} .tzbar{ height:1.75rem; background-color:#f5f5f5; line-height: 1.75rem; margin-top:.6rem;} .tzbar ul{} .tzbar ul li{ float:left; font-size:.55rem; } .tzbar ul li a{padding:0 .5rem; display: inline-block; height:100%;} .currenthome{ background-color:#fff; border-top:1px solid #f5502f;} .morelinks{ position:absolute; width:2rem; right:0; top:.2rem;} /*文章详情*/ .articlecon{padding: .75rem;} .articlecon h2{font-size: 1rem;line-height: 1.3rem;} .articlecon .article{font-size: .7rem;margin-top: .5rem;line-height: 1.2rem;} .readmore{display: flex;justify-content: center;align-items: center;font-size: .7rem;color: #C82424;padding-top: .3rem;} .readmore img{width: .7rem;height: .7rem;margin-left: .3rem;} .articlecon .article .con{height: 9rem;overflow: hidden;} .articlecon .article .con.more{height: auto;} .readmore img.more{transform: rotate(180deg);} .readlist{padding: .75rem;padding-bottom: 0;} .readlist .title{font-size: .85rem;height: 1rem;} .readlist .title img{display: block;width: .75rem;height: .75rem;margin-right: .2rem;float: left;} .readlist .title h2{font-size: .85rem;line-height: .85rem;font-weight: bold;color: #333;float: left;} .readlist img.headImage{width: 2.5rem;height: 2.5rem;border-radius: 50%;object-fit: cover;float: left;} .readlist .con{margin-top: .75rem;} .readlist .con .info{float: left;width: 14.5rem;} .readlist .info .name{width: 10rem;display: flex;margin-left: .5rem;align-items: center;} .readlist .info span{display: block;float: left;font-size: .85rem;color: #333;font-weight: bold;;margin-right: 1rem;} .readlist .info img{display: block;float: left;width: .5rem;height: .65rem;} .readlist .info .name p{float: left;font-size: .6rem;color: #C82424;margin-left: .3rem;} .readlist .con .info .intro{font-size: .65rem;line-height: .85rem;margin-top: .2rem;margin-left: .5rem;} .readlist .con li::after{display: block;content: "";clear: both;} .readlist .con li{padding-bottom: .75rem;} .sharebbtn{width: 5rem;height: 1.5rem;font-size: .7rem;color: #999;border: 1px solid #D5D5D5;border-radius: .15rem;text-align: center;line-height: 1.5rem;margin: 0 auto;} .popovershare{width: 100%;height: 100%;position: fixed;top: 0;left: 0;display: none;z-index: 120;} .popovershare .sharepoint{position: absolute;width: 1.1rem;height: .3rem;top: 1rem;right: .75rem;} .shareimg01{position: absolute;width: 4.08rem;height: 4.7rem;left: 12.49rem;top: 3.7rem;} .shareimg02{position: absolute;width: 1.9rem;height: 2.2rem;left: 11.45rem;top: 9rem;} .textcon{position: absolute;top: 12rem;left: 2rem;} .textcon p{color: #fff;font-size: .65rem;line-height: 1.25rem;} .shareimg03{width: 1.65rem;height: .65rem;position: absolute;top: .3rem;left: 9.45rem;} .textcon .close{width: 4rem;height: 1.35rem;color: #fff;border-radius: 2.5rem; border: 0.03rem solid #FFFFFF;display: block;font-size: .65rem;text-align: center;line-height: 1.35rem;position: absolute;top: 13rem;left: 5.5rem;} .readplayer{width: 14rem;height: 14rem;border-radius: 50%;overflow: hidden;margin: 0 auto;margin-top: 2rem;} .readplayer img{background: #f1f1f1;width: 100%;height: 100%;border-radius: 50%;object-fit: cover;} .playerintro{margin-top: 1rem;} .playerintro .title{display: flex;justify-content: center;height: 1rem;align-items: center;} .playerintro .title img{width: .5rem;height: .63rem;margin-left: .4rem;margin-right: .4rem;} .playerintro .title h3{font-size: .9rem;color: #333;font-weight: bold;} .playerintro .title span{color:#C82424;font-size: .6rem;} .playerintro .cont{font-size: .7rem;color: #666;text-align: center;width: 80%;margin: 0 auto;margin-top: .4rem;} .audiobox{display: flex;justify-content: center;margin-top: 1rem;} .audiobtn{display: flex;width: 12rem;justify-content: space-between;margin: 0 auto;margin-top: 2rem;padding-bottom: 2rem;} .audiobtn .btn{width: 5.1rem;height: 1.5rem;font-size: .7rem;text-align: center;line-height: 1.5rem;border-radius: .15rem;} .audiobtn .btn1{background: #C82424;color: #fff;} .audiobtn .btn2{border: 0.05rem solid #D5D5D5;} .topcon1{background: #000;width: 100%;height: 10rem;} .jointext{font-size: .75rem;color: #666;line-height: 1.65rem;padding: .75rem;} .joinqrcode{width: 6rem;height: 6rem;border: 0.05rem solid #F2F2F2;margin:0 auto;display: flex;justify-content: center;align-items: center;} .joinqrcode img{width: 5rem;height: 5rem;} .jointips{font-size: .5rem;color: #999;margin-top: .7rem;text-align: center;padding-bottom: 2rem;} .jointext span{display: block;text-align: center;} .jointext i{display: block;text-indent: 1.5rem;} .neir1{ font-size:0.7rem; line-height:1.2rem; width:90%; margin:1rem auto; text-align:left;} .neir1 a{ color:#f5502f;} .neir1 table{ border-right:1px solid #999; border-top:1px solid #999; margin:10px auto;} .neir1 table tr td{ font-size:0.6rem; line-height:1rem; border-left:1px solid #999; border-bottom:1px solid #999; box-sizing:border-box; padding:5px;} .neir1 table .tou td{ background:#ddd;} .tabpop{ width:74%; height:5.5rem; background:#fff; position:fixed; z-index:100001110; left:13%; top:50%; margin-top:-2.75rem; border-radius:0.4rem;} .tabpop p{ text-align:center; font-size:0.75rem; color:#333; padding:1rem 0;} .tabpop a{ color:#1677FF; display:block; text-align:center; line-height:2.5rem; font-size:0.9rem; border-top:1px solid #E5E5E5;}