.notMember_div{ width: 100%; height: 300px; margin-top: 35%; } .notMember_div p{ width: 100%; height: 120px; background: url("../img/notDefine.png")no-repeat scroll 50%; background-size: 30%; } .notMember_div h4, .notMember_div h6 { text-align: center; } .notMember_div h6{ color: #999; } .notMember_div button{ width: 80%; margin: 105px auto; background-color: #5babe6; border: none; color: #fff; height: 45px; line-height: 40px; border-radius: 50px; display: block; font-size: 18px; } .cate_detail_ul{ width: 98%; height: 100%; margin: 0 auto; display: block; } .cate_detail_li{ width: 100%; background-color: #fff; margin-top: 5px; height: auto; display: inline-block; } .cate_detail_li div{ width:20%; display: inline-block; float: left; position: relative; left: 15px; } .cate_detail_li div span{ font-size: 15px; display: block; margin: 0 auto; width: auto; text-align: center; position: relative; top: -17px; } .cate_detail_li .sfz{ background: url("../img/sfz.svg")no-repeat scroll 50%; width: 100%; height:100px; display: block; background-size: 60%; } .cate_detail_li .Occupation{ background: url("../img/Occupation.svg")no-repeat scroll 50%; width: 100%; height:100px; display: block; background-size: 60%; } .cate_detail_li .unitCite{ background: url("../img/unitCite.svg")no-repeat scroll 50%; width: 100%; height:100px; display: block; background-size: 70%; } .cate_detail_li ul{ display: inline-block; float: left; width: 78%; } .cate_detail_li ul li{ width: 90%; border-bottom: .5px solid #e6e6e7; height: 45px; line-height: 45px; text-align: right; font-size: 16px; margin-left: 10%; } .cate_detail_li ul li span{ color: #999; } .cate_detail_li ul li b{ font-weight: normal; } .cate_detail_li ul li p{ height: 22px; line-height: 22px; color: red; margin: 0; width: 90%; display: inline-block; float: left; } .identifyForm{ width: 94%; display: block; margin: 0 auto; height: auto; } .identifyForm label{ display: block; width: 100%; border: 1px solid #e6e6e6; background-color: #f8f8f8; border-radius:8px; height: 40px; line-height: 40px; margin-bottom: 12px; padding-left: 12px; position: relative; } .identifyForm label input{ display: inline-block; background-color: transparent; width: 65%; position: absolute; top: 1px; } .identifyForm h4{ padding: 12px 0; width: 100%; border-top: 1px solid #dddddd; font-size: 14px; font-family: "Microsoft YaHei", "SimHei", "SimSun", sans-serif; } .identify_submit{ background-color: #5babe6; width: 100%; border-radius: 8px; color: #fff; height: 45px; line-height: 45px; border-color: #5babe6; margin-bottom: 15px; margin-top: 17px; font-size: 18px; text-align: center; display: block; } .my_jk{ font-size: 14px; font-family: "SimHei", "SimSun", "Microsoft YaHei" , sans-serif; color:#999999; width: 94%; display: block; margin: 0 auto; } .imgWrap{ width: 100%; display: inline-block; margin: 0 auto; border-bottom: 1px solid #dddddd; padding-bottom: 15px; } .imgWrap_span{ display: inline-block; width: 135px; height: 135px; float: left; position: relative; margin: 12px 3%; } .imgWrap_span img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .imgWrap_em{ position: absolute; width: 135px; height: 135px; left: 0; top: 0; } .imgWrap_em i{ font-size: 50px; display: block; color: #ccc; height: 75px; line-height: 70px; text-align: center; } .imgWrap_em span{ font-size:12px; display: block; color: #ccc; height: 20px; line-height: 20px; text-align: center; } .imgWrap_span b{ width: 25px; height: 25px; position: absolute; right: 0; top: 0; background: url("../img/imgWrap_b.svg")no-repeat scroll 50%; background-size:90% !important; } .identify_img{ background: url("../img/typeFan.png")no-repeat scroll 0 0; background-size:100%; width: 135px; height: 135px !important; display: inline-block !important; float: right; } .unit_img1{ background: url("../img/unit_img1.png")no-repeat scroll 0 0; background-size:100%; width: 135px; height: 135px !important; display: inline-block !important; float: right; } .unit_img2{ background: url("../img/unit_img2.png")no-repeat scroll 0 0; background-size:100%; width: 135px; height: 135px !important; display: inline-block !important; float: right; } .work_img{ background: url("../img/work_img.png")no-repeat scroll 0 0 !important; background-size: 100% !important; } .typeFan{ float: left !important; margin-right:6%; background: url("../img/identify_img.png")no-repeat scroll 0 0 !important; background-size: 100% !important; } /*会员中心首页*/ .memberHome_head{ width: 90%; margin: 0 auto; height: 54px; padding-top: 12px; } .memberHome_head img{ width:40px; height:40px; border-radius: 50%; border: none; vertical-align: baseline; } .memberHome_head span{ width: auto; display: inline-block; height: 100%; max-width: 35%; margin-left: 8px; } .memberHome_head span a{ display: block; width: 100%; height: 22px; font-size:14px; line-height: 22px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #272727; font-weight: 500; margin-bottom: 3px; } .memberHome_head span small{ position: relative; top: -2px; color: #838383; } .memberHome_head button{ width: 100px; height: 30px; background-color: #eaf5ff; color: #3385ff; font-size: 14px; border:.5px solid #a2d1ff; border-radius: 4px; vertical-align: top; position: relative; top: 6px; float: right; } .memberHome_body{ width: 90%; margin: 10px auto; height:150px; } .memberHome_body{ /* background: url("../img/recommen.png")no-repeat scroll 50% !important; background-size: 162% 143% !important;*/ border-radius: 6px; box-shadow:4px 4px 20px #ccc; } .memberHome_body .left_ul{ display: inline-block; width: auto; float: left; color: #fff; font-size: 16px; height: 100%; padding-left: 8%; padding-top: 25px; min-width: 40%; } .memberHome_body .right_ul{ display: inline-block; width: 40%; float: right; color: #fff; font-size: 16px; height: 100%; padding-left: 8%; } .memberHome_body .left_ul li:nth-child(1){ font-size: 16px; margin-bottom: 19px; } .memberHome_body .left_ul li:nth-child(1) span{ position: relative; left: 5px; top: -4px; } .memberHome_body .left_ul li:nth-child(1) i{ background: url("../img/currentLevel.svg")no-repeat scroll 50% 80%; width: 22px; height: 22px; display: inline-block; background-size: 70%; } .memberHome_body .left_ul li:nth-child(2){ font-size:36px; margin-bottom: 17px; } .memberHome_body .left_ul li:nth-child(2) i{ background: url("../img/goldIcon.svg")no-repeat scroll 0 50%; width: 30px; height: 30px; display: inline-block; background-size: 75%; margin-right: 0px; position: relative; top: 3px; } .memberHome_body .left_ul li:nth-child(3){ font-size:16px; position: relative; display: none;/*暂时隐藏*/ } .memberHome_body .left_ul li:nth-child(3) i{ background: url("../img/memberArrow.svg")no-repeat scroll 0 50%; width: 22px; height: 22px; display: inline-block; position: absolute; right: -4px; top: -1px; background-size: 90%; } .memberHome_body .right_ul li:nth-child(1) i{ /*background: url("../img/memberICon.png")no-repeat scroll 50%;*/ width: 75px; height: 30px;/*原来80,暂时修改*/ display: block; background-size:85%; } .memberHome_body .right_ul li:nth-child(2){ font-size: 22px; margin-top: 0px; } .memberHome_body .right_ul li:nth-child(3){ font-size: 12px; margin-top: 5px; padding-left: 12%; } .memberHome_wrap{ width: 90%; height: auto; margin:25px auto 0; display: inline-block; } .memberHome_wrap li{ float: left; width: 33.3%; height: 111px; } .notHaveRight li{ opacity:.5 } .memberHome_wrap li i{ display: block; width: 54px; height: 54px; border-radius: 50%; background-color: #fdf6ee !important; margin: 0 auto; } .memberHome_LV li i{ background-color: #f1f2f6 !important; } .memberHome_LV li:nth-child(1) i{ background:#f1f2f6 url("../img/superGreenLocal.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(2) i{ background:#f1f2f6 url("../img/superGreenOpen.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(3) i{ background:#f1f2f6 url("../img/superGreenDeclare.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(4) i{ background:#f1f2f6 url("../img/superGreenSearch.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(5) i{ background:#f1f2f6 url("../img/superGreenWatch.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(6) i{ background:#f1f2f6 url("../img/superGreenApply.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(7) i{ background:#f1f2f6 url("../img/superGreenCloud.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(8) i{ background:#f1f2f6 url("../img/superGreenConnect.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(9) i{ background:#f1f2f6 url("../img/superGreenActivity.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(10) i{ background:#f1f2f6 url("../img/superGreenIcon.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(10) i{ background:#f1f2f6 url("../img/superGreenIcon.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_LV li:nth-child(11) i{ background:#f1f2f6 url("../img/superGreenResource.svg")no-repeat scroll 50% !important; background-size: 50% !important; } .memberHome_wrap li span{ display: block; width: 100%; text-align: center; margin-top: 12px; } .memberHome_wrap li:nth-child(1) i{ background: url("../img/superLocal.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(2) i{ background: url("../img/superOpen.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(3) i{ background: url("../img/superDeclare.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(4) i{ background: url("../img/superSearch.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(5) i{ background: url("../img/superWatch.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(6) i{ background: url("../img/superApply.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(7) i{ background: url("../img/superCloud.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(8) i{ background: url("../img/superContact.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(9) i{ background: url("../img/superActivity.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(10) i{ background: url("../img/superIcon.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(11) i{ background: url("../img/superSource.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(12) i{ background: url("../img/superService.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(13) i{ background: url("../img/superBaogao.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_wrap li:nth-child(14) i{ background: url("../img/superManger.svg")no-repeat scroll 50%; background-size: 50%; } .memberHome_bottom{ width: 100%; height: 45px; padding: 0; background-image: none; border-top: .5px solid #e6e6e7; } .memberHome_bottom button{ width: 50%; height: 45px; background-color: transparent; border: none; color: #1b9bff; font-size: 18px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .memberHome_bottom button:nth-child(1){ border-right:1px solid #e6e6e7; } .member_button{ background-color: transparent; border: none; color: #272727; width: 60px; font-size: 14px !important; right: 12px; } /*.slider { height:auto; } .slider-slide { color: #000; background-color: #fff; text-align: center; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; }*/ .box{ height:100%; overflow: scroll; } .memberLevelCard{ width:71%; margin: 0 auto; height: 140px; border-radius: 8px; position: relative; } .memberSlideImg img{ display: block; width: 75px; height: 75px; margin:15px auto 5px; border-radius: 50%; } .memberSlideImg span { width: auto; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin: 0 auto 5px; text-align: center; } .memberComentBody h4{ font-size: 14px; font-weight:500; } .memberlV3{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(221, 196, 151, 0.69)), to(#cdb07a)); background-size: 150% 150% !important; } .memberlV2{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(203, 204, 208, 0.6)), to(#adb0bf)); background-size: 150% 150% !important; } .memberlV1{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(87, 98, 116, 0.74)), to(#3d4552)); background-size: 150% 150% !important; } .memberlV1_ul{ color: #fff; height: 100%; text-align: left; padding-left: 15px; padding-top: 22px; } .memberlV1_ul li:nth-child(1){ font-size: 24px; font-weight: 400; font-family: "Adobe Caslon Pro"; margin-bottom: 7px; } .memberlV1_ul li:nth-child(2){ font-size: 15px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .memberlV1_ul li:nth-child(3){ font-size: 14px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; margin-top: 28px; } .memberlV1_ul_span{ position: absolute; top: 20px; right: 20px; color: #777a83; } .memberlV1_ul_span i{ width: 15px; height: 15px; display: inline-block; background: url("../img/nextCard2.svg")no-repeat scroll 50% 100%; background-size: 100%; position: relative; top: 3px; margin-right: 5px; } .nextCard1{ color: #a18560; } .nextCard1 i{ background: url("../img/nextCard1.svg")no-repeat scroll 50% 100% !important; background-size: 100% !important; } .memberLevel_div{ width: 88%; height: 100%; margin: 0 auto; } .memberRight_div{ width: 88%; height:auto; margin: 0 auto; padding-bottom: 50px; } .memberRightDiv_header{ width: 100%; height: 50px; line-height: 50px; border-bottom: .5px solid #e6e6e7; } .memberLevel_div h1, .memberRight_div h1 { font-size: 15px; display: block; width: 100%; float: left; margin-top: 14px; } .memberLevel_div h1 i, .memberRight_div h1 i { width: 5px; height: 5px; background-color: #000; display: inline-block; border-radius: 50%; position: relative; top: -3px; } .memberLevel_div p{ color: #b1acac; font-size: 14px; margin-left: 10px; } .memberLevel_div ul{ width: 100%; display: block; height: 100px; position: relative; z-index: 5555; } .memberLevel_div ul li{ width:32%; display:inline-block; height: 100%; } .memberLevel_div ul li i{ display: block; width: 100%; height: 50%; } .memberLevel_div ul li:nth-child(1) i{ background: url("../img/usualMember.png")no-repeat scroll center center; background-size: 25%; } .memberLevel_div ul li:nth-child(2) i{ background: url("../img/vipmember.png")no-repeat scroll center center; background-size: 25%; } .memberLevel_div ul li:nth-child(3) i{ background: url("../img/custommember.png")no-repeat scroll center center; background-size: 25%; } .memberLevel_div ul li span{ width: 100%; text-align: center; display: block; } .ul_hr{ position: relative; width: 70% !important; height: 0 !important; border-top: .5px solid #e6e6e7; display: block !important; top: -12%; margin: 0 auto; z-index: 3; } /*会员等级说明*/ .table_th{ background-color: #fafafa; height: 34px; line-height: 34px; font-size: 15px; } .table_th td{ text-align: center; color:#151515 !important; } #table_member, #table_member2 { border: .5px solid #e6e6e7; border-bottom: none; border-right: none; } #table_member tr, #table_member2 tr { border-bottom: .5px solid #e6e6e7; } #table_member td, #table_member2 td { text-align: center; color: #898989; vertical-align: middle; border-right: .5px solid #e6e6e7; } /*普适币*/ .rule_bg{ background: url("../img/rulebg.png")no-repeat scroll center center; background-size: 100%; height: 175px; width: 100%; } .rule_bg h1{ color: #fff; text-align: center; padding-top: 20px; } .rule_bg h6{ padding-top: 10px; text-align: center; color: #fff; font-size: 15px; font-family: "Microsoft YaHei", "SimHei", "SimSun", sans-serif; } .rule_bg h1 span{ font-size:30px; font-family: "Microsoft YaHei", "SimHei", "SimSun", sans-serif; font-weight: 300; } .rule_body .rule_body_hedder{ width: 22%; text-align: center; display: block; color: #9c9898; font-size: 15px; margin: 0 auto; padding-top: 15px; position: relative; z-index: 44; background-color: #f2f2f2; } .rule_body s{ display: block; width: 35%; height: 0; border-top: 1px solid #a4a4a4; margin: 0 auto; position: relative; top: -10px; z-index: 2; } .rule_body{ margin-bottom: 12px; } .rule_ul{ display: block; width: 96%; margin: 0 auto; height: auto; } .rule_ul li{ height: 80px; background-color: #fff; margin-bottom: 12px; border-radius: 4px; } .rule_ul li:last-child{ margin-bottom: 0 !important; } .rule_ul li em{ display: inline-block; width: 40px; height: 100%; float: left; position: relative; left: 10px; } .rule_ul li:first-child em{ background: url("../img/dianz.png")no-repeat scroll center center; background-size: 100%; } .rule_ul li:nth-child(1) em{ background: url("../img/readyIcon.png")no-repeat scroll center center; background-size: 100%; } .accountSign{ background: url("../img/accountSign.svg")no-repeat scroll center center !important; background-size: 100% !important; } .accountFabulous{ background: url("../img/dianz.png")no-repeat scroll center center !important; background-size: 100% !important; } .accountConcerI{ background: url("../img/accountConcerI.svg")no-repeat scroll center center !important; background-size: 100% !important; } .accountColl{ background: url("../img/accountColl.svg")no-repeat scroll center center !important; background-size: 100% !important; } .wd_mobile_iconfont{ background: url("../img/wd_mobile_iconfont.svg")no-repeat scroll center center !important; background-size: 110% !important; } .accountEvalue{ background: url("../img/accountEvalue.svg")no-repeat scroll center center !important; background-size: 100% !important; } .accountQualify{ background: url("../img/my_qualify.svg")no-repeat scroll center center !important; background-size: 100% !important; } .accountInvite{ background: url("../img/readyIcon.png")no-repeat scroll center center !important; background-size: 100% !important; } .inviateIcon{ background: url("../img/inviateIcon.svg")no-repeat scroll center center !important; background-size: 100% !important; } .accountInvest{ background: url("../img/accountInvest.svg")no-repeat scroll center center !important; background-size: 100% !important; } .accountShare{ background: url("../img/accountShare.svg")no-repeat scroll center center !important; background-size: 100% !important; } .rule_span_left{ padding-left: 17px; display: inline-block; width: 79%; height: 100%; float: left; line-height: 14px; } .rule_span_left a{ height: 47px; line-height: 65px; display: block; color: #272727; font-size: 18px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .rule_span_left a i{ background: url("../img/psMoney.png")no-repeat scroll center center; background-size: 95%; width: 20px; height: 20px; display: inline-block; vertical-align: sub; margin: 0 5px; } .rule_span_left a b{ height: 50px; line-height: 50px; display: inline-block; color: #e15c61; font-size: 18px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .rule_span_left span{ color: #ccc; } .rule_span_right{ display: inline-block; height: 75%; line-height: 32px; width: 20%; float: right; position: relative; z-index: 1; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .rule_span_right a{ display: block; text-align: center; font-size: 15px; color: #8c8383; height: 35px; line-height:35px; position: relative; z-index: 5; } .rule_span_right b{ display: block; text-align: center; font-size: 15px; color: #f07272; position: absolute; bottom:0px; width: 100%; height: 100%; line-height: 60px; z-index: 1; } /*普适币首页home*/ .psMoney_home_header{ background-color:#3B8BD0; height: 140px; color: #fff; } .header_num{ height: 100px; font-size: 54px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .header_num span:nth-child(1){ display: block; width: 100%; text-align: center; height: 75px; line-height: 95px; } .header_num span:nth-child(2){ font-size:14px; display: block; width: 100%; text-align: center; } .header_num_bar span:nth-child(1){ width: 45%; padding-left:7%; float: left; } .header_num_bar span:nth-child(2){ width: 45%; padding-left:8%; float: right; position: relative; right: 0px; } .psMoney_home_body{ width: 100%; background-color: #fff; margin-top: 12px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .psMoney_home_body li{ height: 50px; line-height: 50px; font-size: 16px; } .psMoney_home_body li span{ font-size: 16px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; display: inline-block; height: 100%; line-height: 50px; vertical-align: top; padding-left: 5px; } .psMoney_home_body li em{ background: url("../img/arrowButton.svg")no-repeat scroll 50%; width: 22px; height: 100%; float: right; display: inline-block; background-size: 70%; margin-right: 15px; transform: rotate(270deg); } .psMoney_home_body li i{ width: 22px; height: 100%; display: inline-block; vertical-align: bottom; margin-left: 17px; } .psMoney_home_body li:nth-child(1){ border-bottom: .5px solid #e6e6e7; } .psMoney_home_body li:nth-child(1) i{ background: url("../img/salePorn.svg")no-repeat center center; background-size: 80%; } .psMoney_home_body li:nth-child(2) i{ background: url("../img/buyPorn.svg")no-repeat center 48%; background-size:100%; } .psMoney_home_button{ background-color: #3B8BD0; color: #fff; border: none; width: 93%; height: 45px; font-size: 17px; margin: 30px auto 20px; display: block; border-radius: 6px; } .psMoney_home_bottom{ color:#b5b4b4 !important; font-size: 15px; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .psMoney_home_bottom .question_title{ height: 40px; line-height: 40px; border-bottom: .5px solid #e6e6e7; } .psMoney_home_bottom .question_title i{ width: 22px; height: 22px; background:url("../img/usualQuestion.svg")no-repeat scroll 50% 50%; display: inline-block; background-size: 100%; vertical-align: middle; margin-left: 3.5%; } .psMoney_home_bottom .question_title span{ height: 40px; line-height: 40px; display: inline-block; position: relative; top: 2px; margin-left: 5px; } .question_body{ border-bottom: .5px solid #e6e6e7; } .question_body .questionToggle{ animation: myScroll .3s forwards; } @keyframes myScroll{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(180deg); } } @-webkit-keyframes myScroll{ 0%{ transform: rotate(0deg); } 100%{ transform: rotate(180deg); } } .question_body p{ margin-left: 9.5%; display: none; } .question_body span:nth-child(1){ display: block; height: 40px; line-height: 40px; position: relative; } .question_body span:nth-child(1) i{ background:url("../img/gantan.svg")no-repeat scroll 50% 61%; width: 22px; height: 100%; display: inline-block; background-size: 98%; margin-left: 3.5%; } .question_body span:nth-child(1) span{ height: 40px; line-height: 40px; display: inline-block; vertical-align: text-bottom; padding-left: 4px; } .question_body span:nth-child(1) em{ background: url("../img/arrowButton.svg")no-repeat scroll 50%; width: 22px; height: 100%; float: right; display: inline-block; background-size: 70%; margin-right: 15px; } /*权益详情页*/ .rightDetail_header_div{ height: 180px; width: 100%; border: none; color: #fff; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .rightDetail_header_div span:nth-child(1){ display: block; font-size: 25px; padding-top: 75px; padding-left: 30px; } .rightDetail_header_div span:nth-child(2){ display: block; font-size: 13px; padding-left: 30px; padding-top: 10px; } .detailVip{ background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(199, 203, 216, 0.6)), to(#b4b9cc)); } .rightDetail_header_body{ color:#666666; font-weight: 500; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif; } .rightDetail_header_body li p{ padding-left: 6%; text-indent: 2em; } .w-tui { line-height: 36px; margin: 25px auto 0; text-align: center; width: 100%; } .w-tui .w-tui-left { background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(199, 203, 216, 0.6)), to(#b4b9cc)); display: inline-block; height: .5px; position: relative; top: -10px; width: 20%; } .w-tui .w-rui-text { color: #666666; font-size: 18px; margin: 0 15px; } .w-tui .w-tui-rgt { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ccc 0%, #e6e6e7 100%) repeat scroll 0 0; display: inline-block; height: .5px; position: relative; top: -10px; width: 20%; } /*收支明细*/ .reven_ul{ display: block; width:100%; margin: 10px auto 0; font-family: "SimHei", "Microsoft YaHei", "SimSun", sans-serif !important; } .reven_ul li{ height: 77px; background-color: #fff; border-bottom: .5px solid #e6e6e7; } .reven_ul li .reven_left{ width: 70%; display: inline-block; height: 100%; padding-left: 13px; float: left; } .reven_ul li .reven_left a{ display: block; color: #272727; font-size: 16px; margin: 12px 0; } .reven_ul li .reven_left small{ display: block; color: #bab7b7; font-size: 15px; padding-left: 2px; } .reven_ul li .reven_right{ display: inline-block; width: 25%; float: right; height: 100%; position: relative; right: 12px; } .reven_ul li .reven_right i{ display: block; color: #e15c61; font-size: 16px; padding: 30px 6px; text-align: right; } .reven_ul li .reven_right small{ display: block; color: #bab7b7; font-size:16px; text-align: right; } /*普适币充值页面*/ .rechange_form{ display: block; width: 95%; margin: 12px auto; } .rechange_form label{ height: 34px; line-height: 34px; display: block; } .rechange_form input{ display: inline-block; position: relative; top: -2px; } .rechange_num_ul{ display: inline-block; width: 100%; height: auto; margin-left: 2.5%; } .rechange_num_ul li{ width: 30.33%; display: inline-block; float: left; height: 60px; border: .5px solid #369df5; border-radius: 3px; margin-bottom: 12px; margin-right: 2%; } .rechange_num_ul li span:nth-child(1){ display: block; width: 100%; text-align: center; color: #3385ff; font-size: 16px; margin-top: 12px; } .rechange_num_ul li span:nth-child(2){ font-size: 12px; display: block; text-align: center; color: rgb(146, 189, 255); } .rechange_tools{ } .rechange_tools li{ height: 40px; line-height: 40px; width: 95%; margin: 0 auto; } .rechange_tools li a{ display: inline-block; height: 20px; width: 20px; float: right; border:1px solid #e2dede; border-radius: 50%; vertical-align: bottom; position: relative; right: 5px; top: 12px; } .rechange_tools li .saleResult{ background: url("../img/sallResult.svg")no-repeat scroll center center; background-size: cover; border: none; } .rechange_tools li i{ display: inline-block; width: 22px; height: 100%; float: left; margin-right: 8px; } .rechange_tools li:nth-child(2) i{ background: url("../img/bay_rechange.svg")no-repeat scroll 50%; background-size: 95%; } .rechange_tools li:nth-child(1) i{ background: url("../img/wechat_rechange.svg")no-repeat scroll 50%; background-size: 100%; } .rechange_tools li .rechange_tools_spans{ display: inline-block; width: 80%; height: 40px; font-size: 15px; } .rechange_button{ width: 80%; height: 46px; line-height: 44px; background-color: #369df5; border: none; color: #fff;border: none; margin:22px auto; display: block; border-radius: 50px; font-size: 17px; } .rechange_h6{ font-size: 14px; padding-left: 2.5%; font-weight: 500; margin-top: 15px; } /*会员升级*/ .upGrade_ul{ display: block; height: auto; } .upGrade_ul li{ width: 100%; height: 60px; line-height: 60px; border-bottom: .5px solid #e6e6e7; background-color: #fff; padding-left: 15px; } .upGrade_ul li span{ font-size: 15px; font-weight: 500; display: inline-block; height: 100%; line-height: 60px; } .upGrade_ul li b{ color: #ff5238; font-size: 16px; } .upGrade_ul li em{ color: #fff; font-size: 15px; background-color: #ff5238; width: 42px; display: inline-block; text-align: center; height: 25px; line-height: 25px; margin-left: 23px; position: relative; } .upGrade_ul li em::before{ content: ""; display: block; position: absolute; top: 0; width: 0; height: 0; border: 12.5px solid transparent; left: -25px; border-right-color: #ff5238; } .upGrade_ul li b i{ background: url("../img/psMoney.png")no-repeat scroll center center; background-size: 95%; width: 20px; height: 20px; display: inline-block; vertical-align: sub; margin: 0 5px; } .upGrade_ul li button{ background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(76, 115, 241, 0.6)), to(#3385ff)); border: none; width: 70px; height: 35px; border-radius: 6px; color: #fff; font-size: 15px; position: relative; right: 20px; float: right; top: 12px; } .upGradeMange_section{ background: url("../img/memberValueClub.png")no-repeat scroll center; background-size: 77% 135%; height: 170px; width: 100%; background-color: rgba(216, 216, 216, 0.7); } /*支付弹窗*/ #psMoneyConsume{ width: 288px; height: 220px; position: relative; margin: 0 auto; background-color: #fff; border-radius: 15px; bottom: -20%; } #psMoneyPassword{ height:45px; line-height: 45px; width: 84%; margin: 0 auto; background: url("../img/passwordBg.png")no-repeat scroll center center; background-size: 100% 95%; letter-spacing: 1.22em; font-size: 20px; text-indent: .6em; padding-bottom:5px; } .psPassword_header{ width: 100%; height: 55px; line-height: 55px; border-bottom: .5px solid #e6e6e7; } .psPassword_header .deletePassword{ font-size: 20px; width: 50px; height: 100%; color: #ccc; text-align: center; display: inline-block; } .psPassword_header .deleteHeader{ font-size:18px; height: 100%; color: #000; text-align: center; display: inline-block; font-weight: 600; } .psPassword_body{ width: 100%; height: 100px; } .psPassword_body span:nth-child(1){ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 16px; } .psPassword_body span:nth-child(2){ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 30px; } /*支付键盘*/ .psMoneyKeyboard{ width: 100%; height: auto; background-color: #fff; } .psMoneyKeyboard li{ width: 33.3%; float: left; height: 50px; text-align: center; border-bottom: .5px solid #ccc; border-right: .5px solid #ccc; } .psMoneyKeyboard li span:nth-child(1){ display: block; height: 25px; line-height: 30px; font-size: 20px; } .psMoneyKeyboard li span:nth-child(2){ display: block; height: 15px; font-size: 10px; line-height: 15px; } .keyBoardDelete{ background: url("../img/keyboardDelete.svg")no-repeat scroll center center; background-size: 18%; } .paywordSpan{ position: absolute; font-size: 12px; top: -35px; display: block; width: 95%; margin: 0 auto; padding-left: 22px; color: red; } /*恭喜升级*/ .gradeBgWrap{ width: 100%; height: 100%; position: fixed; top:0; left: 0; background-color: rgba(204, 204, 204, 0.49); z-index: 5; display: none; } .gradeBgWrap_Div{ width: 280px; height: 254px; margin: 0 auto; background-color: #fff; position: relative; top: -46%; border-radius: 10px; -webkit-animation: gradeup 1s forwards ; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @keyframes gradeup{ 0%{top:-46%;} 100%{top:25%;} } .gradeBgWrap_Div_delete{ -webkit-animation: gradeDelete 1s forwards ; animation-iteration-count:1; -webkit-animation-iteration-count:1; } @keyframes gradeDelete{ 0%{top:25%;} 100%{top:125%;} } .gradeBgWrap_Div button{ position: absolute; bottom: 0; display: block; width: 100%; border: none; color: #fff; background-color: #ff9900; height: 45px; font-size: 18px; border-radius: 0 0 10px 10px; letter-spacing: 2px; } .gradeBgWrap_Div span:nth-child(2){ display: block; color: #ffa725; font-size: 22px; text-align: center; height: 65px; line-height: 20px; } .gradeBgWrap_Div span:nth-child(3){ display: block; color: #fff; text-align: center; height: 32px; line-height: 30px; position: relative; top: -164px; font-size: 15px; } .gradeBgWrap_Div span:nth-child(1){ display: block; background: url("../img/upGrade.png")no-repeat scroll center center; height: 145px; background-size: 55%; position: relative; top: -52px; font-size: 53px; text-align: center; color: #fff; line-height: 130px; font-style:italic; text-indent: -5px; } .grade_delete{ position: absolute; right: -10px; width: 50px; height: 50px; top: -18%; background: url("../img/delete_grade.svg")no-repeat scroll center center; } /*上传证明材料*/ .jobIdentifyImg{ background: url("../img/jobIdentifyImg.png")no-repeat scroll 0 0; width: 100%; height: 535px; background-size: 100%; } .jobIdentifyImg li{ width: 100%; height: 100px; margin-bottom: 6px; } .jobIdentifySpan{ display: block; padding-left: 12px; margin: 5px 0; font-size: 12px; } .memberV2ICON{ background: url("../img/memberV2ICON.png")no-repeat scroll 5px 40% !important; background-size:80% !important; } .memberV3ICON{ background: url("../img/memberV3ICON.png")no-repeat scroll 5px 40% !important; background-size:80% !important; } /*审核管理*/ .auditMessage{ background: url("../img/auditMessage.svg")no-repeat scroll 12px 50%; background-size: 6%; } .auditMessage em{ display: inline-block; width: auto; padding: 2px 20px; background-color: rgba(51, 133, 255, 0.84); color: #fff; border-radius: 15px; font-size: 12px; float: right; } .auditMessage_list a{ height: 70px; line-height: 70px; padding-left: 30px; } .auditMessage_list em{ display: inline-block; width: auto; padding: 2px 20px; background-color: rgba(51, 133, 255, 0.84); color: #fff; border-radius: 15px; font-size: 12px; float: right; height: 25px; line-height: 25px; vertical-align: -webkit-baseline-middle; position: relative; top: 23px; right: 40px; } .auditCard{ display: block; height: auto; width: 100%; background-color: #fff; margin-bottom: 7px; color: #000; } .auditCard nav{ display: block; font-size: 20px; text-align: center; padding-top: 25px; } .auditCard nav span:nth-child(1){ display: block; font-size: 20px; } .auditCard nav span:nth-child(2){ display: block; font-size: 10px; color: #cccccc; padding-top: 5px; }.auditCard nav span:nth-child(2) em{ padding-right:8px; font-size: 12px; } .auditCard div{ border-bottom: 1px solid #e6e6e7; } .auditCard div label, .auditCard div section { display: block; } .auditCard div label span{ display: block; height: 40px; line-height: 40px; font-size: 15px; padding-left: 29px; } .auditCard div section{ width: auto; position: relative; overflow: hidden; text-align: center; margin: 15px 0; } .auditCard div img{ display: inline-block; width: 135px; height: 135px; margin-right: 30px; } .auditCard div img:nth-child(2){ margin-right:0px; } .auditCard button{ display: inline-block; border: none; width: 40%; height: 40px; color: #fff; font-size: 18px; border-radius: 6px; } .auditButton{ display: block; width: 100%; text-align: center; padding: 12px 0; } .auditButton button:nth-child(1){ background-color: #ff4913; margin-right: 15px; } .auditButton button:nth-child(2){ background-color: #3385ff; } .accountSetChild_item .item-content{ padding: 0; } .accountSetChild_label{ display: inline-block; vertical-align: middle; height: 79px; line-height: 79px; float: left; padding-left: 16px; color: #8a8a8a; } .accountSetChild_label span{ display: inline-block; vertical-align: middle; } .accountSetChild_label span input{ border: none; background-color: transparent !important; border-bottom: 1px solid #e6e6e7; width: 85px; font-size: 12px; color: #000; font-weight: bold; } .accountSetChild_label span i{ display: inline-block; width: 20px; height: 20px; background: url("../img/setChild_calendar.svg")no-repeat scroll 50%; background-size: 80%; vertical-align: middle; } /*jquery ui 时间选择器*/ .ui-datepicker-month{ border: none; background-color: transparent !important; color: #000; } .ui-datepicker-prev, .datepicker-prev-hover { background: url("../img/emDownLoad.svg")no-repeat scroll 50% !important; transform: rotate(90deg) !important; background-size: 70% !important; } .ui-datepicker-next, .datepicker-next-hover { background: url("../img/emDownLoad.svg")no-repeat scroll 50% !important; transform: rotate(-90deg) !important; background-size: 70% !important; } .ui-state-hover{ border:none !important; } /*去掉倒三角*/ .ui-datepicker-title .ui-datepicker-month{ appearance:none; -webkit-appearance: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #3385ff !important; background: #3385ff !important; color: #fff !important; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #aaa !important; background: #fff !important; color: #3385ff !important; } /*普适币*/ .psMoney_consume{ width: 100%; height: 160px; background-color: #369df5; color: #fff; line-height: 35px; text-align: center; } .psMoney_consume span:nth-child(1){ font-size: 15px; display: block; padding-top: 38px; } .psMoney_consume span:nth-child(2){ font-size: 36px; display: block; } .psMoney_consume_TITLE{ display: block; width: 95%; margin: 7px auto; color: #7d7d7d; font-size: 13px; } .psMoney_consume_ul li{ width: 95%; height: 105px; margin: 0 auto; background-color: #fff; border-radius: 7px; font-family: SimHei; margin-bottom: 10px; } .consume_left{ width: 70%; float: left; height: 100%; } .consume_left span:nth-child(1){ display: block; text-align: center; height: 45px; line-height: 45px; font-size: 18px; } .consume_left span:nth-child(2){ display: block; text-align: center; font-size: 15px; } .consume_left span:nth-child(2) b{ color: #e41a1a; margin: 0 3px; font-weight: normal; } .consume_left span:nth-child(3){ display: block; text-align: center; color: #cccccc; padding-top: 7px; } .consume_right{ float: right; height: 85%; line-height: 90px; width: 25%; text-align: center; position: relative; top: 8px; border-left: 1px solid #e6e6e7; } .consume_right span{ display: block; background-color: #5babe6; height: 62px; line-height: 62px; color: #fff; width: 62px; border-radius:50%; margin: 0 auto; position: relative; top:15px; } /*意见反馈*/ #aboutSuggestion span{ display: block; color: #514f4f; font-size: 13px; padding-left: 12px; margin: 5px 0; } #aboutSuggestion textarea{ width: 100%; height: 135px; padding: 10px 10px 10px 10px; } #aboutSuggestion input{ width: 100%; height: 40px; background-color: #fff; border: none; padding: 10px; } #aboutSuggestion button{ width: 90%; height: 40px; background-color: #5babe6; border: none; margin: 40px auto 0; display: block; color: #fff; border-radius: 5px; font-size: 16px; } .auditSuggestion_div{ width: 90%; margin: 0 auto; height: auto; overflow: hidden; } .auditSuggestion_div button{ width: 45% !important; float: left; } .audit_div_textarea{ width: 100%; height: 135px; padding: 10px 10px 10px 10px; background-color: #fff; } .activitySurvey h4{ text-align: center; color: #369df5; } .activitySurvey h6{ text-align: justify; text-indent: 2em; line-height: 17px; width: 83%; margin: 0 auto; } .maxtop { width: 95%; margin: 30px auto 0; overflow: hidden; height: auto; } .wjques { /*padding-left: 15px;*/ } .question .title { float: left; width: 100%; font-size: 16px; margin-left:0; padding-bottom: 8px; position: relative; padding-left: 5px; } .matrix { float: left; overflow-x: auto; overflow-y: hidden; width: 100%; } .red { font-size: 14px; color: red; padding-bottom: 5px; clear: both; } .icheckbox_div { position: relative; padding-bottom: 10px; } .jqTransformRadioWrapper { top: 7px; _zoom: 1; *display: inline; display: inline-block; margin: 0 4px; vertical-align: middle; } a.jqTransformChecked { background-position: center bottom; } .icheckbox_div a { display: inline-block; } .icheckbox_div input { margin-left: 10px; border: none; background: transparent; position: absolute; left: 0; } .icheckbox_div label { max-width: 650px; vertical-align: middle; } .icheckbox_div { position: relative; padding-bottom: 10px; } .jqTransformRadio { background: transparent url("../img/radio.png") no-repeat center top; vertical-align: middle; height: 16px; width: 18px; display: block; display: -moz-inline-block; } .blank { border: 1px solid #dbdbdb; padding: 2px 5px; width: 85%; margin: 0 auto; } /*星级评价logo*/ .starRating_A{ display: inline-block; width: 18px; height: 100%; background: url("../img/starRating_A.svg")no-repeat scroll 50%; background-size:115%; vertical-align: bottom; margin-right: 4px; } .starRating_B{ display: inline-block; width: 18px; height: 100%; background: url("../img/starRating_B.svg")no-repeat scroll 50%; background-size:115%; vertical-align: bottom; margin-right: 4px; } .starRating_C{ display: inline-block; width: 18px; height: 100%; background: url("../img/starRating_C.svg")no-repeat scroll 50%; background-size:115%; vertical-align: bottom; margin-right: 4px; } .starRating_D{ display: inline-block; width: 18px; height: 100%; background: url("../img/starRating_D.svg")no-repeat scroll 50%; background-size:115%; vertical-align: bottom; margin-right: 4px; } .starRating_E{ display: inline-block; width: 18px; height: 100%; background: url("../img/starRating_E.svg")no-repeat scroll 50%; background-size:115%; vertical-align: bottom; margin-right: 4px; } .starRating_F{ display: inline-block; width: 18px; height: 100%; background: url("../img/starRating_F.svg")no-repeat scroll 50%; background-size: 115%; vertical-align: bottom; margin-right: 4px; } .starRating_G{ display: inline-block; width: 25px; height: 100%; background: url("../img/starRating_G.svg")no-repeat scroll 50%; background-size: 130%; vertical-align: bottom; margin-right: 4px; } .rule_span_specialA{ line-height: 95px !important; } .roleNameSup{ display: inline-block; padding: 10px 12px; border-radius: 4px; background-color: #5babe6; border: 1px solid #6dc8e7; top: -1px; vertical-align: middle; } .wbBarWrap{ position: relative; bottom: 0; width: 90%; height: 35px; line-height: 35px; display: inline-block; float: left; } .wbBarWrap .wbBar{ width: 100%; background-color: #a6a6a7; height: 7px; line-height: 7px; border-radius: 50px; display: inline-block; float: left; position: relative; } .wbBarWrap .wbBar i{ background-color:#fdb162; display: block; height: 100%; border-radius: 50px; border: none; position: absolute; left: 0; top: 0; } .wbBarWrap .wbBarNum{ border: none; background-color: transparent; display: block; margin: 0 auto; color: #a6a6a7; } .wbBarWrap .wbBarNum a{ display: inline-block; color: #fdb162; height: auto; line-height: inherit; font-size: 14px; } .itemName{ color: #000 !important; max-width: 78%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: auto; height: 21px; line-height: 21px; vertical-align: middle; }