.box, .boxbg { position: relative; width: 100%; max-width: 750px; min-width: 320px; margin: 0 auto; } .title_bm { width: 4.2666666667rem; font-size: 0.32rem; color: #fff; margin: 0 auto; margin-top: 11vh; } .title_bm p { text-align: center; line-height: 0.5066666667rem; font-weight: 400; } .title_bm p span { font-size: 0.3733333333rem; display: inline-block; margin-top: 0.1333333333rem; } .boxbg { position: fixed; height: 100vh; background: url(../image/bg_online.png) no-repeat; background-size: 100% 100%; left: 0; right: 0; } .bm_list { width: 100%; overflow: hidden; margin-top: 1.92rem; } .bm_list .list_a { width: 50%; height: 6.4666666667rem; float: left; text-align: center; color: #ffffff; position: relative; } .bm_list .list_a img { width: 3.3866666667rem; height: 3.3866666667rem; margin: 0 auto; } .bm_list .list_a h1, .bm_list .list_a h2 { font-size: 0.4rem; } .bm_list .list_a h1 { margin: 0.2666666667rem 0; } .bm_list .list_a h3 { position: absolute; bottom: 0; left: .9rem; width: 3.1333333333rem; height: 1.0133333333rem; background: url("../image/btn_bm.png") no-repeat; background-size: 100% 100%; } .bm_list .list_a h3 a { display: block; height: 100%; } .study_car_top { width: 10rem; height: 5.3333333333rem; } .study_car_top img { width: 100%; height: 100%; } .study_car_content { width: 100%; overflow: hidden; } .study_car_content h1 { font-size: 0.48rem; color: #000; font-weight: 400; margin-top: 0.6666666667rem; text-align: center; margin-bottom: 0.7333333333rem; } .study_car_content p { width: 8.8666666667rem; margin: 0 auto; font-size: 0.32rem; color: #000; line-height: 0.64rem; text-indent: 0.64rem; padding-bottom: 0.7333333333rem; } .btn_bm { width: 4.76rem; height: 1.0933333333rem; background: url("../image/btn_bm1.png") no-repeat; background-size: 100% 100%; margin: 0 auto; margin-top: 0.9333333333rem; margin-bottom: 1.3333333333rem; } .write_info_box { width: 9.4666666667rem; height: 97vh; margin-top: 0.2666666667rem; margin-left: 0.2666666667rem; background-color: #ffffff; } .write_list { width: 100%; height: 1.2933333333rem; overflow: hidden; } .write_list .icon_tory { font-size: 0.32rem; width: 0.6666666667rem; margin-right: 0.08rem; text-align: right; color: #53a6fa; line-height: 1.4rem; display: block; float: left; } .write_list .info_content { width: 8rem; height: 1.2933333333rem; border-bottom: 0.0133333333rem solid #eeeeee; float: left; position: relative; } .write_list .info_content i { display: inline-block; line-height: 1.2933333333rem; padding-left: 0.1333333333rem; } .write_list .info_content input { /*line-height:rem(97px);*/ } .write_list .info_content .user_code { width: 2.4rem; } .write_list .info_content #dateSelectorTwo { width: 50%; } .write_list .info_content em { width: 0.28rem; height: 0.1866666667rem; display: inline-block; background: url("../image/down.png") no-repeat; background-size: 100% 100%; float: right; margin-top: 0.5533333333rem; } .write_list .info_content u { text-decoration: none; width: 2.3733333333rem; text-align: center; height: 1.04rem; line-height: 1.04rem; border: 0.0133333333rem solid #53a6fa; color: #53a6fa; border-radius: 0.3rem; font-size: 0.4rem; display: inline-block; margin-top: 0.1133333333rem; position: absolute; right: 0; } .choose_sex { display: inline-block; float: right; margin-top: 0.3333333333rem; margin-left: 0.5866666667rem; } .choose_sex b { width: 0.3466666667rem; height: 0.3466666667rem; display: inline-block; background: url("../image/off.png") no-repeat; background-size: 100% 100%; vertical-align: super; margin-right: 0.4rem; } .choose_sex img { width: 0.56rem; height: 0.6266666667rem; display: inline-block; } .sex_active b { background: url("../image/on.png") no-repeat; background-size: 100% 100%; } .is_agree { width: 100%; height: 0.3733333333rem; text-align: center; margin-top: 0.8533333333rem; } .is_agree .btn_dui { width: 0.3733333333rem; height: 0.3733333333rem; display: inline-block; background: url("../image/dui_off.png") no-repeat; background-size: 100% 100%; vertical-align: middle; } .is_agree .dui_active { background: url("../image/dui_on.png") no-repeat; background-size: 100% 100%; } .is_agree b { color: #686868; line-height: 0.3733333333rem; font-size: 0.32rem; } .is_agree b span { font-size: 0.32rem; color: #53a6fa; } .hetong_box { width: 100%; height: 100%; z-index: 9; position: absolute; top: -200%; background-color: #fff; } .hetong_box h1 { color: #000; font-size: 0.48rem; font-weight: 400; text-align: center; margin-top: 0.76rem; margin-bottom: 0.7333333333rem; } .hetong_box p { width: 8.8666666667rem; line-height: 0.64rem; font-size: 0.32rem; margin: 0 auto; text-indent: 0.64rem; } .agree_none { width: 100%; height: 2rem; } .btn_agree, .btn_next { width: 7.68rem; height: 1.0933333333rem; background: url("../image/btn_agree.png") no-repeat; background-size: 100% 100%; margin: 0 auto; margin-top: 2.6666666667rem; display: none; } .btn_next { bottom: 2.6133333333rem; background: url("../image/next_off.png") no-repeat; background-size: 100% 100%; display: block; } .next_active { background: url("../image/next_on.png") no-repeat; background-size: 100% 100%; } .orderTop { width: 100%; height: 5.3333333333rem; overflow: hidden; } .orderTop img { width: 100%; height: 100%; } .goodsName { height: 0.4rem; line-height: 0.4rem; padding: 0 0.4666666667rem; margin-top: 0.4666666667rem; margin-bottom: 0.4rem; } .goodsName b { float: left; color: #000; font-size: 0.4rem; } .goodsName i { float: right; color: #868686; font-size: 0.32rem; } .goodsPrice { padding: 0 0.4666666667rem; height: 0.48rem; line-height: 0.48rem; color: #e60012; font-size: 0.48rem; padding-bottom: 0.2666666667rem; border-bottom: 0.0266666667rem solid #dcdcdc; } .orderBox { width: 100%; overflow: hidden; background-color: #f6f6f6; } .orderInfo { width: 9.44rem; height: 6.8133333333rem; margin: 0 auto; margin-top: 0.2666666667rem; border: 0.0133333333rem solid #eeeeee; border-radius: 0.0533333333rem; background-color: #fff; } .order_info_tab { width: 100%; height: 1rem; overflow: hidden; } .order_info_tab b { width: 0.36rem; height: 0.4rem; display: inline-block; background: url("../image/info_icon.png") no-repeat; background-size: 100% 100%; margin: 0 0.2rem; margin-top: 0.3rem; vertical-align: middle; float: left; } .order_info_tab i { font-size: 0.3733333333rem; color: #000; line-height: 1rem; display: inline-block; vertical-align: middle; float: left; } .infoList { width: 7.8rem; margin: 0 auto; } .infoList li { height: 1.0133333333rem; line-height: 1.0133333333rem; border-bottom: 0.0133333333rem solid #e0e0e0; } .infoList li b { display: block; float: left; font-size: 0.3466666667rem; color: #5a5a5a; } .infoList li i { display: block; float: right; font-size: 0.3333333333rem; color: #1f92ef; } .orderFooter_none { width: 100%; height: 1.6rem; } .orderFooter { width: 100%; height: 1.3333333333rem; position: fixed; bottom: 0; background-color: #fff; } .orderFooter i { display: inline-block; font-size: 0.3466666667rem; color: #000; line-height: 1.3333333333rem; margin-left: 0.7333333333rem; } .orderFooter i span { color: #e60012; } .orderFooter .btn_buy { width: 2.6666666667rem; height: 1.3333333333rem; line-height: 1.3333333333rem; text-align: center; background-color: #e60012; color: #fff; font-size: 0.3466666667rem; float: right; } .success_img { width: 100%; height: 7.0666666667rem; overflow: hidden; margin-top: 1.16rem; } .success_img img { width: 100%; height: 100%; } .pay_money { width: 100%; height: 0.4666666667rem; line-height: 0.4666666667rem; text-align: center; color: #707070; font-size: 0.32rem; } .menu_two { width: 100%; overflow: hidden; margin-top: 1.8133333333rem; } .menu_two a { width: 3.5733333333rem; height: 1.0933333333rem; display: block; float: left; } .menu_two a img { width: 100%; height: 100%; } .menu_two a:first-child { margin-left: 0.8rem; } .menu_two a:last-child { float: right; margin-right: 0.8rem; } .login_title { padding-left: 1rem; padding-top: 1.64rem; margin-bottom: 2.2133333333rem; font-size: 0.8rem; font-weight: 400; } .login_list { width: 8rem; height: 2.0666666667rem; margin: 0 auto; border-bottom: 0.0133333333rem solid #eeeeee; } .login_list b { width: 1.7333333333rem; line-height: 2.0666666667rem; display: block; float: left; color: #53a6fa; font-size: 0.4rem; } .login_list .login_phone, .login_list .login_code { border: 0; outline: 0; font-size: 0.4rem; height: 2.0666666667rem; float: left; background-color: transparent; } .login_list .login_code { width: 2.4rem; } .login_list .get_code { width: 2.4rem; height: 1.0666666667rem; border: 1px solid #53a6fa; border-radius: 0.3rem; text-align: center; line-height: 1.0666666667rem; font-size: 0.3466666667rem; color: #53a6fa; display: block; float: right; margin-top: 0.4866666667rem; text-decoration: none; } .btn_login { width: 7.68rem; height: 1.0933333333rem; /*position: fixed; bottom:rem(196px); left:rem(87px);*/ margin: 0 auto; margin-top: 4rem; } .btn_login img { width: 100%; height: 100%; } .login_tab { width: 8rem; margin: 0 auto; margin-top: 0.4666666667rem; overflow: hidden; display: none; } .login_tab b { width: 0.4533333333rem; height: 0.4533333333rem; background: url("../image/icon_warn.png") no-repeat; background-size: 100% 100%; display: inline-block; vertical-align: middle; } .login_tab i { color: #e60012; font-size: 0.4rem; font-weight: 400; display: inline-block; vertical-align: bottom; } .percenterTop { width: 100%; height: 5.76rem; background: url("../image/per_bg.png") no-repeat; background-size: 100% 100%; position: relative; } .percenterTop .perHead { width: 2.6666666667rem; padding-top: 1.6666666667rem; margin: 0 auto; text-align: center; } .percenterTop .perHead img { width: 1.3466666667rem; height: 1.3466666667rem; border-radius: 1.3466666667rem; display: block; text-align: center; margin: 0 auto; } .percenterTop .perHead b { font-size: 0.4rem; color: #22a9f9; background-color: #fff; border-radius: 0.32rem; padding: 0.0666666667rem 0.2666666667rem; display: inline-block; margin-top: 0.2rem; } .percenterTop .study_time { width: 2rem; position: absolute; right: 1rem; top: 2.16rem; text-align: center; } .percenterTop .study_time b { display: block; font-size: 0.8rem; font-weight: 400; color: #fff; } .percenterTop .study_time i { font-size: 0.32rem; font-weight: 400; color: #fff; margin-top: 0.2rem; display: inline-block; } .percenterMenu { width: 100%; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background-color: #fff; margin-top: 0.2666666667rem; } .percenterMenu li { width: 9.4666666667rem; height: 1.4666666667rem; margin: 0 auto; border-bottom: 1px solid #ebebeb; } .percenterMenu li a { width: 100%; height: 100%; display: block; } .percenterMenu li img { width: 0.7466666667rem; height: 0.7466666667rem; display: inline-block; margin: 0.3333333333rem 0.6666666667rem 0 0.3733333333rem; } .percenterMenu li i { font-size: 0.4533333333rem; line-height: 1.4666666667rem; color: #000; font-weight: 400; display: inline-block; vertical-align: top; } .percenterMenu li em { width: 0.2133333333rem; height: 0.3733333333rem; background: url("../image/icon_next.png") no-repeat; background-size: 100% 100%; float: right; margin-top: 0.5466666667rem; margin-right: 0.2rem; } .percenterMenu li:last-child { border-bottom: 0; } .per_footer { position: fixed; bottom: 0; width: 100%; max-width: 750px; min-width: 320px; height: 1.3333333333rem; border-top: 0.0266666667rem solid #EEEEEE; background-color: #fff; } .per_footer li { width: 50%; float: left; } .per_footer li .foot_img { width: 0.6rem; height: 0.6rem; background: url("../image/foot_icon01.png") no-repeat; background-size: 100% 100%; display: block; margin: 0.1333333333rem auto; } .per_footer li .foot_item { text-align: center; font-size: 0.32rem; color: #cccccc; } .per_footer li .foot_img_1 { background: url("../image/foot_icon02.png") no-repeat; background-size: 100% 100%; } .per_footer li .foot_img_2 { background: url("../image/foot_icon01_1.png") no-repeat; background-size: 100% 100%; } .per_footer li .foot_img02_1 { background: url("../image/foot_icon02_1.png") no-repeat; background-size: 100% 100%; } .per_footer li .foot_item_1 { color: #1e89eb; } .perInfo { width: 100%; height: 100%; overflow: hidden; } .headImg { margin: 0 0.2666666667rem; height: 1.7333333333rem; line-height: 1.7333333333rem; background-color: #fff; border-radius: 4px; border: 1px solid #eeeeee; } .headImg b { width: 2.6266666667rem; display: inline-block; font-size: 0.4rem; color: #000; margin-left: 0.5333333333rem; } .headImg .genggai_head { width: 0.9066666667rem; height: 0.9066666667rem; border-radius: 0.9066666667rem; position: relative; float: right; margin-top: 0.4133333333rem; margin-right: 0.2666666667rem; } .headImg img { width: 100%; height: 100%; border-radius: 0.9066666667rem; position: absolute; top: 0; right: 0; z-index: 1; } .headImg #file { width: 0.9066666667rem; height: 0.9066666667rem; opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; } .headImg i { width: 0.16rem; height: 0.2933333333rem; display: inline-block; background: url("../image/icon_next_1.png") no-repeat; background-size: 100% 100%; float: right; margin-right: 0.4rem; margin-top: 0.72rem; } .headImg .xiugaiName { font-size: 0.4rem; color: #626262; font-weight: 400; border: 0; outline: none; } .headImg .user_code { width: 2.4rem; font-size: 0.4rem; } .headImg u { width: 2.3733333333rem; height: 1.04rem; border-radius: 0.3rem; color: #53a6fa; font-size: 0.4rem; text-align: center; line-height: 1.04rem; display: inline-block; float: right; border: 1px solid #53a6fa; text-decoration: none; margin-top: 0.3466666667rem; } .perInfo:first-child .headImg { margin-top: 0.5333333333rem; margin-bottom: 0.48rem; } .perInfo:nth-of-type(3) .headImg, .perInfo:nth-of-type(4) .headImg { border-top: 0; } .btn_keep { width: 7.68rem; height: 1.0933333333rem; margin: 0 auto; margin-top: 0.9333333333rem; } .btn_keep img { width: 100%; height: 100%; } .yuyueTop { width: 100%; height: 4rem; background: url("../image/yuyue_top.png") no-repeat; background-size: 100% 100%; } .head_left { width: 3.5066666667rem; float: left; margin-top: 0.9333333333rem; text-align: center; } .head_left img { width: 1.3466666667rem; height: 1.3466666667rem; border-radius: 1.3466666667rem; margin: 0 auto; display: block; } .head_left .uesr_name { font-size: 0.32rem; color: #22a9f9; background-color: #fff; padding: 0.0666666667rem 0.1333333333rem; border-radius: 0.2133333333rem; margin-top: 0.2666666667rem; display: inline-block; } .study_right { width: 2rem; float: right; overflow: hidden; margin-right: .9rem; text-align: center; } .study_right .study_num { font-size: 0.8rem; font-weight: 400; color: #fff; display: block; margin-top: 1.1733333333rem; } .study_right i { font-size: 0.32rem; color: #fff; margin-top: 0.2666666667rem; display: block; font-weight: 400; } .yuyueMenu { width: 100%; height: 100%; overflow: hidden; background-color: #fff; } .yuyueMenu li { width: 25%; height: 1.28rem; line-height: 1.28rem; float: left; text-align: center; } .yuyueMenu li b { font-size: 0.4rem; color: #000; font-weight: 400; display: inline-block; } .yuyueMenu .yuyue_cur b { color: #53a6fa; padding: 0 0.1333333333rem; border-bottom: 0.0533333333rem solid #53a6fa; } .no_yuyue, .btn_yuyue { width: 4.0666666667rem; height: 4.3733333333rem; margin: 0 auto; margin-top: 1.44rem; display: none; } .no_yuyue img, .btn_yuyue img { width: 100%; height: 100%; } .btn_yuyue { width: 7.68rem; height: 1.0933333333rem; margin-top: 1.1333333333rem; } .hide { display: none; } .yuyue-content { width: 100%; height: 100%; margin-top: 0.2666666667rem; } .yuyueList { width: 9.4666666667rem; margin: 0 auto; border: 1px solid #eeeeee; border-radius: 4px; background-color: #fff; } .yList_top { width: 100%; height: 1.0666666667rem; line-height: 1.0666666667rem; border-bottom: 1px solid #EEEEEE; } .yList_top b { float: left; margin-left: 0.5333333333rem; color: #313131; font-size: 0.3466666667rem; display: inline-block; } .yList_top i { float: right; color: #a0a0a0; font-size: 0.32rem; display: inline-block; margin-right: 0.5333333333rem; } .yList_info { width: 100%; height: 100%; overflow: hidden; padding: 0.6rem 0; border-bottom: 1px solid #EEEEEE; } .yList_info .yu_user_head { width: 1.0666666667rem; height: 1.0666666667rem; border-radius: 1.0666666667rem; float: left; margin-left: 0.5333333333rem; } .yList_info .yu_user_info { float: left; margin-left: 0.48rem; } .yList_info .yu_user_info .user_name { font-size: 0.4rem; color: #000; display: block; } .yList_info .yu_user_info .user_fun { font-size: 0.32rem; color: #626262; display: block; margin-top: 0.0666666667rem; } .yList_info .yu_date { float: right; margin-right: 0.5333333333rem; text-align: right; } .yList_info .yu_date .yu_week { font-size: 0.3466666667rem; color: #000; display: block; } .yList_info .yu_date .yu_times { font-size: 0.32rem; color: #1b1b1b; display: block; margin-top: 0.1333333333rem; } .yuyue_btn { width: 100%; height: 1.0666666667rem; } .yuyue_btn .click_yuyue, .yuyue_btn .click_jindu { width: 1.84rem; height: 0.7733333333rem; margin-top: 0.1333333333rem; border-radius: 0.4rem; text-align: center; line-height: 0.8rem; float: right; margin-right: 0.3333333333rem; background-color: #53a6fa; color: #fff; font-size: 0.3466666667rem; border: 1px solid #53a6fa; } .yuyue_btn .click_jindu { background-color: #fff; border: 1px solid #53a6fa; color: #53a6fa; } .full_bg { background-color: gray; left: 0; opacity: 0.5; position: fixed; top: 0; z-index: 10; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; } .yu_tan { width: 7.4666666667rem; height: 8.8rem; position: absolute; display: none; z-index: 11; } .yu_tan .yu_tan_box { width: 7.4666666667rem; height: 6.6666666667rem; border-radius: 0.2666666667rem; background-color: #fff; text-align: center; position: relative; } .yu_tan .yu_tan_box .tan_car { width: 5.4133333333rem; height: 3.5733333333rem; margin-top: 0.1333333333rem; } .yu_tan .yu_tan_box .tan_text { width: 5.5333333333rem; margin: 0 auto; text-align: center; font-size: 0.48rem; font-weight: 400; color: #000; margin-top: 0.5333333333rem; } .yu_tan .yu_tan_box .btn_qr { width: 100%; height: 1.3066666667rem; line-height: 1.3066666667rem; text-align: center; border-bottom-left-radius: 0.2666666667rem; border-bottom-right-radius: 0.2666666667rem; color: #fff; background-color: #4ca8f2; font-size: 0.48rem; font-weight: 400; position: absolute; bottom: 0; } .yu_tan .cancel { width: 0.9333333333rem; height: 0.9333333333rem; margin: 0 auto; background: url("../image/cancel.png") no-repeat; background-size: 100% 100%; margin-top: 1.2rem; } .choose_ping_box { width: 100%; height: 100%; padding-top: 0.2666666667rem; } .choose_ping { width: 9.4133333333rem; height: 5.28rem; margin: 0 auto; background-color: #fff; border: 0.0266666667rem solid #eeeeee; } .choose_ping li { width: 4.6933333333rem; text-align: center; float: left; border-right: 0.0266666667rem solid #EEEEEE; margin-top: 1.0266666667rem; } .choose_ping li img { width: 1.5733333333rem; height: 1.5733333333rem; display: block; margin: 0 auto; } .choose_ping li b { font-size: 0.4rem; color: #000; display: block; margin-top: 0.2666666667rem; } .choose_ping li:last-child { border-right: 0; } .ping_content { width: 9.4133333333rem; margin: 0 auto; background-color: #fff; border: 0.0266666667rem solid #eeeeee; } .ping_title { width: 100%; height: 1.2rem; line-height: 1.2rem; border-bottom: 0.0266666667rem solid #EEEEEE; } .ping_title img { width: 0.4266666667rem; height: 0.4266666667rem; display: inline-block; vertical-align: sub; margin-left: 0.3733333333rem; margin-right: 0.2666666667rem; } .ping_title b { font-size: 0.4rem; font-weight: 400; color: #000; } .pingList { border-bottom: 0.0266666667rem solid #EEEEEE; overflow: hidden; padding-bottom: 0.5333333333rem; } .pingList span { width: 2.6133333333rem; height: 0.7466666667rem; line-height: 0.8rem; border: 0.0266666667rem solid #24b5ff; font-size: 0.4rem; font-weight: 400; color: #24b5ff; display: inline-block; border-radius: 0.4rem; text-align: center; margin-left: 0.5866666667rem; float: left; margin-top: 0.5333333333rem; } .pingList span:first-child, .pingList span:nth-of-type(4) { margin-left: 0.1333333333rem; } .pingList .ping_active { background-color: #24b5ff; color: #fff; } .cha_cur { display: none; } .ping_area { height: 4rem; position: relative; } .ping_area #wordtext { width: 8.88rem; height: 3.0666666667rem; padding: 0.4666666667rem 0.2666666667rem; color: #b5b5b5; resize: none; } .ping_area #wordage { position: absolute; right: 0.2666666667rem; bottom: .05rem; font-weight: 400; color: #b5b5b5; font-size: 0.4rem; } .btn_tijiao { width: 7.68rem; height: 1.0933333333rem; margin: 0 auto; margin-top: 0.44rem; } .btn_tijiao img { width: 100%; height: 100%; } .topbg { width: 100%; height: 0.2666666667rem; background-color: #f6f6f6; } .ping_deatil { width: 100%; height: 100%; overflow: hidden; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } .ping_deatil h1 { width: 9.3333333333rem; height: 1.1333333333rem; line-height: 1.1333333333rem; border-bottom: 2px solid #EEEEEE; margin: 0 auto; } .ping_deatil h1 span { color: #000; font-size: 0.4rem; font-weight: 400; margin-left: 0.32rem; display: inline-block; } .ping_info { width: 9.3333333333rem; margin: 0 auto; border-bottom: 0; } .ping_info .yu_user_head { width: 1.5866666667rem; height: 1.5866666667rem; border-radius: 1.5866666667rem; margin-left: 0.32rem; } .ping_info .yu_user_info .user_name, .ping_info .yu_date .yu_week { margin-top: 0.2rem; } .ping_info .yu_user_info .user_fun, .ping_info .yu_date .yu_times { margin-top: 0.1333333333rem; } .ping_show { width: 9.4133333333rem; margin: 0 auto; } .ping_text { padding: 0.6666666667rem 0.4rem; } .ping_text p { font-size: 0.4rem; color: #b5b5b5; line-height: 0.72rem; text-indent: 0.8rem; } .Myorder { width: 100%; height: 100%; padding-top: 0.2666666667rem; } .Myorder .orderList { width: 9.4666666667rem; border: 1px solid #EEEEEE; border-radius: 4px; background-color: #fff; margin: 0 auto; } .Myorder .orderList h1 { width: 100%; height: 1.0666666667rem; line-height: 1.0666666667rem; border-bottom: 1px solid #EEEEEE; } .Myorder .orderList h1 b { color: #53a6fa; display: block; float: left; font-size: 0.3466666667rem; margin-left: 0.5333333333rem; } .Myorder .orderList h1 i { color: #a0a0a0; font-size: 0.32rem; float: right; margin-right: 0.5333333333rem; display: block; } .Myorder .orderList .order_head { width: 100%; height: 1.0666666667rem; line-height: 1.0666666667rem; padding: 0.6266666667rem 0; border-bottom: 1px solid #EEEEEE; } .Myorder .orderList .order_head img { width: 1.0666666667rem; height: 1.0666666667rem; border-radius: 1.0666666667rem; float: left; margin-left: 0.5333333333rem; } .Myorder .orderList .order_head b { font-size: 0.4rem; color: #000; display: block; float: left; margin-left: 0.48rem; } .Myorder .orderList .order_head i { color: #1b1b1b; font-size: 0.32rem; display: block; float: right; margin-right: 0.5333333333rem; } .Myorder .orderList .order_head .coach_intro { width: 6.4rem; float: left; margin-left: 0.5066666667rem; } .Myorder .orderList .order_head .coach_intro u { display: block; text-decoration: none; font-size: 0.4rem; color: #000; } .Myorder .orderList .order_head .coach_intro h3 { margin-top: 0.2rem; overflow: hidden; } .Myorder .orderList .order_head .coach_intro h3 span { width: 1.76rem; color: #626262; font-size: 0.32rem; display: inline-block; float: left; } .Myorder .orderList .order_head .coach_intro h3 em { width: 4.6rem; color: #b5b5b5; display: inline-block; float: left; font-size: 0.32rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: .51rem; } .Myorder .orderList .order_details, .Myorder .orderList .tell_jiaolian { width: 100%; height: 1.0666666667rem; } .Myorder .orderList .order_details img, .Myorder .orderList .tell_jiaolian img { width: 1.8666666667rem; height: 0.8rem; margin-top: 0.1333333333rem; margin-right: 0.5333333333rem; float: right; } .Myorder .orderList .tell_jiaolian img { width: 2.9333333333rem; height: 0.8rem; } .order_info_tab em { width: 2.8933333333rem; height: 0.8rem; line-height: 0.8rem; border-radius: 0.1333333333rem; text-align: center; color: #53a6fa; font-size: 0.3733333333rem; float: right; display: block; border: 1px solid #53a6fa; margin-top: 0.0933333333rem; margin-right: 0.3733333333rem; } .order_info_tab em a { color: #53a6fa; font-size: 0.3733333333rem; } .btn_back { width: 7.68rem; height: 1.0933333333rem; margin: 0 auto; margin-top: 1.5333333333rem; } .btn_back img { width: 100%; height: 100%; } .shouceBox { width: 100%; height: 100%; padding-top: 0.2666666667rem; } .ceList { width: 9.4666666667rem; height: 2.4rem; margin: 0 auto; padding: 0.5333333333rem 0; background-color: #fff; border-radius: 4px; margin-bottom: 0.2666666667rem; overflow: hidden; } .ceList a { width: 100%; height: 100%; display: block; } .ceList img { width: 3rem; height: 2.4rem; border-radius: 4px; float: left; margin-left: 0.6266666667rem; margin-right: 0.5733333333rem; } .ceList .ce_content { width: 4.6666666667rem; float: left; } .ceList .ce_content h1 { font-size: 0.4rem; font-weight: 400; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; padding: 0.16rem 0; } .ceList .ce_content p { font-size: 0.3466666667rem; color: #898989; line-height: 0.5066666667rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .detailsTop { width: 100%; height: 5.3333333333rem; overflow: hidden; } .detailsTop img { width: 100%; height: 100%; } .ce_title { font-size: 0.48rem; font-weight: 400; color: #000; text-align: center; padding: 0.6666666667rem 0; } .ce_editor { padding: 0 0.5333333333rem; font-size: 0.32rem; color: #000; overflow: hidden; margin-bottom: 0.4666666667rem; } .ce_editor b { float: left; } .ce_editor i { float: right; } .ce_con { padding: 0 0.5333333333rem; font-size: 0.32rem; color: #000; line-height: 0.64rem; text-indent: 0.64rem; } .btn_ping { width: 7.68rem; height: 1.0933333333rem; margin: 0 auto; margin-top: 0.4666666667rem; } .btn_ping img { width: 100%; height: 100%; } .study_detail { width: 100%; background-color: #fff; border-top: 1px solid #EEEEEE; margin-top: 0.2666666667rem; } .study_detail .ping_title { width: auto; margin: 0 0.2666666667rem; } .study_detail .ping_title img { margin-left: 0.5066666667rem; } .studyList { margin: 0 0.2666666667rem; border-bottom: 1px solid #EEEEEE; } .studyList h1 { font-size: 0.4rem; color: #1b1b1b; padding: 0.4rem 0.2666666667rem; } .studyList h2 { margin: 0 0.2666666667rem; padding-bottom: 0.4666666667rem; overflow: hidden; } .studyList h2 b { float: left; font-size: 0.32rem; color: #626262; } .studyList h2 i { float: right; font-size: 0.32rem; color: #7d7d7d; } .yu_menu { width: 100%; height: 1.1733333333rem; background-color: #fff; border-bottom: 0.0266666667rem solid #EEEEEE; } .yu_menu li { width: 50%; height: 1.1466666667rem; line-height: 1.1466666667rem; float: left; text-align: center; } .yu_menu li a { width: 100%; height: 100%; display: block; } .yu_menu li b { display: inline-block; color: #bfbfbf; font-size: 0.3733333333rem; font-weight: 400; } .yu_menu li .yu_cur { color: #53a6fa; border-bottom: 0.0533333333rem solid #53a6fa; } .day_list { width: 1.1733333333rem; margin: 0 auto; height: 1.4666666667rem; text-align: center; font-size: 0.32rem; margin: 0.0933333333rem; overflow: hidden; } .day_list b { display: block; margin: 0.2rem 0; } .day_bg { width: 1.1733333333rem; height: 1.28rem; border-radius: 4px; background-color: #53a6fa; color: #fff; } .yu_container { width: 9.4666666667rem; background-color: #fff; overflow: hidden; border: 1px solid #eee; padding-top: 0.48rem; margin: 0 auto; } .time_list { width: 2.6133333333rem; height: 1.0133333333rem; line-height: 1.04rem; text-align: center; font-size: 0.32rem; border-radius: 0.08rem; color: #626262; border: 0.0266666667rem solid #626262; margin-left: 0.3733333333rem; float: left; margin-bottom: 0.2666666667rem; position: relative; } .time_bor { color: #53a6fa; border: 0.0266666667rem solid #53a6fa; } .time_bg_icon { color: #fff; background-color: #53a6fa; border: 0.0266666667rem solid #53a6fa; } .coachBox { margin: 0.2666666667rem; background-color: #fff; border: 1px solid #EEEEEE; } .coachBox .yu_time { width: 8.64rem; height: 1.12rem; line-height: 1.12rem; margin: 0 auto; border-bottom: 1px solid #EEEEEE; overflow: hidden; } .coachBox .yu_time h1 { color: #000; font-size: 0.4rem; } .coachBox .coachList { width: 8.64rem; margin: 0 auto; border-bottom: 1px solid #EEEEEE; padding: 0.5333333333rem 0; overflow: hidden; } .coachBox .coachList a { width: 1.5866666667rem; height: 1.5866666667rem; float: left; margin-right: 0.3333333333rem; } .coachBox .coachList a img { width: 100%; height: 100%; } .coachBox .coachList .coach_title { width: 4.5333333333rem; float: left; } .coachBox .coachList .coach_title b { font-size: 0.4rem; color: #000; display: block; margin: 0.2rem 0; } .coachBox .coachList .coach_title h1 { width: 100%; font-size: 0.32rem; color: #626262; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .coachBox .coachList .coach_yu { width: 2.1333333333rem; height: 0.8rem; line-height: 0.8rem; text-align: center; background-color: #53a6fa; color: #fff; font-size: 0.4rem; border-radius: 0.4rem; margin-top: 0.3466666667rem; float: right; } .coachBox .coachList:last-child { border-bottom: 0; } .none { width: 100%; height: 100%; overflow: hidden; } .coach_tab { width: 9.4666666667rem; margin: 0 auto; border-bottom: 0.0266666667rem solid #EEEEEE; overflow: hidden; padding-bottom: 0.5333333333rem; } .coach_tab span { width: 2.6666666667rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.4rem; font-weight: 400; color: #fff; display: inline-block; border-radius: 0.4rem; text-align: center; margin-left: 0.5rem; float: left; margin-top: 0.5333333333rem; background-color: #24b5ff; } .coach_tab span:nth-of-type(3n+1) { margin-left: 0.2333333333rem; } .ping_list { width: 9.4666666667rem; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #EEEEEE; } .ping_list h1 { padding: 0 0.4rem; font-size: 0.4rem; color: #000; margin: 0.6666666667rem 0; } .ping_list h2 { padding: 0 0.4rem; overflow: hidden; padding-bottom: 0.2666666667rem; } .ping_list h2 b, .ping_list h2 i { display: inline-block; float: left; font-size: 0.32rem; color: #6c6c6c; } .ping_list h2 i { float: right; } .ping_list:last-child { border-bottom: 0; } .btn_yuyue_none { width: 100%; height: 1.8933333333rem; background-color: #f6f6f6; } .btn_yuyue1 { width: 100%; height: 1.0933333333rem; position: fixed; bottom: 0.4rem; text-align: center; } .btn_yuyue1 img { width: 7.68rem; height: 1.0933333333rem; } /*# sourceMappingURL=style.css.map */