/*公共部分*/ /*招聘头部*/ .job-header { background: #fff; width: 100%; height: 92px; line-height: 92px; vertical-align: middle; } .job-header header{ display:flex; } .job-header .logo{ width:265px; height:30px; display:block; margin-right:50px; } .job-header .logo img { vertical-align: middle; height: 100%; } .job-header .ul {display:flex;width:735px;height:92px;line-height:92px;} .job-header .ul li{height:92px;line-height:92px;padding:0 25px;} .job-header .ul li a{font-size:18px;color:#000;height: 92px;line-height: 78px;display:inline-block;padding:0 18px;} .job-header .ul li a:hover,.job-header .ul li a.active{color:#000;cursor:pointer;border-top:5px solid #006cdc;height: 88px;padding:0 18px;display:inline-block;} .job-header .buy_box{display:flex;align-items:center;height:92px;justify-content: flex-end;padding-right:10px;} .job-header .buy{position:relative;width:132px;height:38px;line-height: 38px;border:1px solid #ccc;cursor:pointer;border-radius:3px;} .job-header .buy a{position:relative;z-index: 2;top:0;font-size: 16px;color:#0069bc;display:inline-block;line-height:24px;} .job-header .buy a:first-child{left:20px;border-right:1px solid #ccc;width:45px;} .job-header .buy a:last-child{left:30px;} .job-header .buy a:hover,.header .buy a.active{color:#0069bc;opacity:.8;} .job-header .login-box{display: inline-block;width:140px;margin-left:50px;} .job-header .login-box a{color:#fff;font-size: 16px;margin-right:25px;} .job-header .loginOn{display:flex;height:37px;line-height:37px;} .job-header .person{display:flex;align-items:center;border:1px solid #ccc;border-radius:5px;padding:0 30px 0 10px;} .job-header .person img{border-radius: 50%;width:25px;height:25px;display: block;} .job-header .person .loginname{font-size:14px;color:#000;margin-left:5px;max-width:120px;min-width:50px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;cursor:pointer;} .job-header .dropBtn{font-size:14px;color:#000;margin-left:15px;cursor:pointer;} .job-header .head_drop{margin-left:10px;cursor:pointer;} .job-header .head_drop .dropdown-menu{top:50px;left:70px;min-width:115px;background-color: #333 !important;border: 1px solid #333 !important;box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);} .job-header .head_drop .dropdown-menu>li>a{border-bottom:1px solid #464545!important;color:#fff;padding:10px 20px;cursor:pointer;} .job-header .head_drop .dropdown-menu>li>a:hover{background-color: #333!important;color:#ccc;} .head_drop_one .popper__arrow{display: none!important;} .job-header .head_produce{position:relative;} /*头部导航开始*/ .header{ background: -webkit-linear-gradient(#4e00af,#441ab9, #3a33c2); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#4e00af,#441ab9, #3a33c2); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#4e00af,#441ab9, #3a33c2); /* Firefox 3.6 - 15 */ background: linear-gradient(#4e00af,#441ab9, #3a33c2);width:100%;height:78px;line-height: 78px;vertical-align: middle;} .header header{display:flex;} .header .logo{width:300px;height:28px;display:block;margin-right:100px;} .header .logo img{vertical-align: middle;height:100%;} .header .ul {display:flex;width:580px;} .header .ul li{height:78px;line-height:78px;padding:0 10px;} .header .ul li a{font-size:18px;color:#fff;} .header .ul li a:hover,.header .ul li a.active{color:#00f6ff;cursor:pointer;} .header .buy_box{display:flex;align-items:center;height:75px;justify-content: flex-end;padding-right:10px;} .header .buy{position:relative;width:153px;height:44px;line-height: 44px;background:url('images/cad-head-login.png') no-repeat;z-index: 1;cursor:pointer;} .header .buy a{position:relative;z-index: 2;top:0;font-size: 16px;color:#fff;} .header .buy a:first-child{left:28px;} .header .buy a:last-child{left:60px;} .header .buy a:hover,.header .buy a.active{color:#00f6ff;} .header .login-box{display: inline-block;width:140px;margin-left:50px;} .header .login-box a{color:#fff;font-size: 16px;margin-right:25px;} .header .head_btn{background:url('images/cad-head-btn.png') no-repeat center center;width:17px;height:16px;display: inline-block;} .header .loginOn{display:flex;} .header .person{text-align: center;margin-left:30px;display: flex;align-items: center;} .header .person img{border-radius: 50%;width:35px;height:35px;border:1px solid #2e3db8;display: block;} .header .person span{font-size:16px;color:#fff;margin-left:5px;max-width:80px;min-width:50px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;} .head_drop{margin-left:10px;cursor:pointer;} .head_drop .dropdown-menu{top:60px;left:-100px;min-width:115px;background-color: #f49600 !important;border: 1px solid #f6bf00 !important;box-shadow: 0 2px 12px 0 rgba(0,0,0,.2);} .head_drop .dropdown-menu>li>a{border-bottom:1px solid #f6bf00!important;color:#fff;padding:10px 20px;cursor:pointer;} .head_drop .dropdown-menu>li>a:hover{background-color: #e78800!important;} .head_drop_one .popper__arrow{display: none!important;} .header .head_produce{position:relative;} .home_head_produce p{position:absolute;left:-160px;width:600px;height:54px;line-height:54px;padding:0 10px;border-radius:3px;border:1px solid #00f6ff;background:rgba(0,0,0,.9);display: flex;align-items:center;z-index: 999;cursor:pointer;} .home_head_produce p:first-child{top:60px;} .home_head_produce p:nth-child(2){top:112px;} .home_head_produce p span{font-size:16px;color:#00f6ff;border-right: 1px solid rgba(255,255,255,.8);line-height: 16px;padding-right:10px;padding-left:10px;} .home_head_produce p a span:hover{opacity:.8;} .home_head_produce p a:last-child span{border-right:none;padding-right:0;} /*.home_head_produce p:nth-child(2) a{color:#00f6ff;}*/ /*尾部部导航开始*/ .pg_footer{position:absolute;bottom:0;width:100%;} .footer{background:#00081B;color:#fff;width:100%;height:56px;display: flex;align-items: center;} .footer .foot_right{line-height: 56px;width:100%;} .footer_left{display: flex;align-items: center;height:56px;width:55%;} .footer_left a{color:#fff!important;line-height: 18px;padding-right:10px;margin-right:10px;border-right:1px solid #fff;} .footer_left a:last-child{border-right:none;} .footer_left a:hover{color:#ff310d;} .footer_left a:focus{color:#008dff;} .footer_top_bg{display:flex;align-items:center;justify-content:center;background:#0f1e47;padding:20px 0;width:100%;} .footer_top_bg img{display:inline-block;width:110px;} .footer_top_tip{display:flex;align-items:center;} .footer_top_tip div{text-align:center;margin-right:20px;} .footer_top_tip img{width:22px;margin-right:20px;} .footer_top_tip p{color:#fff;font-size:18px;} /*用户中心左侧*/ .usercenterleft { margin-top: 22px;text-align: center;margin-bottom:20px;} .el-menu-item *{vertical-align: middle;} .usercenterleft .el-menu-vertical-demo{background:#fff;} .usercenterleft ul li.el-menu-item{font-size:14px;padding:0 20px;cursor:pointer;box-sizing:border-box;transition:border-color .3s,background-color .3s,color .3s;height: 56px; line-height: 56px; position: relative; white-space: nowrap; list-style: none;} .usercenterleft h4{background:#fff;height:56px;line-height: 56px;font-size: 16px;display: flex;align-items: center;justify-content: center;border-bottom:1px solid #ccc;} .usercenterleft h4 i{background: url('images/user.png') no-repeat;width:22px;height:22px;margin-right:15px;} .usercenterleft ul li i{background-image: url('images/usercenter.png');width:22px;height:22px;display: inline-block;margin-right:10px;} .usercenterleft ul li span{text-align: left;width:67px;display: inline-block;} .usercenterleft .order{background-position:0px -152px;} .usercenterleft .card{background-position:0px -174px;} .usercenterleft .free{background-position:0px -350px;} .usercenterleft .mes{background-position:0px -64px;} .usercenterleft .quesition{background-position:0px -86px;} .usercenterleft .videoclass{background-position:0px -108px;} .usercenterleft .textclass{background-position:0px -130px;} .usercenterleft .account{background-position:0px 0px;} .usercenterleft .agentuser{background-position:0px -195px;} .usercenterleft ul li i.mycollect{background:url('images/collect.png') no-repeat; width:22px;height:22px;margin-right:12px;} .usercenterleft ul li:hover i.mycollect ,.usercenterleft .el-menu-item.active .mycollect{background:url('images/collect_white.png') no-repeat;} .usercenterleft ul li i.myenroll{background:url('images/mybaoming.png') no-repeat; width:22px;height:22px;margin-right:12px;background-size:22px 22px;} .usercenterleft ul li:hover i.myenroll ,.usercenterleft .el-menu-item.active .myenroll{background:url('images/mybaoming_white.png') no-repeat;background-size:22px 22px;} .usercenterleft ul li i.myexperience{background:url('images/left_icon_tiyan_gray.png') no-repeat; width:22px;height:22px;margin-right:12px;background-size:22px 22px;} .usercenterleft ul li:hover i.myexperience,.usercenterleft .el-menu-item.active .myexperience{background:url('images/left_icon_tiyan.png') no-repeat;background-size:22px 22px;} .usercenterleft ul li i.myactivity{background:url('images/activity.png') no-repeat; width:22px;height:22px;margin-right:12px;background-size:22px 22px;} .usercenterleft ul li:hover i.myactivity ,.usercenterleft .el-menu-item.active .myactivity{background:url('images/activity_white.png') no-repeat;background-size:22px 22px;} .usercenterleft ul li i.myspace{background:url('images/myspace.png') no-repeat; width:22px;height:22px;margin-right:12px;} .usercenterleft ul li:hover i.myspace ,.usercenterleft .el-menu-item.active .myspace{background:url('images/myspace_white.png') no-repeat;} .usercenterleft ul li i.mycoupon{background:url('images/yhq.png') no-repeat; width:24px;height:22px;margin-right:10px;} .usercenterleft ul li:hover i.mycoupon ,.usercenterleft .el-menu-item.active .mycoupon{background:url('images/yhq_w.png') no-repeat;} .usercenterleft ul li i.quesitionnaire{background:url('images/questionnaire.png') no-repeat; width:23px;height:23px;margin-right:10px;background-size:23px 23px;} .usercenterleft ul li:hover i.quesitionnaire ,.usercenterleft .el-menu-item.active .quesitionnaire{background:url('images/questionnaire_w.png') no-repeat;background-size:23px 23px;} .usercenterleft ul li:nth-child(3),.usercenterleft ul li:nth-child(6){border-bottom:1px solid #ccc;} .usercenterleft ul li:hover,.usercenterleft .el-menu-item.active{background:#008dff;} .usercenterleft ul li:hover span,.usercenterleft .el-menu-item.active span{color:#fff;} .usercenterleft ul li:hover .order,.usercenterleft .el-menu-item.active .order{background-position:0px -42px;} .usercenterleft ul li:hover .card,.usercenterleft .el-menu-item.active .card{background-position:0px -372px;} .usercenterleft ul li:hover .free,.usercenterleft .el-menu-item.active .free{background-position:0px -240px;} .usercenterleft ul li:hover .mes,.usercenterleft .el-menu-item.active .mes{background-position:0px -262px;} .usercenterleft ul li:hover .quesition,.usercenterleft .el-menu-item.active .quesition{background-position:0px -284px;} .usercenterleft ul li:hover .videoclass,.usercenterleft .el-menu-item.active .videoclass{background-position:0px -306px;} .usercenterleft ul li:hover .textclass,.usercenterleft .el-menu-item.active .textclass{background-position:0px -328px;} .usercenterleft ul li:hover .account,.usercenterleft .el-menu-item.active .account{background-position:0px -21px;} .usercenterleft ul li:hover .agentuser,.usercenterleft .el-menu-item.active .agentuser{background-position:0px -218px;} .usercenterleft ul li i.rebate{background-image: url('images/rebate.png');width:25px;height:22px;display: inline-block;margin-right:10px;background-position:0px 0px;} .usercenterleft ul li:hover .rebate,.usercenterleft .el-menu-item.active .rebate{background-position: -25px 0;} .usercenterleft ul li i.phone400{background:url('images/phone400.png') no-repeat; width:32px;height:32px;margin-right:0;} .usercenterleft ul li:hover i.phone400 ,.usercenterleft .el-menu-item.active .phone400{background:url('images/phone400_write.png') no-repeat;width:32px;height:32px;} .usercenterleft .order{background-position:0px -152px;} .usercenterleft .el-menu{border-right:none;} .usercenter_right_tab .el-tabs__header{font-size:18px;width:100%;height:57px;background:#fff;line-height: 57px;padding: 0;position: relative; margin: 0 0 15px;} .usercenter_right_tab .el-tabs__nav{white-space: nowrap;position: relative; transition: transform .3s;float: left; z-index: 2;} .usercenter_right_tab .el-tabs__item {padding: 0 20px;height: 40px;box-sizing: border-box; line-height: 40px;display: inline-block;list-style: none;} .usercenter_right_tab .el-tabs__item.active{border-bottom:2px solid #008dff;color:#000;} .usercenter_right_tab .el-tabs__item{font-size:18px;} .usercenter_right_tab .el-tabs__item.is-top:nth-child(2){padding-left:20px!important;} .usercenter_right_tab .el-tabs__item.is-top:last-child{padding-right:20px;} .jobusercenterleft h4{background:#fff;height:56px;line-height: 56px;font-size: 16px;display: flex;align-items: center;justify-content: center;border-bottom:1px solid #ccc;} .jobusercenterleft h4 i {background: url('images/job_01.png') no-repeat;width:25px;height:25px;margin-right:15px;background-size: cover;} .jobusercenterleft ul li i.job_01{background:url('images/job_02.png') no-repeat; width:18px;height:18px;margin-right:12px;background-size:cover;} .jobusercenterleft ul li:hover i.job_01,.usercenterleft .el-menu-item.active .job_01{background:url('images/job_02selected.png') no-repeat;background-size:cover;} .jobusercenterleft ul li i.job_02{background:url('images/job_03.png') no-repeat; width:18px;height:18px;margin-right:12px;background-size:cover;} .jobusercenterleft ul li:hover i.job_02,.usercenterleft .el-menu-item.active .job_02{background:url('images/job_03selected.png') no-repeat;background-size:cover;} /*用户中心右侧*/ .usercenter_right{padding-left:15px;padding-top:22px;padding-bottom:100px;position:relative;} .usercenter_right .el-table{padding-left:10px;} .usercenter_right_tab .table{width: 100%;max-width: 100%;margin-bottom: 15px;} .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:8px;} .usercenter_right_tab .order_thead thead {background: #fdfdfd;border: 1px solid #f7f7f7;text-align: center; } .usercenter_right_tab .order_thead thead tr th {border-bottom: 1px solid #efefef;text-align: center;font-size: 14px;} .usercenter_right_tab .order_thead>thead>tr>th:first-child {width: 45%;} .usercenter_right_tab .order_thead>thead>tr>th:nth-child(2),.usercenter_right_tab .order_thead>thead>tr>th:nth-child(4),.usercenter_right_tab .order_thead>thead>tr>th:nth-child(5) {width: 10%;} ,.usercenter_right_tab .order_thead>thead>tr>th:nth-child(3){width:5%;} .usercenter_right_tab .order_thead>thead>tr>th:last-child {width: 20%;} .order_one{border:1px solid #d7edff;font-size: 14px;background:#fff;} .order_one thead{background:#ebf6ff;} .order_one thead tr th{border-bottom:1px solid #d7edff;font-size: 14px;padding-left:14px;text-align: left;} .order_one tbody img{width:73px;margin:8px 12px 10px 10px;vertical-align: middle;} .order_one tbody tr td{border-bottom:1px solid #d7edff;vertical-align: middle;text-align: center;} .order_one tbody tr td:first-child{width:45%;text-align: left;} .order_one tbody tr td:nth-child(2){width:10%;} .order_one tbody tr td:nth-child(3){width:5%;} .order_one tbody tr td:nth-child(4){width:10%;} .order_one tbody tr td:nth-child(5){width:10%;} .order_one tbody tr td:nth-child(6){width:20%;} .order_one .high_price{text-decoration: line-through;} .order_one .low_price{color:#ff0000;font-weight: 800;} .order_one .go_payment{background:#f29700;color:#fff;} .order_one .done_payment{background:#34a4ff;color:#fff;} .public .user_list{border-bottom:1px solid #ebeef5;} .public .title{background:#fff;padding:15px 20px;} .public .title h1{display: inline-block;font-size: 18px;font-weight: 500;} .public .smalltitle{color:#999;font-weight:500;display:inline-block;padding-left:10px;} .public .el-table th>.cell{color:#000;} /*.public .el-table .cell{overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}*/ .public .addUser_position{position:absolute;right:20px;z-index: 2;margin-top:6px;} .public .addUser_position:hover{opacity: .9;} .public .adduser{float: right;background:#373cc7;border:1px solid #373cc7;color:#fff;} .public .adduser:hover{opacity: .9;color:#fff;} .public .myactivity{background:#fff;} .public .myactivity h1{font-size:16px;font-weight:800;height:50px;border-bottom:1px solid #eef2f5;padding:15px 20px;} .public .myactivity_con{padding:20px 45px 45px 25px;background:#fff;} .public .myactivity_con .activity_title{background:#3343c9;color:#fff;} .public .myactivity_con .activity_intr{margin:15px 0;} .public .myactivity_con .activity_process{padding-top:20px;} .public .myactivity_con .activity_process p{font-size:16px;height:58px;line-height:58px;background:#efefef;} .public .myactivity_con .activity_process p strong{margin:0 16px;} .public .myactivity_con .table{margin-bottom:0;} .public .myactivity_con p{line-height:25px;} .public .myactivity_con .activity_process strong{line-height:30px;} .public .myactivity_con .activity_notice{display:flex;justify-content:space-between;width:90%;margin-top:20px;} .public .myactivity_con .activity_notice strong{margin-top:2px;} .public .myactivity_con .activity_notice p:first-child{width:75%;margin-right:30px;margin-top:30px;} .public .myactivity_con .activity_notice p:last-child{width:30%;} .public .myactivity_con .activity_notice img {width:120px;} .public .myactivity_con .activity_btn .btn{padding:15px 45px;font-size:16px;margin-right:30px;} .public .myactivity_con .activity_btn .btn.btn-default{border:1px solid #209c00;color:#209c00;} .public .myactivity_con .activity_btn .btn.btn-success{background:#209c00;} .public .myactivity_con .activity_999{color:#999;margin-top:18px;} .myactivity_model .checkbox-inline+.checkbox-inline,.myactivity_model .radio-inline+.radio-inline{margin-left:0;} .agent_tag{color:#f29700;float:right;} .public .el-tabs__active-bar{height:0;} .usercenter_right_tab .add_bg{background:#fff;padding-top:20px;} .usercenter_right_tab .add_view{display: flex;justify-content: space-between;align-items:center;padding:0 20px;} .usercenter_right_tab .address_line{display: flex;background:#fff;padding:10px;align-items: center;} .usercenter_right_tab .address_line p{margin-left:30px;} .usercenter_right_tab .address_line p span{color:#4ca0fb;} .address_checkone{position:relative; height:50px;padding-left:30px;padding-right:30px;display: flex;align-items:center;justify-content: space-between;border-top:1px solid #ebeef5;border-bottom:1px solid #ebeef5;} .address_checkone:nth-child(2n){border-top:none;} .address_checkone.checked{border:2px solid #e73736;} .address_checkone.checked img.pa{display: block;} .address_checkone p{display: flex;} .address_checkone p span{margin-right:60px;} .address_checkone .color_b1{color:#b1b1b1;} .address_checkone img.pa{right:0;bottom:0;position:absolute; display: none;} .address_checkone:hover{border:2px solid #e73736;} .address_checkone:hover img.pa{display: block;} .more_address_btn{color:#747474;margin:15px 0 20px 0;cursor: pointer;} .pay_title_box{display:flex;align-items:center;} .pay_title_box .el-button{margin-bottom:8px;} /*绑定微信*/ .base_info_wx_box{display:flex;align-items:center;} .user_wx_box{display:flex;align-items:center;margin:0 50px 0 20px;} .user_wx_box p{color:#666;font-size:14px;} .user_wx_box .user_img_wx{width:30px;height:30px;display:inline-block;margin:0 15px;} .user_wx_box button{margin-left:10px;} /*返现*/ .public .rebate_title{padding:30px 40px 35px 30px;background:#fff;margin-bottom:10px;} .public .rebate_title p:first-child{color:#666;font-size: 14px;} .public .rebate_title h3{color:#fc6c21;font-size: 16px;margin-top:10px; } .public .rebate_title .num_border{border-left:1px solid #d7d7d7;padding-left:10px;} .public .rebate_title .num_bottom_boder{border-bottom:1px solid #d7d7d7;padding:0 10px;padding-bottom:20px;} .public .right_bottom{background:#fff;box-shadow: 0 0 5px rgba(0,0,0,.07);padding:10px 0;margin:20px 0px 20px 0px;} .two_code_box{padding:40px 40px 0 40px;} .two_code_box .left{float:left;margin-right:50px;width:400px;height:215px; background: -webkit-linear-gradient(#3245ca, #502cc9); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#3245ca, #502cc9); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#3245ca, #502cc9); /* Firefox 3.6 - 15 */ background: linear-gradient(#3245ca, #502cc9); /* 标准的语法 */ border-radius: 5px;} .two_code_box .left .two_code{display: flex;justify-content: space-between;padding:30px 30px 10px 30px;} .two_code .left_img .qriously_bg_f{background:#fff;} .two_code .left_img img{width:150px;height:150px;padding:5px;margin-right:15px;} .two_code .two_code_r h4{color:#fff;font-weight: 500;margin-bottom:10px;height:32px;overflow: hidden;text-align: left;} .two_code .two_code_r{text-align: center;width:170px;height:155px;} .two_code .two_code_r .left{margin-right:47px;} .two_code_box .right{padding:44px 0;} .two_code_box .right p{margin-bottom:25px;} .two_code_box .right .button_copy{margin-top:20px;} .two_code_box .right a{color:#9ca0e1;text-decoration: underline;} .detail_tab .el-tabs__header{margin:0;display: flex;justify-content: left;line-height: 40px;height:40px;padding: 0px 20px;margin-top:10px;border-bottom:0;} .detail_tab .el-tabs__item{font-size: 14px;} .detail_tab .el-tabs__item.is-active{color:#fff;background:#008dff;border-radius: 5px;font-size: 14px;font-weight: 500;} .rebate_list{border-top:1px solid #d7d7d7;padding:20px 0 0 5px;} .rebate_list li{display: flex;align-items: center;margin-bottom:10px;} .rebate_list li i{width:6px;height:6px;background:#4b3fbb;border-radius: 50%;display:block;margin-right:5px;} .rebate_list li p span{width:160px;display: inline-block;} .rebate_list li button{margin-left:30px;} .rebate_list li a{color: #9ca0e1;text-decoration: underline;width:600px;display: inline-block;} /*登录注册*/ .login{position:absolute;top:0px;width:100%;height:100%;z-index: 2;overflow: hidden;background:#fff;} .login .login_bg{background:url('images/login_bg.png') no-repeat;background-size:cover;min-height: 100%;padding:85px 60px 40px 0;} .login .login_logo{margin-bottom:60px;} .login .main{display: flex;flex-direction: row;justify-content: space-between;} .login .right_box{width:315px;background:#fff;border-radius: 5px;position: relative;top:50px;padding:20px 25px 30px;} .login .login-tabs_header{margin-bottom:15px;border-bottom:2px solid #e4e7ed;display:flex;} .login-tabs_item{height:50px;line-height:40px;font-size:14px;position:relative;padding:0 20px;} .login-tabs_item:hover{color: #409EFF;cursor: pointer;} .login-tabs_item.active{color:#000;font-weight: 600;border-bottom:2px solid #409EFF;} .login .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),.login .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .login .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .login .el-tabs--top .el-tabs__item.is-top:nth-child(2){ padding-left:20px; padding-right:20px;} .login .el-tabs--top .el-tabs__item.is-top:last-child{padding-left:20px; padding-right:20px;} .login .login_btn{-webkit-box-sizing: border-box; box-sizing: border-box;width:100%; background: #3a8ee6;border-color: #3a8ee6;color: #FFF;text-align: center;padding: 12px 20px;border-radius: 4px;cursor:pointer;} .login .login_btn:hover{opacity:.8;} /*.login a{color:#fff;}*/ .login .el-switch__label{color:#dcdfe6;} .login .el-switch__label.is-active{color:#000;} .login .el-button--text{color:#000;} .login .el-button--text.active,.login .el-button--text:hover{text-decoration: underline;color:#3a8ee6;} .login .password_btn{display: flex;padding-top:10px;justify-content:space-between;} .login .password_btn .login_checkbox{vertical-align:middle;cursor:pointer;margin-top:0;} .login .password_btn .forget_a{cursor:pointer;} .login .password_btn .forget_a:hover{color:#409EFF;} .login .form-control{margin-bottom: 20px;height:40px;} .login .animation_box{position:relative;} .login .animation_box .bubles{position:absolute;bottom:200px;left:260px;} .login .animation_box .bubles img{animation:ani-bubble 1.2s ease-in infinite;} .login .animation_box .bubles{opacity: 1;transition:opacity .8s ease-in;} @keyframes ani-bubble { 0% { transform: translate(0) translateZ(0); opacity: 1 } to { transform: translateY(-200px) translateZ(0); opacity: .1 } } .login .animation_box .bubles img:first-child { margin-left: -50px; animation-delay: .2s; width: 8px; height: 8px } .login .animation_box .bubles img:nth-child(2) { margin-left: -40px; margin-top: 4px; opacity: .6; animation-delay: .5s } .login .animation_box .bubles img:nth-child(3) { margin-left: -25px; margin-top: 10px; animation-delay: .22s } .login .animation_box .bubles img:nth-child(4) { margin-left: -10px; margin-top: 15px; animation-delay: .8s } .login .animation_box .bubles img:nth-child(5) { margin-left: 15px; margin-top: 15px; opacity: .6; animation-delay: .6s; width: 8px; height: 8px } .login .animation_box .bubles img:nth-child(6) { margin-left: 28px; margin-top: 8px; animation-delay: .32s } .login .animation_box .bubles img:nth-child(7) { margin-left: 45px; animation-delay: .7s } .login .animation_box .bubles img:nth-child(8){ margin-left: 43px; animation-delay: .2s; width: 8px; height: 8px } .login .animation_box .bubles img:nth-child(9){ margin-left: 40px; opacity: .6; animation-delay: .5s } .login .animation_box .bubles img:nth-child(10){ margin-left: 0px; margin-top: 10px; animation-delay: .22s } /* 软件端登录 start*/ .login_soft { position: absolute; top: 0px; width: 100%; height: 100%; z-index: 2; overflow: hidden; background: #fff; } .login_soft .login_bg { background: url('images/login_bg.png') no-repeat; background-size: cover; min-height: 100%; padding: 85px 0 40px 0; } .login_soft .login_logo { margin:0 auto; display:block; } .login_soft .main { display: flex; flex-direction: row; justify-content: space-between; } .login_soft .right_box { width: 315px; background: #fff; border-radius: 5px; position: relative; top: 50px; padding: 20px 25px 30px; } .login_soft .login-tabs_header { margin-bottom: 15px; border-bottom: 2px solid #e4e7ed; display: flex; } .login_soft .center { margin: 0 auto; } .login_soft .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2), .login .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .login .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .login .el-tabs--top .el-tabs__item.is-top:nth-child(2) { padding-left: 20px; padding-right: 20px; } .login_soft .el-tabs--top .el-tabs__item.is-top:last-child { padding-left: 20px; padding-right: 20px; } .login_soft .login_btn { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #3a8ee6; border-color: #3a8ee6; color: #FFF; text-align: center; padding: 12px 20px; border-radius: 4px; cursor: pointer; } .login_soft .login_btn:hover { opacity: .8; } .login_soft .el-switch__label { color: #dcdfe6; } .login_soft .el-switch__label.is-active { color: #000; } .login_soft .el-button--text { color: #000; } .login_soft .el-button--text.active, .login .el-button--text:hover { text-decoration: underline; color: #3a8ee6; } .login_soft .password_btn { display: flex; padding-top: 10px; justify-content: space-between; } .login_soft .password_btn .login_checkbox { vertical-align: middle; cursor: pointer; margin-top: 0; } .login_soft.password_btn .forget_a { cursor: pointer; } .login_soft .password_btn .forget_a:hover { color: #409EFF; } .login_soft .form-control { margin-bottom: 20px; height: 40px; } .softlogin-tabs_item { height: 50px; line-height: 40px; font-size: 14px; position: relative; padding: 0 20px; margin:0 auto; } .softlogin-tabs_item:hover { color: #409EFF; cursor: pointer; } .softlogin-tabs_item.active { color: #000; font-weight: 600; border-bottom: 2px solid #409EFF; } /*软件端登录 end*/ .QQ_weixin{text-align: center;margin-top:10px;} .QQ_weixin p{color: #666;font-size: 16px;line-height: 20px;} .QQ_weixin .pd1 a{width:42px;height:42px;display: inline-block;background:url('images/QQ_weixin.png');cursor: pointer;} /*.QQ_weixin .pd1 a:first-child{background-position:0px 0px;margin-right:20px;} .QQ_weixin .pd1 a:first-child:hover{background-position:-42px 0px;}*/ .QQ_weixin .pd1 a{background-position:-126px 0px;} .QQ_weixin .pd1 a:hover{opacity:.8;} .QQ_weixin .pd1 span{display:block;position:relative;width:240px;} .QQ_weixin .pd1 span:before,.QQ_weixin .pd1 span:after{ content: ''; position: absolute; /*定位背景横线的位置*/ top: 25px; background: #ddd; /*背景横线颜色*/ width:40%; /*单侧横线的长度*/ height: 1px; } .QQ_weixin .pd1 span:before{left:-110px;} .QQ_weixin .pd1 span:after{right:90px;} /*注册*/ .register_input{margin-bottom:15px;} .agreement{font-size: 12px;margin:10px 0 30px 0} .agreement:hover{text-decoration: underline;} .agreement i{font-style:italic;} .code{position: relative;} .get_code{position: absolute;top:0;right:0;height:40px;} .get_code_t2p{position: absolute;top:2px;right:0;height:40px;} .login_label{font-size:12px;font-weight:500;} .el-button--danger {color: #FFF;background-color: #F56C6C;border-color: #F56C6C;} .el-button--danger:hover{opacity:.9;color: #FFF;} /*首页*/ .container{width:1210px;margin:0 auto;min-height: 100%;} .banner {position:relative;} .banner .swiper-pagination-bullet{background:#fff;} .banner .swiper-pagination-bullet-active{background:#fff;} .banner .banner_right_float{position: absolute;z-index: 999;right:50px;top:20px;background:#2e3db8;padding:15px;display:flex;flex-direction: column;justify-content: center;align-items: center;} .banner .banner_right_float img{width:136px;} .banner .banner_right_float p{color:#fff;font-size: 14px;line-height: 38px;} .banner .banner_right_float .gongzhonghao{border-bottom:1px solid #00b7e8;margin-bottom:10px;width:100%;text-align: center;} .banner .banner_right_float .update_files{cursor: pointer;} .lineone_fff{background:#fff;padding-bottom:30px} .lineone_fff_pb100{background:#fff;padding-bottom:100px;margin-bottom:100px;} .lineone_fff_mt20{background:#fff;margin-top:20px;padding-bottom:100px;padding-bottom:100px;} .lineone_f6{background:#f6f6f6;padding-bottom:50px;} .icon-yuandian.yellow{color:#f39600;font-size:30px;vertical-align: middle;} .lineone_f6 .home_title,.lineone_fff .home_title{background:url('images/title_icon.png') no-repeat 0 38px;line-height: 54px;margin-bottom:16px;padding-top:25px;border-bottom:1px solid #e6e6e6;} .home_title strong{font-size:24px;font-weight: 500;line-height: 30px;margin-right:12px;color:#000;padding-left:30px;} .tilt{font-family:Arial;font-style:italic;font-weight: 700;} .home_title .little_title{color:#999;font-size: 16px;border-left:2px solid #3344ca;font-weight: 500;padding-left:12px;} .home_list ul li{font-size: 20px;color:#333;line-height: 40px;} .home_list ul li p{font-size: 14px;color:#666;line-height: 20px;} .home_list .home_list_buttonlist{margin-top:20px;padding-left:30px;} .home_list .home_list_buttonlist a p{cursor:pointer;margin-right:12px;background: #f39700;border: 1px solid #f39700;color:#fff;padding: 10px 20px;font-size: 14px;box-sizing: border-box; display: inline-block; border-radius: 4px;} .home_list .home_list_buttonlist a p:hover{opacity: .8;} .hot_course .title2,.good_course .title2 {display: flex;justify-content: space-between;border-bottom:2px solid #e5e5e5;line-height: 40px;} .hot_course .title2 p,.good_course .title2 p{font-size:16px;color:#333;border-bottom:2px solid #3344ca;margin-bottom:-2px;} .hot_course .title2 i,.good_course .title2 i{vertical-align: middle;font-size: 30px;color:#a0a7ab;} .course_left_list a{display: flex;justify-content: space-between;padding-top:26px;cursor: pointer;} .course_left_list .course_left_list_img{border:1px solid #efefef;display: inline-block;margin-right:25px;} .course_left_list .course_left_list_img img{width:188px;height:130px;} .course_left_list .course_left_list_right h3{font-size:16px;font-weight: 600;color:#000;line-height: 20px;margin-bottom:10px;cursor: pointer;} .course_left_list .course_left_list_right h3:hover{opacity: .7;} .course_left_list .course_left_list_right h3 span{color:#3344ca;border:1px solid #3344ca;border-radius: 5px;padding:0px 5px;margin-left:10px;font-size: 14px;} .course_left_list .course_left_list_right{margin-left:5px;} .course_left_list .course_left_list_right .con{color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%; } .course_left_list .course_left_list_bottom{display: flex;justify-content: space-between;} .course_left_list .course_left_list_bottom p{color:#999;margin-top:20px;height:18px;display: flex;} .course_left_list .course_left_list_bottom .author{margin-right: 10px;width:110px;display:block;} .course_left_list_icons{font-size: 12px;display: flex;line-height: 20px;cursor: pointer;} .course_left_list_icons i{font-size: 24px;margin-left:20px;} .course_right_list{margin-top:10px;} .course_right_list ul li a h4{display:inline-block;font-weight:500;height:28px;font-size:14px;overflow: hidden;white-space: normal;text-overflow: ellipsis;cursor: pointer;} .course_right_list ul li a h4:hover{opacity:.7;} .course_right_list ul li .icon-yuandian.gray{color:#a2a9ad;font-size:30px;vertical-align: middle;} .course_right_list ul li p{font-size: 12px;color:#999;margin-left:30px;display: flex;justify-content: space-between;} .course_right_list ul li p span:first-child{width:60px;height: 16px;overflow: hidden;white-space: normal;text-overflow: ellipsis;} .course_right_list_bm100{margin-bottom:100px;} .videoclass .course_left_list_right{border-bottom:1px dashed #ddd;padding-bottom:30px;} .honor{padding:30px 0 100px 0;box-shadow: 0px 0px 15px #333;} .honor .swiper_one{padding:0 30px;} .honor .swiper_one:last-child{margin-right:5px;} .honor .swiper_one h3{font-size: 22px;text-align: center;font-weight: 500;line-height: 40px;} .honor .honor_list{background:url('images/tmdt.png') no-repeat;height: 397px;padding: 44px;font-size: 14px;line-height: 30px;text-align: center;position: relative;} .honor .honor_list ul li{font-size: 14px;} .honor .honor_one{background:#f5f5f5;padding:50px 40px;font-size: 16px;} .honor .honor_one p{font-size: 14px;line-height: 30px;} .honor .honor_one p.con{height:235px;} .honor .honor_one .user{border-top:1px solid #fff;padding-top:20px;} .honor .honor_one .user .user_img{border-radius: 50%;width:62px;height:62px;display: inline-block;} .Videoclass_left a{margin-top:10px;position:relative;width:400px;height:300px;display: inline-block;} .Videoclass_left .home_video_btn{position: absolute;z-index: 3;top:50%;left:50%;margin-left:-67px;margin-top:-25px;} .Videoclass_left .home_video_btn:hover{opacity: .8;} .Videoclass_left .z_mask{position: absolute;z-index: 2;top:0;left:0;width:100%;height:100%;background:#000;opacity: .6;} /*课堂*/ .video_class{margin-top:20px; display:flex;width:100%;} .videoclassleft .class-menu{border-right:none;background:transparent;} .videoclassleft .class-menu-item{padding-left:20px;font-size: 14px;padding: 0 20px;cursor: pointer;box-sizing: border-box;height: 56px; line-height: 56px; position: relative;} .videoclassleft .class-menu-item i{background-image: url('images/videoclass_icon.png');width:24px;height:24px;display: inline-block;margin-right:10px;vertical-align: middle; background-size: cover;} .videoclassleft .class-menu-item span{text-align: left;width:104px;display: inline-block;} .videoclassleft .all { background-position: -238px 0; } .videoclassleft .v_2d{background-position: -266px 0;} .videoclassleft .v_3d{background-position: -297px 0;} .videoclassleft .chart{background-position: -325px 0;} .videoclassleft .cuttion{background-position: -351px 0;} .videoclassleft .dnc{background-position: -411px 0;} .videoclassleft .plm{background-position: -298px 0;} .videoclassleft .cam { background-position: -366px 0; width: 25px !important; height: 23px !important; } .videoclassleft .class-menu-item.active,.videoclassleft .class-menu-item:hover{color:#fff;background:#008dff;border-radius: 8px 0 0 8px;} .videoclassleft .class-menu-item:hover span{color:#fff;} .videoclassleft .class-menu-item.active::after,.videoclassleft .class-menu-item:hover::after{display: block;content: '';position: absolute;bottom:0;right:0;width:0;height:0;border-top:28px solid #eef2f5;border-bottom:28px solid #eef2f5;border-left:15px solid transparent;} .videoclassleft .class-menu-item.active .all,.videoclassleft .class-menu-item:hover .all{background-position: -3px 0;} .videoclassleft .class-menu-item.active .v_2d,.videoclassleft .class-menu-item:hover .v_2d{background-position: -32px 0;} .videoclassleft .class-menu-item.active .v_3d,.videoclassleft .class-menu-item:hover .v_3d{background-position: -62px 0;} .videoclassleft .class-menu-item.active .chart,.videoclassleft .class-menu-item:hover .chart{background-position: -89px 0;} .videoclassleft .class-menu-item.active .cuttion,.videoclassleft .class-menu-item:hover .cuttion{background-position: -117px 0;} .videoclassleft .class-menu-item.active .dnc,.videoclassleft .class-menu-item:hover .dnc{background-position: -176px 0;} .videoclassleft .class-menu-item.active .plm,.videoclassleft .class-menu-item:hover .plm{background-position: -272px 0;} .videoclassleft .class-menu-item.active .cam,.videoclassleft .class-menu-item:hover .cam{background-position: -140px 0;} .videoclass_right .top{background:#fff;padding:0 20px 25px 0px;box-shadow: 10px 10px 10px #eee;} .videoclass_right .top .top_title{display: flex;justify-content: space-between;border-bottom:1px solid #eee;align-items: center;} .videoclass_right .top .top_title .top_title_left{display: flex;justify-content: space-between;align-items: center;width:26%;} .videoclass_right .top .top_title .title{font-size: 18px;padding:0 20px;line-height: 50px;margin-bottom:-1px;} .videoclass_right .top .top_title .title.active {border:1px solid #008dff;background:#008dff;line-height: 40px;border-radius:3px;} .videoclass_right .top .top_title .title.active a{color:#fff;} .videoclass_right .search{display: flex;} .videoclass_right .search .el-input{margin-right:10px;} .videoclass_right .function_list{padding:24px;} .videoclass_right .function_list ul li{float:left;} .videoclass_right .function_list ul li a{padding:5px 15px;} .videoclass_right .function_list ul li a:hover,.videoclass_right .function_list li a.active{background:#e9f5ff;padding:5px 15px;border-radius: 5px;color:#0090ff;} .videoclass_right .sort{overflow: hidden;padding:20px 15px;} .videoclass_right .sort ul li{float: left;width:10%;cursor: pointer;} .videoclass_right .sort ul li a{padding:6px 10px;color:#666;} .videoclass_right .sort ul li a:hover,.videoclass_right .sort li:hover a,.videoclass_right .sort li a.active{color:#fff;padding:6px 10px;background:#696969;border-radius: 20px;} .videoclass_right .sort p{float:right;} .videoclass_right .grid-content{background:#fff;border-radius: 5px;box-shadow: 0px 8px 10px #efefef;margin-bottom:20px;cursor: pointer;} .videoclass_right .grid-content:hover{box-shadow: 0px 8px 10px #bbb;} .video_img_box{position:relative;} .videoclass_right .grid-content .video_img { width: 100%; height: 180px; border-radius: 5px 5px 0 0; display: block; } .video_img_box:hover .learn_progress_box { transform: translateY(-145px); transition-duration: 0.3s; } .video_img_box { height: 135px; overflow: hidden; } .learn_progress { position: relative; width: 100%; height: 60px; top: 0px; width: 172px; height: 145px; background: rgba(0,0,0,.7); border-radius: 5px 5px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; } .pic { transform: scale(1,1); transition-duration: 0.5s; } .pic:hover { transform: scale(1.05,1.05); transition-duration: 0.5s; } .learn_progress p { color: #00c995; font-size: 18px; } .videoclass_right .con { padding: 15px 18px 0px 12px; text-align: left; } .videoclass_right .con h2 { font-size: 14px; color: #000; width: 100%; height: 30px; margin-bottom:15px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .videoclass_right .con .video_img_date { margin-bottom:0; } .coursevideointroduce-txt-cut { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 30px; margin-bottom: 5px; } .videoclass_right .con .little { font-size: 12px; color: #999; margin-top: 15px; } .videoclass_right .con .course_left_list_icons{margin-left:-20px;margin-bottom:10px;margin-top:0px;} .videoclass_right .con .one_bottom{height:43px;display: flex;justify-content: space-between;align-items:baseline;} .videoclass_right .con .one_bottom img{border-radius: 50%;width:25px;height:25px;} .videoclass_right .con .one_bottom .price{color:#24a900;} .box_shadow{box-shadow: 10px 10px 10px #eee;} .video_introduce_price_code{display: flex;justify-content: space-between;margin-top:20px;} .video_introduce_price_code .right_qr_code img{width:110px;} .video_introduce_price_code .right_qr_code p{font-size: 12px;margin-top:10px;} /*课堂介绍*/ .video_introduce .el-breadcrumb{line-height: 58px;} .video_introduce .top .grid-content{position:relative;} .video_introduce .top .grid-content img{width:500px;height:375px;} .video_introduce .top .grid-content .radio_button{font-size:18px;margin-left:-81px;margin-top:-28px;position:absolute;z-index:2;top:50%;left:50%;padding:15px 35px;border-radius: 30px;background:#000;color:#fff;} .video_introduce .top h1{font-size: 28px;line-height: 60px;} .video_introduce .top .intro{background:#f4fafc;padding:18px 15px;margin-top:18px;overflow:hidden;} .video_introduce .top .intro .icon.gray{font-size: 16px;vertical-align: middle;color:#cdcbcb;} .video_introduce .top .intro .updater{line-height: 30px;height:30px;} .video_introduce .top .intro .updater span{margin-top: -30px;} .video_introduce .top .intro .lineone{display:flex;align-items:center;justify-content:space-between;} .short_scene { display: flex; } .short_title{width:47px;} .studyprogress { margin-top: 5px; display: flex; } .study_title { margin-right: 8px; line-height: 30px; } .study_pro { color: #00c995; border: 1px solid #00c995; padding: 5px 15px 5px 15px; border-radius: 20px; font-size: 14px; } .video_introduce .top .intro .shortContent { display: inline-block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%; } .video_introduce .top .price { display: flex; justify-content: space-between; margin-top: 10px; } .video_introduce .top .price span{font-size: 22px;color:#ff0000;margin-left:10px;} .video_introduce .top .buy{margin-top:30px;background:#ff0000;color:#fff;font-size: 18px;width:196px;height:52px;line-height:52px;text-align:center;font-weight:500;border-radius: 5px;} .video_introduce_tab{margin-top:30px;background:#fff;padding:25px 30px 100px 30px;} .video_introduce_tab .el-tabs__item{font-size: 18px;height:50px;} .video_introduce_tab .video_tab_introduce img{width:470px;height:258px;margin:50px 0 56px 0;} .video_introduce_tab .video_tab_introduce h2{font-size:24px;color:#f39700; } .video_introduce_tab .video_tab_introduce ul li{font-size: 16px;} .video_introduce_tab .video_tab_introduce i{font-size: 30px;vertical-align: middle;color:#505050;} .video_introduce_tab .video_tab_introduce p{margin-left:10px;} .video_introduce_tab .tab-content{padding-top:20px;} .video_qr_code_right{margin-top:30px;} .video_qr_code_right .video_qr_code_share{background:#fff;padding-bottom:25px;margin-top:15px;} .course_qr_code_right{margin-bottom:20px;} .course_qr_code_right .video_qr_code_share{background:#fff;padding-bottom:25px;} .course_qr_code_right .video_qr_code_share .title,.video_qr_code_right .video_qr_code_share .title{font-size: 14px;border-bottom:2px solid #ddd;line-height: 50px;height:50px;} .course_qr_code_right .video_qr_code_share .title span,.video_qr_code_right .video_qr_code_share .title span{border-bottom:2px solid #009cff;width:90px;line-height:48px;display: inline-block;padding-left:15px;float:left;} .course_qr_code_right .video_qr_code_share .right_qr_code,.video_qr_code_right .video_qr_code_share .right_qr_code{text-align: center;padding-top:25px;} .course_qr_code_right .video_qr_code_share .right_qr_code img,.video_qr_code_right .video_qr_code_share .right_qr_code img {width:110px;height:110px;margin-bottom:15px;} /*课堂视频列表*/ .video_class .video_right_list{margin-bottom:100px;} .video_tab_vidio_list li{display: flex;justify-content: space-between;padding:15px;border-bottom:1px dashed #e0e0e0; cursor: pointer;} .video_tab_vidio_list li:hover{background:#f4fafc;} .video_tab_vidio_list .el_icon_bg{background:#333;color:#fff;width:50px;height:40px;margin-right:20px;font-size: 24px;text-align: center;line-height: 40px;} .video_tab_vidio_list .list_left{display: flex;} .video_tab_vidio_list .list_left h2{font-size: 16px;cursor: pointer;line-height: 20px;} .video_tab_vidio_list .updated_name{margin-right:10px;} .video_tab_vidio_list .grid-content{padding-bottom:8px;background:#fff;border-radius: 5px;box-shadow: 0px 8px 10px #efefef;margin-bottom:20px;cursor: pointer;} .video_tab_vidio_list .grid-content:hover{box-shadow: 0px 8px 10px #bbb;} .video_tab_vidio_list .grid-content .video_img{width:100%;height:135px;border-radius: 5px 5px 0 0;margin-bottom:10px;display: block;} .video_tab_vidio_list .grid-content .con{padding:0 5px;margin-top:10px;} .video_tab_vidio_list .grid-content .con .one_bottom p{font-size: 12px;color:#666;} /*.video_tab_vidio_list .grid-content .con:hover h2{width:100%;}*/ .video_right_list .row{margin:0;} .video_right_list .w25{padding-left:7.5px;padding-right:7.5px;float:left;} .plm_manage_scene_con_video .video_tab_vidio_list h2{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /*课堂评论*/ .video_tab_commit .all_commit { border-top: #ddd 1px solid; margin-top: 25px; padding-top: 15px; } .video_tab_commit .input{display: flex;margin-top:25px;} .video_tab_commit .input .el-input{margin-right:10px; } .video_tab_commit .all_commit .parentId_review{border-top:1px dashed #ccc;margin-top:10px;} .video_tab_commit .all_commit .user {display: flex;justify-content: space-between;padding:10px;margin-top:10px;} .video_tab_commit .all_commit .user img{border-radius: 50%;width:48px;height:48px;float:left;} .video_tab_commit .all_commit .user .title{display: flex;justify-content: space-between;margin-left:58px;width:310px;margin-bottom:10px;} .video_tab_commit .all_commit .user .title{font-size: 16px;} .video_tab_commit .all_commit .user .title span{font-size: 14px;font-weight: 500;} .video_tab_commit .all_commit .user .con{margin-left:58px;width:95%;} .video_tab_commit .all_commit .input{margin-left:65px;} .video_tab_commit .all_commit .reply{background:#f4f4f4;margin-left:65px;position:relative;padding:10px;} .video_tab_commit .all_commit .reply::after{display: block;content: '';position: absolute;left:30;bottom:100%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #f4f4f4;} .video_tab_commit .all_commit .reply .content{display: flex;border-top:1px solid #e6e6e6;padding:10px 0;justify-content: space-between;} .video_tab_commit .all_commit .reply .replay_list:first-child .content{border-top:none;} .video_tab_commit .all_commit .reply .content .content_con{width:80%;} .video_tab_commit .all_commit .repeat_input{display: flex;margin-bottom:20px;} .video_tab_commit .all_commit .repeat_input .el-input{width:60%;margin-right:10px;} .video_tab_commit .all_commit .repeat_input .el-input .el-input__inner{height:30px;line-height:30px;} .video_tab_commit .all_commit .reply_repeat_input{display:flex;margin-bottom:20px;margin-left:65px;} .video_tab_commit .all_commit .reply_repeat_input .el-input{margin-right:10px!important;} /*.commentsBg{background:#409eff;border:1px solid #409eff;}*/ /*课堂视频详情*/ .video_detail .el-breadcrumb{line-height: 58px;} .video_detail .video_play{background:#000;height:610px;padding:30px 20px 30px 35px;border-radius: 5px;} .video_detail .radio_button{font-size:18px;margin-left:-81px;margin-top:-28px;position:absolute;z-index:2;top:50%;left:50%;padding:15px 35px;border-radius: 30px;background:#000;color:#fff;cursor: pointer;} .video_detail .play_left{width:732px;height:550px;position:relative;} .video_detail .play_left img{width:100%;height:100%;} .video_detail .play_right {position:relative;} .video_detail .play_right ul{overflow-y: auto;max-height:500px;padding-right:15px;} .video_detail .play_right h2{font-size:16px;border-bottom:1px solid #3B3B3B;line-height: 44px;color:#fff;margin-bottom:22px;} .video_detail .play_right ul li{margin-bottom:20px;display: flex;justify-content: space-between;align-items: center;} .video_detail .play_right ul li p{color:#fff;cursor: pointer;} .video_detail .play_right ul li .i{width:17px;display: inline-block;} .video_detail .play_right ul li .list_title{display:inline-block;overflow: hidden;width:290px;text-overflow: ellipsis;white-space: nowrap; } .video_detail .play_right ul li.active .speed,.video_detail .play_right ul li.active i{color:#3fbe00;} .video_detail_tab{background:#fff;padding:15px 30px 30px 30px;margin-top:30px;} .video_detail_tab .video_tab_vidio_list .img_jpg{width:63px;height:47px;margin-right:10px;margin-left:0;} .video_detail_tab .video_tab_vidio_list h2{font-size: 20px;font-weight: 500;} .video_detail_tab .el-tabs__item{font-size: 18px;} /*视频右侧滚动条*/ .video_detail ::-webkit-scrollbar { width: 12px; background: #242424; border-radius: 10px; -webkit-border-radius: 10px; } .video_detail ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } .video_detail ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #5c5c5c; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } .video_detail ::-webkit-scrollbar-thumb:window-inactive { background:#5c5c5c; } .course_right_commit_icons{float:right;} /*教程*/ .course_list{padding:20px 30px 20px 35px;} .course_list .list_one{border-bottom:1px dashed #ddd;padding:12px 0;cursor: pointer;} .course_list .img_left img,.course_list .video_left img{width:180px;height:125px;border:1px solid #efefef;} .course_list .video_left{position:relative;} .course_list .video_left .icon{position:absolute;top:50%;margin-top:-35px;left:50%;margin-left:-35px;color:#fff;font-size: 30px;z-index: 2;background:rgba(0,0,0,0.7);border-radius:50%;width:70px;height:70px;text-align: center;line-height: 70px;} .course_list .right_con h2{cursor: pointer;font-weight:600;} .course_list .right_con h2 span{margin-right:10px;font-size:12px;color:#3549c7;border:1px solid #3549c7;border-radius: 5px;padding:2px 8px;} .course_list .right_con .cont{color:#666;padding-top:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;} .course_list .user_time{display: flex;justify-content: space-between;margin-top:20px;align-items: center;} .course_list .user_time p{color:#999;} .icon-fujian{font-size: 17px !important;} .course_detail .el-breadcrumb{line-height: 54px;} .course_detail .course_detail_left{background:#fff;padding:40px;} .course_detail_left h1{font-size:24px;font-weight: 500;margin-bottom: 35px;} .course_detail_left .article_intro{padding:15px 10px;background:#f3f3f8;} .course_detail_left .tags{margin:20px 0;} .course_detail_left .tags span{color:#0090ff;border:1px solid #0090ff;border-radius: 5px;padding:0 5px;margin-right:10px;} .course_detail_left .article_con{padding-bottom:20px;} .course_detail_left .article_con p{text-indent: 30px;margin-bottom:15px;color:#000;font-size: 16px;letter-spacing:1px;line-height:22px;} .course_detail_left .article_con img{margin-bottom:20px;} .course_detail_left .enclosure{border-top:1px solid #dedede;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #dedede;} .course_detail_left .user_time{display: flex;justify-content: space-between;padding-top:10px;} .course_detail_left .user_time p{color:#666;} .course_detail_left .user_time .time{margin-left:15px;} .course_detail_commit{background:#fff;padding:40px;margin-top:20px;} .video_detail_combox .course_detail_commit_title, .course_detail_commit .course_detail_commit_title{border-bottom:1px solid #ddd;padding-bottom:20px;} .video_detail_combox .course_detail_commit_title h2,.course_detail_commit .course_detail_commit_title h2{color:#0090ff;font-size: 18px;font-weight: 600;border-bottom:2px solid #0090ff;width: 100px;padding-bottom: 20px; margin-bottom: -21px;text-align: center;} .h2_title{height:46px;line-height: 46px;border-bottom:2px solid #ddd;padding-right:15px;} .h2_title h2{font-size:16px;border-bottom:2px solid #0090ff;margin-bottom:-2px;width:90px;padding-left:15px;line-height:44px;} .course_detail_right{padding:5px 15px 23px 12px;} .course_detail_right li{display: flex;margin-top:10px;} .course_detail_right li .course_num{font-size:14px;height:20px;line-height:20px;width:24px;text-align:center;border-radius:10px;color:#fff;background:#9d9d9d;} .course_detail_right li:nth-child(1) .course_num{background:#fe2f14;} .course_detail_right li:nth-child(2) .course_num{background:#ff5a00;} .course_detail_right li:nth-child(3) .course_num{background:#ffae01;} .course_detail_right li .course_name{margin-left:6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;} /*购买*/ .buy{background:#fff;} .buy .border_all{border:1px solid #ececec;} .soft_download{margin-top:20px;} .soft_download .soft-buy,.buy .soft-buy{font-size: 34px;padding:20px;font-weight: 500;} .buy .soft_buy_title{display:flex;align-items:center;justify-content:space-between;padding-right:30px;margin-top:20px;} .buy .soft-buy span{color:#c7c7c7;font-size: 16px;margin-left:5px;} .buy .bg_gray_t p{background:#eaeaea;color:#666;height:45px;line-height: 45px;font-size:18px; padding-left:20px;} .buy .border_soft{border-top:1px solid #ececec;padding:22px 34px 18px 17px;} .buy .border_soft .input_div{display: flex;align-items: center;border-bottom:1px solid #ececec;padding:20px 0;} .buy .soft_con_left {display: block;} .buy .soft_con_left img{width:160px;height:95px;margin-right:25px;} .buy .soft_con_center{width:685px;padding-right: 65px;} .buy .soft_con_center .title{font-size: 16px;font-weight: 700;cursor: pointer;height:25px;} .buy .soft_con_center .des{height:42px;margin-bottom:5px;font-size: 14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;} .buy .soft_con_center .amount-con{display: flex;align-items: center;} .buy .soft_con_center .amount-con span{margin-right:10px;} .buy .soft_con_center .amount-con .raido_box{margin-left:30px;} .buy .soft_con_center .amount-con .mr_40{margin-left:10px;margin-right:40px;} .buy .soft-con-right {border-left:1px solid #ececec;padding-left:22px;text-align: center;height:86px;display: flex;flex-direction: column;justify-content: center;} .buy .soft-con-right h3{color:#ff0000;font-size: 24px;line-height: 40px;} .buy .soft-con-right h4{color:#999;font-size: 16px;font-weight: 500;text-decoration:line-through;} .buy .soft-con-right p{color:#999;font-size: 14px;} .buy .el-checkbox__label{display: flex;align-items: center;} .buy .el-checkbox{white-space: normal;} .buy .buy_one{display: flex;align-items: center;} .buy .buy_one .el-checkbox{margin-right:30px;} .buy .buy_one .el-checkbox .el-checkbox__inner{width:16px;height:16px;border:1px solid #999;} .buy .buy_one .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,.buy .buy_one .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{border-color:#409eff;} .buy .soft_buy_title .ask_button i{background:url('images/ask_button.png') no-repeat;padding-right:20px;} .buy .soft_buy_title .ask_button{margin-top:20px;} .border_all .nav-pills{background:#f5f5f5;border-bottom:1px solid #3f30c0;padding:15px 0 0 30px;} .border_all .nav-pills>li.active>a,.border_all .nav-pills>li.active>a:focus,.border_all .nav-pills>li.active>a:hover { color: #fff; background-color: #3f30c0;border-radius:0; } .coupon_one{display: flex;align-items: center;} .coupon_one img{width:140px;height:64px;margin:0 10px 0 20px;} .coupon_one h4{font-size: 14px;font-weight: 600;} .coupon_one p{font-size: 14px;color:#666;} /*.buy .btn{border-radius:0;font-size:16px;padding:5px 10px;background:#fff;border:1px solid #ccc;}*/ .buy .btn {border-radius: 0;font-size: 16px;padding: 5px 10px;border: 1px solid #ccc;} .buy .amount-con .form-control { width: 50px !important; height: 34.4px !important; } /*购买说明*/ .buyshow_title{font-size: 18px;line-height: 55px;border-bottom:2px solid #eee;} .buyshow_title span{border-bottom:2px solid #008dff;line-height: 55px;display: block;width:120px;padding-left:20px;} .buyshow_con{margin:30px 35px 85px 35px;} .buyshow_con h2{height: 32px;display: flex;align-items: center;} .buyshow_con h2 i{background-color:#343fc8;width:4px;height:15px;margin-right:10px;} .buyshow_con strong{color:#ffae00} .buyshow_con p{line-height: 24px;color:#333;text-indent: 2em;} .buyshow_con a:hover{text-decoration: underline;} .payment .el-tabs--card>.el-tabs__header .el-tabs__item.is-active{background:#f29700;color:#fff;border-radius: 5px;} .address,.payment,.bill {padding: 30px 18px;border-top: 1px solid #ececec;} .address .pay_title,.payment .pay_title,.bill .pay_title { font-size: 18px;margin-bottom:10px;} .address .pay_title span,.payment .pay_title span,.bill .pay_title span {color: #e4454a;} .payment .online_pay .zfb_pay{background: url('images/ico_pay-zfb.png') no-repeat} .payment .online_pay .wx_pay{background: url('images/ico_pay-wx.png') no-repeat} .bill .o_s_ul,.payment .o_s_ul{margin-top:15px;list-style:none;color:#000;} .bill .o_s_ul{height:30px;} .bill .o_s_ul>li,.payment .o_s_ul>li{float:left;padding:5px 30px;border:1px #ccc solid;margin:0 10px;position:relative;} .bill .o_s_ul>li>img.pa,.payment .o_s_ul>li>img.pa{bottom:0;right:0;display:none;} .bill .o_s_ul>.active,.payment .o_s_ul>.active{border:2px #e73736 solid; } .bill .o_s_ul>.active>img.pa,.payment .o_s_ul>.active>img.pa{display:block;} .bill .pa,.payment .pa {position: absolute;} .bill .bill_tab{display: flex;align-items: center;} .bill .bill_tab .changeBill{margin-top:15px;margin-left:15px;color:#409EFF;cursor:pointer;} .bill .bill_tab .changeBill:hover{color: #66b1ff;text-decoration:underline;} .b_text_btn{color:#409EFF;cursor:pointer;} .b_text_btn:hover{color: #66b1ff;text-decoration:underline;} .address label{width:80px;} .detail_address .el-form-item{width:100%;} .detail_address .el-form-item__content{width:80%;} .soft_bottom{padding:30px 25px 0px;border-top:1px solid #ececec;} .soft_bottom .order_title{font-size:18px;} .soft_bottom .order_title span{color:#e4454a;} .soft_bottom .little_img{width:50px; margin-right:15px;vertical-align: middle;} .soft_bottom .table .little_price{color:#ff0036;font-weight:700} .soft_bottom .table>thead>tr>th{border-bottom:2px solid #b2d1ff;} .soft_bottom .table>tbody>tr>td{border-top:1px dotted #b2d1ff;} .soft_bottom .allMoney{text-align:right;border-bottom:1px dotted #ddd;margin-top:20px;} .soft_bottom .allMoney p{margin-bottom:10px;} .soft_bottom .allMoney span:first-child{font-weight:700;} .soft_bottom .allMoney span{color:#e4454a;} .soft_bottom .card{overflow:hidden;border-bottom:1px dotted #ddd;padding:10px 0;} .soft_bottom .noCard{float:right;font-size:18px;font-weight:700;color:#999;} .soft_bottom .haveCard{float:right;font-size:18px;font-weight:700;color:#e4454a;} .soft_bottom .lastMoney{text-align:right;margin:20px 0px 40px 0;} .soft_bottom .lastMoney span:first-child{color:#333;font-weight:700;} .soft_bottom .lastMoney span:nth-child(2){color:#999;font-size: 26px;margin-right: 4px;} .soft_bottom .lastMoney span:nth-child(3){color: #ff0036; font: 700 26px tahoma;} .soft_bottom button{display: block;background:#e4454a;color:#fff;width:180px;font-size: 14px;border-radius:0;} .soft_bottom button:hover{background:#e4454a;color:#fff;} .soft_download{background:#fff;} .soft_download .soft_down{margin-bottom:20px; display:flex;} .soft_download .soft_download_list{padding:20px;border-top:1px solid #ddd;} .soft_download .soft_download_list img{width:300px;margin-top:20px;} .soft_download .soft_down_r {padding-top: 20px;} .soft_download .soft_down_r .title {font-size: 20px;font-weight: 500;} .soft_download .soft_down_r .des { font-size: 14px;min-height: 70px;margin-top:20px;} .soft_download .soft_down_r .el-button span{color:#fff;} .soft_download span{color:#c7c7c7;font-size: 14px;} .pic_con .wrpper{display:table;background:rgba(0,0,0,.6);padding:5px 0;height:40px;text-align: left;font-size: 14px;font-weight: 400;bottom:0;position: absolute;width: 100%;} .pic_con .des{display:table-cell; vertical-align:middle;color:#fff;padding-left:10px;} .video_con{width:860px;height:556px;} /*基本信息*/ .base_info_box{background:#fff;border-top:1px solid #ebebeb;padding:10px 20px 80px 20px;} .base_info {display: flex;flex-direction: column;padding-left:15px;} .base_info .avatar-uploader .el-upload {border: 1px dashed #d9d9d9;border-radius: 6px; cursor: pointer; position: relative; overflow: hidden; } .base_info .avatar-uploader .el-upload:hover { border-color: #409EFF;} .base_info .avatar-uploader-icon { font-size: 28px;color: #8c939d;width: 178px;height: 178px;line-height: 178px;text-align: center;} .base_info .avatar {width: 178px;height: 178px;display: block;} .img_change{position:relative;cursor:pointer;} .img_change .user_img{width:100px;height:100px;border-radius: 50%;margin-top:20px;} .img_change .mask{cursor:pointer;position:absolute;top:0;left:0;background:rgba(0,0,0,.7);color:#fff;height:100px;width:100px;border-radius:50%;z-index:99;display:none;margin-top:20px;text-align:center;line-height:100px;} .img_change:hover .mask{display:block;cursor:pointer;} .base_info .user_img:hover{background:rgba(0,0,0,.4)} .base_info .base_title{font-size: 16px;font-weight: 600;margin-top:20px;} .base_info .base_title i{cursor:pointer;} .base_info .base_info_one{display: flex;} .base_info .el-form-item{display:flex;} .base_info .el-form-item__label {text-align: left;vertical-align: middle;font-size: 14px;color: #606266; line-height: 40px;padding: 0 12px 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;} .base_info .el-form-item__content {line-height: 40px;position: relative;font-size: 14px;} .base_info_box .base_formone .el-form-item__content .user_r{width:400px;display: inline-block;} .base_info_box .base_formone .el-form-item__content .user_r.realname{width:150px;display: inline-block;} .base_info_box .base_formone .el-form-item{border-bottom:1px solid #f1f1f1;margin-bottom:0;} .user_r_askimg img{width:20px;height:20px;position:relative;bottom: 10px;left:20px;cursor:pointer;} .dialog_ask h2{font-size: 16px;text-align: center;line-height: 40px;} .dialog_ask p{text-indent: 2em;line-height: 22px;} /*页脚页面*/ .footleft ul{width:152px;} .footleft .footer-menu{background:transparent;border-right:none;} .footleft .footer-menu-item{height:52px;line-height: 52px;padding-left: 20px; position: relative; font-size: 14px; padding: 0 20px; cursor: pointer;box-sizing: border-box;} .footleft .footer-menu-item.active,.footleft .footer-menu-item:hover,.footleft .footer-menu-item:visited{color:#fff;background:#008dff;border-radius: 8px 0 0 8px;} .footleft .footer-menu-item.active span,.footleft .footer-menu-item:hover span,.footleft .footer-menu-item:visited span{color:#fff;} .footleft .footer-menu-item.active::after,.footleft .footer-menu-item:hover::after{display: block;content: '';position: absolute;bottom:0;right:0;width:0;height:0;border-top:26px solid #eef2f5;border-bottom:26px solid #eef2f5;border-left:16px solid transparent;} .footright{background:#fff;margin-left:-25px;} .foot_right_title{height:52px;border-bottom:2px solid #eee;line-height: 52px;} .foot_right_title .title{font-size: 18px;border-bottom:2px solid #008dff;padding-left:26px;width:110px;} .foot_copmany .con{padding:28px 54px 58px 54px;} .foot_copmany .con .text p{color:#333;line-height: 31px;text-indent:2em;} .foot_copmany .con .address p{line-height: 31px;color: #333;} .foot_join .con{padding:28px 54px 58px 54px;} .foot_join .color_343fc8{background:#343fc8;border:1px solid #343fc8;} .foot_join .con_div{margin-top:45px;} .foot_join .con_div p{color:#333;line-height: 31px;} .foot_join .con_div h4{color:#333;font-weight: 500;display: flex;align-items: center;margin-left:-8px;} .foot_join .con_div h4 i{width:4px;height:14px;background:#343fc8;display: inline-block;margin-right:5px;} .foot_legal .con{text-align: center;color:#333;padding:10px 54px 58px 54px;} .foot_legal .con h4{line-height: 90px;font-weight: 500;} .foot_legal .con p{line-height: 31px;} /*功能介绍*/ .functn{padding-top:10px;} .functn .el-tab-pane{padding:30px;} .lineone_3d img {width:390px;} .lineone_3d h1{font-size: 30px;line-height: 60px;font-weight: 500;} .lineone_3d .f16{font-size: 16px;line-height: 31px;} .lineone_3d .left-book { width: 390px; height: 360px; background: #f8f9fb; display:flex; align-items:center; justify-content:center; } .lineone_3d .left-book img{ width:176px; height:236px; } .introduce_3d { padding-bottom: 100px; } .introduce_3d h2{font-size: 24px;font-weight: 700;color:#f39700;line-height: 70px;} .introduce_3d p{line-height: 31px;font-size: 16px;} .introduce_3d ul li{line-height: 31px;font-size: 16px;} .introduce_3d ul li i{font-size: 28px;vertical-align: middle;width:30px;} .function_des{padding-bottom:100px;} .function_des h4{font-size: 18px;color:#0070c0;margin-bottom:10px;margin-top:15px;} .function_des p{font-size: 16px;line-height: 31px;} .function_des div{text-align: center;padding:15px 0;} .function_des h2{font-size: 20px;margin-bottom:20px;} .pro_sup{padding-bottom:100px;} .pro_sup h3{color:#f39700;font-size: 24px;line-height: 90px;} .pro_sup .fast{line-height:40px;letter-spacing:2px;padding-top:10px;font-size:14px} .pro_sup .center{text-align: center;} .pro_sup p{line-height:40px; letter-spacing:2px;} .pro_sup .disflex{padding-top:60px;} .pro_sup a p{margin-top:30px;margin-right:10px;} .jg td,.jg th{padding:10px;} /*.el-button--warning{background:#f39700!important;border:1px solid #f39700!important;}*/ .order_detail{margin-top:20px;padding-bottom: 100px;} .order_detail .order_detail_title{height:50px;line-height: 50px;border-bottom:2px solid #f2f2f2;} .order_detail .order_detail_title span{border-bottom:2px solid #38aaff;line-height: 50px;display: inline-block;padding:0 20px; } .order_detail .order_detail_box{padding:0 44px;} .order_detail .progress_bar{border-bottom:1px solid #e5e5e5;padding:44px 0;} .info_box{padding:20px 0;} .order_info_box .title{margin-top:20px;width:96px;height:37px;line-height: 37px;background:#008dff;color:#fff;text-align: center;font-size:14px;border-radius: 3px;} .order_info{overflow: hidden;} .order_info p{width:50%;float:left;height:54px;line-height: 54px;border-bottom:1px #dbdbdb dashed;} .order_info p span:first-child{font-weight: 600;min-width:70px;display:inline-block;} .order_info p span:last-child{font-weight:400;color:#666;} .order_info div{display:flex;align-items:center;min-height:54px;border-bottom:1px dashed #dbdbd} .order_info div span{display:inline-block;} .order_info div span:last-child{width:80%;} /*代理商中心基本信息*/ .agent_table{margin-bottom:20px;} .agent_table .agent_table_one{padding:20px;background:#fff;border-radius: 5px;box-shadow: 2px 5px 5px #ccc;} .agent_table .agent_table_one.green{border-bottom:3px solid #2ec9ac;} .agent_table .agent_table_one.green h2{color:#2ec9ac;} .agent_table .agent_table_one.perpur{border-bottom:3px solid #3936c4;} .agent_table .agent_table_one.perpur h2{color:#3936c4;} .agent_table .agent_table_one.red{border-bottom:3px solid #Ea1a3a;} .agent_table .agent_table_one.red h2{color:#Ea1a3a;} .agent_table .agent_table_one.yellow{border-bottom:3px solid #ffba00;} .agent_table .agent_table_one.yellow h2{color:#ffba00;} .agent_table .agent_table_one p{font-size:14px; } .agent_table .agent_table_one h2{font-size: 30px;font-weight: 500;text-align: center;height:68px;line-height: 68px;} .agent_choose_prod .el-form-item__content{margin-left:0!important;} /*忘记密码*/ .pc_forgetPassword_phone{background:#fff;} .pc_forgetPassword_box{padding:65px 240px 250px 240px;} .pc_forgetPassword_box .login-tabs_header{margin-bottom:15px;border-bottom:2px solid #e4e7ed;} .pc_forgetPassword_box .login-tabs_nav{position:relative;left:35%;display:flex;} .pc_forgetPassword_box .login-tabs_nav a{font-size:16px;} .pc_forgetPassword_phone .el-tabs__content{margin-top: 50px;border: 1px solid #409eff;padding: 50px 100px 50px 100px;} .pc_forgetPassword_phone input{height:44px;} .pc_forgetPassword_phone .form-group { margin-bottom: 25px;} /*软件续费*/ .soft_continue_pay .soft_con_center{width:560px;} .soft_continue_pay .soft_con_center .title{padding:0;} .soft_continue_pay .soft_bottom .lastMoney{text-align: left;} .soft_continue_pay .soft_bottom button{float:left;} .soft_continue_pay .border_soft{border-top:1px solid #ccc;} .soft_continue_pay .payment .o_s_ul{height:20px;} /*我的空间*/ .mySpace_top{background:#fff;display: flex;justify-content: space-between;align-items:center;height:52px;padding:0 22px 0 15px;} .mySpace_top .left_btn{display: flex;} .mySpace_top .left_btn li{border:1px solid #dcdfe6;color:#909399;display: flex;align-items: center;padding:5px 14px;border-radius: 5px;margin-right:10px;cursor:pointer;} .mySpace_top .left_btn li i{background-image:url('images/space.png');width:18px;height:19px;margin-right:5px;} .mySpace_top .el-dropdown i.add_img{background-position: -54px -5px;display: inline-block;} .mySpace_top .el-dropdown .add_text{display: flex;color:#909399;} .mySpace_top i.all_img{background-position: -81px -5px;} .mySpace_top i.move_img{background-position: -109px -5px;} .mySpace_top i.del_img{background-position: -29px -5px;} .mySpace_top .right_search{display: flex;width:305px;justify-content: space-between;align-items: center;} .mySpace_top .right_search p{width:60px;} .mySpace_top .right_search .search{margin-left:10px;} .mySpace_center{height:25px;line-height: 25px;} .mySpace_bottom{background:#fff;} .mySpace_bottom .handle_img{display: flex; z-index: 11111111111;} .mySpace_bottom .handle_img li i{background-image:url('images/space.png');width:18px;height:19px;margin-right:25px;display: inline-block;cursor: pointer;} .mySpace_bottom .handle_img li i.edit{background-position:-137px -5px;} .mySpace_bottom .handle_img li i.dload{background-position:-165px -5px;} .mySpace_bottom .handle_img li i.dmove{background-position:-194px -5px;} .mySpace_bottom .handle_img li i.ddel{background-position:-5px -5px;} .mySpace_bottom .el-checkbox{display: flex;align-items: center;} /*fix-r*/ .fix-r { position:fixed; bottom:36.5%; right:2px; z-index:1000;} .fix-r ul li{border-radius: 5px;width: 60px;line-height: 60px;text-align: center;margin-bottom: 10px;} .fix-r ul li.fix_p{position: relative;cursor: pointer;} .fix-r ul li p.fix-p { padding-top:10px;position:absolute;height:50px;line-height: 20px; right:58px; top:1px; z-index:99; width:240px; display:none;font-size:14px; margin:0;background:#2E3db8;} /*.fix-r ul li.fix_p:hover {background:#2E3db8;}*/ .fix-r ul li.fix_p:hover p.fix-p { display:block;} /*.fix-r ul li.qqservice { background:#ff5001;cursor: pointer;} .fix-r ul li.qqservice:hover { background:#ec4100;} .fix-r ul li a { cursor:pointer;} .fix-r ul li a#gotop { display:none;}*/ .fix-r ul li img{vertical-align: middle!important;} .fix-r .lxb-cb-span{width:30px;display: inline-block;color:#fff;vertical-align: top;} .fix-r .lxb-cb-input{height: 35px;width: 160px;background-color: #FFF; padding: 0px 5px;color:#333;} .fix-r .lxb-cb-btn{ display: inline-block; height: 35px;line-height: 35px;margin-top:2px; width: 35px; background-color: #a0a0a0;cursor: pointer;} .fix-r .lxb-cb-input-btn{font-size: 12px; font-family: simsun; font-weight: normal; width: 48px; height: 24px; left: 131px; top: 41px; color: rgb(190, 5, 170); border: 0px; line-height: 24px; background: rgb(254, 194, 255);} .delete-icon{position:absolute;right:20px;top:45px;z-index: 5;cursor: pointer;} .delete-icon:hover{color:#409eff;} .delete-icon-little{float: right;margin-right:10px;margin-top:3px;} .agree_div{padding-top:30px;padding-bottom:150px;background:#fff;} .agree_div h4{font-size: 18px;font-weight: 500;text-align: center;margin-bottom:10px;} .agree_div i{font-style:italic;} .agree_div .title_big {margin-bottom:10px;font-weight: 700;font-size: 16px;} .agree_div p{margin-bottom:10px;} /*授权证书*/ .centificate_content{background:#fff;border-top:1px solid #eaeaea;padding:20px 25px;} .centificate_content .maninfo{color:#0a7fcf;text-decoration: underline;cursor: pointer;} .zhengshu { width:568px; height:812px; margin:20px auto; overflow:hidden;} .zhengshu .zs_main { font-size:12px; color:#333; line-height:24px; width:450px; height:160px; margin:225px auto 0 auto;} .zhengshu .zs_main label { width:80px;font-weight: 700;font-size: 12px;margin-right:20px;} .zhengshu .zs_main table { font-size:12px; color:#333; line-height:18px; width:100%; text-align:center;margin-top:10px;} .zhengshu .zs_main table thead th { color:#333399; text-align:center;} .zhengshu .zs_main table tbbody th { color:#333; text-align:center;} .zhengshu .zs_main span{font-size: 12px;} .zhengshu .zs_main .zs-btn p{font-size: 12px;} .zhengshu .zs-btn { cursor:pointer;} .user_mbox { min-height:600px;} /*正版CAD*/ .legal_banner{width:100%;height:615px;position:relative;overflow: hidden;background:#000; background-image:url('images/legal_cad_banner_bg.png');background-repeat: no-repeat;background-position:center top;background-size: cover;} .legal_banner .banner_box{width:1200px;position: relative;margin:0 auto;} .legal_banner .banner_box .banner_computer{position: absolute;width:550px;height:466px;left:60px;top:90px;} .legal_banner .banner_box .banner_computer .ic_01{z-index:1;left:-20px;top:0px;position: absolute;} .legal_banner .banner_box .banner_computer .ic_02{z-index:2;top:118px;left:-60px;position: absolute;} .legal_banner .banner_box .banner_computer .ic_03{z-index:3;top:234px;left:100px;position: absolute;} .legal_banner .banner_box .banner_left{position: absolute;right:70px;top:110px;} .legal_banner .banner_box .banner_left h1{font-size: 72px;color:#fff;font-weight: 500;margin-bottom:10px;} .legal_banner .banner_box .banner_left h1 span{color:#ffcc00;} .legal_banner .banner_box .banner_left h2{font-size: 50px;color:#fff;font-weight: 500;line-height:50px;} .legal_banner .banner_box .banner_left h3{font-size: 24px;color:#fff;font-weight: 500;margin-top:35px;line-height:30px;} .legal_banner .banner_box .banner_left .btn_banner{display:flex;margin-top:40px;} .legal_banner .banner_box .banner_left .btn_banner p{border-radius: 5px;} .legal_banner .banner_box .banner_left .btn_banner p a{padding:15px 35px;cursor: pointer;display:inline-block;font-size:26px;color:#fff;line-height: 26px;cursor: pointer;} .legal_banner .banner_box .banner_left .btn_banner p:first-child{background:#088cff;margin-right:30px;} .legal_banner .banner_box .banner_left .btn_banner p:last-child{background:#ff5a00;} .legal_banner .banner_box .banner_left .btn_banner p:hover{box-shadow:5px 5px 10px #000;} .legal_banner .banner_box .banner_left .banner_phone{width:260px;margin-top:25px;} .legal_detail { min-width: 1200px; overflow: hidden; } /*浮动*/ .phone_float_box{position:fixed;z-index:999;top:0;width:100%;display:none;} .phone_float{height:88px;background:#191919;display:flex;align-items:center;justify-content:center;} .phone_float .float_phone{width:347px;margin-right:50px;} .phone_float .close_btn_fff{color:#fff;font-size:40px;display:block; font-weight: normal;cursor:pointer;} .phone_float .btn_banner{display:flex;} .phone_float .btn_banner p{border-radius: 5px;} .phone_float .btn_banner p a{padding:15px 35px;cursor: pointer;display:inline-block;font-size:26px;color:#fff;line-height: 26px;cursor: pointer;} .phone_float .btn_banner p:first-child{background:#088cff;margin-right:70px;} .phone_float .btn_banner p:last-child{background:#ff5a00;margin-right:160px;} .phone_float .btn_banner p:hover{box-shadow:5px 5px 10px #000;} .legal_detail .wrap_a{background:#fff;} .legal_detail .legal_detail_wrap{width:1095px;position: relative;margin:0 auto;} .pd35_60{padding:35px 0px 60px 0px;} .pd35_75{padding:35px 0px 75px 0px;} .pd65_70{padding:65px 0px 70px 0px;} .legal_detail .legal_detail_wrap .detail_doc{text-align: center;} .legal_detail .legal_detail_wrap .detail_doc h2{font-size: 36px;font-weight:500;line-height: 75px;} .legal_detail .legal_detail_wrap .detail_doc h3{font-size: 18px;font-weight:500;line-height: 18px;color:#666;margin-bottom:35px;} .legal_detail .legal_detail_wrap .legal_four_one_box{display: flex;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one{position:relative;padding:30px 25px 30px 25px;background:#f1f1f1;margin-bottom:25px;display:flex;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one:nth-child(2){margin-left:20px;margin-right:20px;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one h2{font-size: 32px;font-weight: 500;margin-bottom:8px;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one h4{font-size: 16px;font-weight: 500;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one .icon_one{background:url('images/legal_four.png') no-repeat;width:101px;height:98px;margin-right:20px;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one .icon_one_doc{width:180px;} .legal_detail .legal_detail_wrap .legal_four_one_box:first-child .legal_four_one:first-child .icon_one{background-position: -857px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:first-child .legal_four_one:nth-child(2) .icon_one{background-position:-252px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:nth-child(2) .legal_four_one:first-child .icon_one{background-position: -494px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:nth-child(2) .legal_four_one:nth-child(2) .icon_one{background-position: -131px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:first-child .legal_four_one:nth-child(3) .icon_one{background:url('images/legal_four2.png') no-repeat;width:101px;height:98px;margin-right:20px;background-position: -10px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:nth-child(2) .legal_four_one:nth-child(3) .icon_one{background:url('images/legal_four2.png') no-repeat;width:101px;height:98px;margin-right:20px;background-position: -252px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one:hover{background:#3d29be;box-shadow: 0 0 24px rgba(0,0,0,.79); transition-duration: 0.2s;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one:hover h2{color:#fff;} .legal_detail .legal_detail_wrap .legal_four_one_box .legal_four_one:hover h4{color:#fff;} .legal_detail .legal_detail_wrap .legal_four_one_box:first-child .legal_four_one:first-child:hover .icon_one{background-position:-736px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:first-child .legal_four_one:nth-child(2):hover .icon_one{background-position:-373px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:nth-child(2) .legal_four_one:first-child:hover .icon_one{background-position: -615px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:nth-child(2) .legal_four_one:nth-child(2):hover .icon_one{background-position: -10px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:first-child .legal_four_one:nth-child(3):hover .icon_one{background:url('images/legal_four2.png') no-repeat;width:101px;height:98px;margin-right:20px;background-position: -131px -10px;} .legal_detail .legal_detail_wrap .legal_four_one_box:nth-child(2) .legal_four_one:nth-child(3):hover .icon_one{background:url('images/legal_four2.png') no-repeat;width:101px;height:98px;margin-right:20px;background-position: -373px -10px;} .legal_detail .wrap_b{height:604px;} .legal_table{box-shadow: 0 0 27px rgba(0,0,0,.35);margin-top:56px;} .legal_table tr{height:50px;} .legal_table tr th{background:#3d29be;color:#fff;font-size: 16px;text-align: left;} .legal_table tr:nth-child(2n){background:#f1f1f1;} .legal_table tr:nth-child(2n+1){background:#fff;} .legal_table tr td{font-size: 16px;color:#000;} .legal_table tr td:first-child{padding-left:35px;} .legal_table tr th,.legal_table tr td{padding-left:30px;border-right:1px solid #e3e3e3;} .legal_table{border:1px solid #9a9a9a;} .legal_table tr th:last-child,.legal_table tr td:last-child{border-right:none;} .legal_table tr:last-child .c_b{color:#3e31bb;} .legal_detail .ic_round_01{position: absolute;right:-224px;top:0;} /*.legal_detail .ic_round_02{position: absolute;left:-370px;bottom:0px;z-index:-1;}*/ .legal_detail .ic_round_02{position: absolute;left:50px;bottom:-18%;z-index:-1;width:374px;} .legal_detail .wrap_c{width:100%;height:722px;position:relative;overflow: hidden; background-image:url('images/legal_cad_bg2.png');background-repeat: no-repeat;background-position:center top;background-size: cover;} .legal_detail .legal_company{width:1010px;margin:0 auto;} .legal_detail .legal_company .ic_05{margin-right:39px;} .legal_detail .legal_detail_wrap .detail_doc_fff{text-align: center;} .legal_detail .legal_detail_wrap .detail_doc_fff h2{font-size: 36px;font-weight:500;line-height:36px;color:#fff;margin-bottom:35px;} .legal_detail .legal_detail_wrap .detail_doc_fff h3{font-size: 18px;font-weight:500;line-height:18px;color:#fff;margin-bottom:25px;} .legal_detail .legal_detail_wrap .legal_company_doc p{color:#fff;font-size: 16px;line-height:36px;margin-top:45px;} .legal_detail .wrap_d{width:100%;height:567px;background:#fff;} .legal_detail .wrap_e{width:100%;height:170px;position:relative;overflow: hidden;display: flex;align-items: center;justify-content: center; background-image:url('images/legal_cad_bg4.png');background-repeat: no-repeat;background-position:center top;background-size: cover;} .legal_detail .ic_soft_box{margin-top:57px;} .legal_detail .ic_soft{width:322px;height:186px;margin-right:40px;box-shadow: 0 0 15px rgba(0,0,0,.4);display:inline-block;} .legal_detail .ic_soft img{width:100%;} .legal_detail .ic_soft:last-child{margin-right:0;} .legal_detail .ic_soft_01:hover,.legal_detail .ic_soft_02:hover,.legal_detail .ic_soft_03:hover{ -webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); transition-duration: 0.5s;cursor: pointer;} .legal_detail .legal_download_btn{border-radius:2px;background:#3d29be;width:218px;height:47px;line-height:47px;font-size:20px;text-align:center;color:#fff;margin:69px auto 0;cursor: pointer;} .legal_detail .legal_download_btn a{color:#fff;} .legal_detail .legal_download_btn:hover{background:rgba(61,41,190,.9)} .legal_detail .wrap_e p{font-size: 30px;color:#fff;} .legal_detail .wrap_aa{background:#fff;} .legal_detail .legal_detail_wrap{width:1201px;position: relative;margin:0 auto;} .wrap_aa .legal_two_one{border:1px solid #e9e9e9;border-radius:10px;padding:50px 80px;display:flex;flex-direction:column;justify-content:center;} .wrap_aa .legal_two_one:hover{box-shadow:5px 5px 10px #ccc;} .wrap_aa .legal_two_one .img_box{width:100%;text-align:center;} .wrap_aa .legal_two_one img{width:384px;margin-bottom:25px;text-align:center;} .wrap_aa .legal_two_one h2{font-size:28px;font-weight:bold; text-align:center;} .wrap_aa .legal_two_one h3{font-size:20px;color:#666;margin:10px 0 15px 0;text-align:center;} .wrap_aa ul li{line-height:36px;font-size:18px;color:#000;} .wrap_aa ul li span{width:5px;height:5px;border-radius:50%;background:#333;display:inline-block;margin-right:8px;margin-bottom:4px;} .wrap_aa .btn_box{display:flex;justify-content:center;margin-top:35px;} .wrap_aa .legal_two_one .detail_btn a{text-align:center;width:345px;height:60px;line-height:60px;background:#3D29be;font-size:24px;color:#fff;border-radius:5px;cursor:pointer;display:block;} .wrap_bb{} .wrap_bb h2{color:#1f3765;font-size:38px;margin-bottom:90px;font-weight:bold;} .wrap_bb .wrap_bb_one{border:1px solid #088cff;border-radius:8px;background:#fff;padding:35px 15px;} .wrap_bb .wrap_bb_one img{width:108px;height:80px;} .wrap_bb .wrap_bb_one p{text-align:left;font-size:18px;} .legal_detail .wrap_bb .legal_detail_wrap .detail_doc h3{color:#16408a;font-size:32px;margin-top:12px;} .wrap_bb .wrap_bb_one:hover{box-shadow:5px 5px 10px #ccc;} .legal_detail .wrap_cc{background:#16408a;} .legal_detail .wrap_cc .legal_detail_wrap .detail_doc_fff{text-align: center;} .legal_detail .wrap_cc .legal_detail_wrap .detail_doc_fff h2{font-size: 38px;font-weight:500;color:#fff;margin-bottom:20px;} .legal_detail .wrap_cc .legal_detail_wrap .detail_doc_fff h3{font-size: 24px;font-weight:500;color:#fff;margin-bottom:25px;} .wrap_cc_one{margin-top:15px;} .wrap_cc_one_title{display:flex;align-items:center;justify-content:space-between;} .wrap_cc_one_title p:first-child{background:#006fd1;color:#fff;font-size:22px;padding:14px 25px;border-radius:5px;text-align:center;} .wrap_cc_one_title p:last-child{color:#fff;font-size:24px;} .wrap_cc_one_title a{cursor:pointer;color:#fff;} .wrap_cc_one_con{background:#fff;padding:20px;margin-top:5px;} .wrap_cc_one_con a{ cursor:pointer;} .wrap_cc_one_con_one{background:#f1f1f1;padding-bottom:5px;} .wrap_cc_one_con_one img {width:100%;height:166px;} .wrap_cc_one_con_one h4{font-size:16px;margin:5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .wrap_cc_one_con_one p{font-size:14px;margin:5px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .wrap_cc_one_con_one:hover{box-shadow:5px 5px 10px #ccc;} .wrap_dd{background:#fff; text-align:center;} .wrap_dd .wrap_dd_one h2{margin:15px 0 20px;font-size:24px;color:#000;} .wrap_dd .wrap_dd_one p{text-align:left;font-size:16px;color:#666;} .pd108_145{padding:108px 0 145px;} .pd68_65{padding:68px 0 65px;} .pd68_68{padding:68px 0 68px;} .pd60_85{padding:60px 0 85px;} .wrap_dd .detail_doc_1f3765 h2 { color: #1f3765; font-size: 38px; } .wrap_dd .detail_doc_1f3765 h3{color:#556686;font-size:24px;text-align:center;margin:20px 0 45px 0;} .wrap_dd_one_con{text-align:center;} .wrap_dd_one .img { width: 345px; height: 212px; overflow: hidden; border-radius:5px; } .wrap_dd_one img { width:100%; transform: scale(1.05); transition-duration: 0.5s; } .wrap_dd_one:hover img { transform: scale(1.15); transition-duration: 0.5s; } .wrap_dd .more_btn a{display:block;width:340px;height:64px;line-height:64px;background:#3d29be;color:#fff;font-size:24px;text-align:center;border-radius:5px;margin-top:60px;} .wrap_ff .wrap_ff_one_con{text-align:center;} .wrap_ff .wrap_ff_one_con h2{ font-size:16px;color:#000;margin:18px 0 10px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;cursor:pointer;} .wrap_ff_more { position: absolute; right: 0; color: #1f3765!important; font-size:22px; } .wrap_ff_one .img { height: 172px; overflow: hidden; width: 100%; transform: scale(1.05); transition-duration: 0.5s; } .wrap_ff_one .img img{width:100%;height: 172px;} .wrap_ff_one .img:hover .f_mask{ transform:translateY(-172px); transition-duration:.5s; cursor:pointer; } .wrap_ff .classes .col-sm-3 { margin-bottom:20px; } .f_mask { position: relative; width: 100%; height: 172px; top: 0px; color: #fff; font-size: 14px; padding: 7px 10px; background-color: #000; opacity: 0.8; display: flex; justify-content: center; align-items: center; cursor: pointer; } .f_mask_text { color: #fff; border-radius: 22px; font-size: 18px; border: 1px solid #fff; padding: 8px 20px; cursor: pointer; } .more_btn_box { display: flex; align-items: center; justify-content: center; } .wrap_ee{background:#f7f7f7;text-align:center;} .wrap_ee .detail_doc_f7f7f7 h2 { color: #1f3765; font-size: 38px; } .wrap_ee .detail_doc_f7f7f7 h3 { color: #556686; font-size: 24px; text-align: center; margin: 20px 0 45px 0; } .wrap_ee_one{background:#088cff;padding:35px 60px;border-radius:10px;} .wrap_ee_one img{width:120px;} .wrap_ee_one h2{font-size:24px;margin-top:15px;color:#fff;} .wrap_ee_one:hover{box-shadow:5px 5px 10px #ccc;} .agentaddorder_box .order_add_class { width: 50% !important; } /*离线激活*/ .active_dialog .up_title{margin-bottom:10px;} .active_dialog .acitve_btn{margin-top:10px;} .active_dialog .active_success{border-top:1px solid #e6e6e6;padding-top:10px;margin:10px 0 10px 0;} .active_dialog .active_false{color:#ff0d0d;border-top:1px solid #e6e6e6;padding-top:10px;margin-top:10px;} .active_dialog .el-dialog__body{padding: 0px 20px!important;} /*swiper*/ .swiper-slide img.bigPic { max-width: 100%;width:100%;} .swiper-container { margin: 0 auto; position: relative; z-index: 1; overflow: hidden; } .swiper-slide { overflow: hidden; } .swiper-pagination-bullet { background: none; width: 80px; height: auto; border-radius: 0; -webkit-border-radius: 0; border-bottom: 5px solid #ccc; } .swiper-pagination-bullet-active { border-bottom: 5px solid #e5e5e5; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35 !important; filter: alpha(opacity=35); } .swiper-button-next, .swiper-button-prev { width: 41px; margin-top: -44px; height: 89px; background: url(../Content/images/icon06.png) left center no-repeat; } .swiper-button-next { background-position: right center; } .swiper-container2 {overflow: hidden;width: 100%;} .swiper-button-prev2 {background-image: url('../Content/images/jt2_l.png');margin-left: -10px;} .swiper-button-next2 {background-image: url('../Content/images/jt2_r.png');margin-left: -10px;} a .y_btn{cursor: pointer;margin-right: 12px; background: #f39700;border: 1px solid #f39700;color: #fff;padding: 2px 20px;font-size: 14px; box-sizing: border-box;display: inline-block;border-radius: 4px;line-height:30px;} a .y_btn:hover{opacity:.8;} /*表单提示*/ .err{ float:left; height:20px; line-height:20px; text-align:left; font-size:12px; width:100%; color:red; display:none; position:absolute;} .err img{ margin-top:2px; margin-right:2px;} .err-top40{ top:40px;} .err-top20{ top:20px;} .err-top160{ top:160px;} .err-top90{ top:90px;} /*步骤条*/ .progress_bar .steps{position:relative;left:60px;} .progress_bar .step {position: relative;vertical-align: top;display: inline-block; width:19%;} .progress_bar .step-head {width: 24px;height: 24px; border-radius: 50%;text-align: center; vertical-align:middle;color: #c0c4cc;font-size: 14px; border: 2px solid #c0c4cc; z-index: 10000;} .progress_bar .step-main {font-size: 14px;color:#c0c4cc;margin-top:10px;} .progress_bar .step-main p{font-size:12px;color:#c0c4cc;} .progress_bar .step-line {position: absolute;top: 9px;height: 2px; left: 22px;right: -5px;display: inline-block;background-color: #c0c4cc;z-index: 10000;} .progress_bar .step-circle {margin: 4px;width: 10px;height: 10px; border-radius: 50%;background-color: #bfcbd9;} .progress_bar .step.active .step-head {color: #409eff; border-color:#409eff;} .progress_bar .step.active .step-line{background-color: #409eff;} .progress_bar .step.active .step-main{color:#409eff;} .progress_bar .step.active .step-main p{color:#409eff;} /*表格内容垂直居中*/ .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align:middle;} .href_blue{cursor:pointer;color:#409eff!important;} .href_blue:hover{text-decoration:underline;color:#409eff;} .bg_fff_top{background:#fff;margin-bottom:15px;height:57px;line-height:57px;padding-left:20px;} .href_red{cursor:pointer;color:red!important;} .href_red:hover{text-decoration:underline;color:red;} /*查看发票*/ .lookBill{ border:1px solid #e8ebf1;width:100%; } .lookBill tr{height:40px;} .lookBill th,.lookBill td{text-align: left;padding:0 10px;} .lookBill .thead{background:#f5f8fb;} .lookBill .thead span:last-child{float:right;color:#1e90ff;} .lookBill .query{color:#1e90ff;text-decoration: underline;cursor: pointer;margin-left:10px;} .billtip{margin-top:20px;} .billtip p{color:#999;} .btn-link{color:#409eff!important;} .btn-primary{background:#409eff!important;;border-color:#409eff!important;} .btn-primary:hover{opacity:.8;} .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { height: 80% !important; width: 100%; } .gallery-thumbs { height: 20% !important; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-active { opacity: 1; } /*优惠券弹框*/ .coupon .coupon_50_01{width:100%;margin-top:10px;cursor:pointer;} .coupon .coupon_50_02{cursor:pointer;width:35px;margin-top:10px;position:absolute;right:0;top:0;} .coupon .coupon_50_03{cursor:pointer;width:35px;margin-top:10px;position:absolute;right:-40px;top:-20px;} .coupon .modal-content{background:none;box-shadow:none;border:none;} /*优惠券*/ .use .saleCard{border-right:1px solid #e0e0e0;} .use .saleCard:first-child{width:32%;} .use .saleCard:nth-child(2){width:32%;margin-left:5%;} .use .saleCard:nth-child(3){ width:25%;border-right:none;margin-left:5%;} .use .saleCard{margin-top:25px;} .use .saleCard .reduce{position:absolute;top:14px;color:#fff;font-size:14px;left:150px;} .use .saleCard .date { position: absolute; top: 95px; color: #cd7720; left: 60px; font-size: 18px; } .use .saleCard .btn{border:1px solid #f29700;border-radius:40px;color:#f29700;padding:5px 20px;margin-left:30%;margin-top:26px;} .use .saleCard .btn:hover{background:#f29700;color:#fff;} .bg_f5{background:#f5f5f5;padding-top:18px;padding-bottom:8px;} .saleCardline1{margin-top:20px;} .saleCardline1 .title{background :url(/Content/images/sale_card_01.png) no-repeat 20px center; padding-left:60px;line-height:30px;} .orderNewPerson .orderNew_left{border:1px solid #E5E6EE;border-radius:3px;padding:15px;text-decoration:underline;cursor:pointer;overflow:hidden;} .orderNewPerson .orderNew_left a{color:#333;} .orderNewPerson .orderNew_left .img{float:left;width:128px;margin-right:15px;} .orderNewPerson .orderNew_center{line-height:90px;} .orderNewPerson .btn{background:#f29700;color:#fff;border-radius:10px;margin-top:5px;float:right;} .orderNewPerson .orderNew_left .right_con{width: 73%;margin-left: 144px;} .saleCardline2{margin-top:17px;padding-bottom:60px;} .saleCardline2 .title{background :url(/Content/images/sale_card_02.png) no-repeat 20px center; padding-left:60px;line-height:30px;} .myOrderNewPerson .countLeft,.countRight {color:#337ab7;font-size:46px;border-right:1px dashed #ccc;} .myOrderNewPerson .countRight{border-right:none;} .myOrderNewPerson .countLeft p,.countRight p{color:#333;font-size:12px;} .myOrderNewPerson .table200{padding:17px 200px 0px 200px;} .rulesActive .title_blue{color:#377bb5;margin-left:20px;margin-bottom:10px;} .rulesActive .con{margin-left:20px;margin-bottom:10px;} .used .saleCard .btn{border:1px solid #767474;border-radius:40px;color:#333;padding:5px 30px;margin-left:30%;margin-top:26px;} .used .saleCard .btn:hover{background:#fff;color:#333;} #myCouponModal{margin-top:20vh;} /*升降按钮*/ .caret-wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; height: 34px; width: 24px; vertical-align: middle; cursor: pointer; overflow: initial; position: relative; } .sort-caret.ascending { border-bottom-color: #c0c4cc; top: 5px; } .sort-caret.descending { border-top-color: #c0c4cc; bottom: 7px; } .sort-caret { width: 0; height: 0; border: 5px solid transparent; position: absolute; left: 7px; } .ascending .sort-caret.ascending { border-bottom-color: #409eff; } .descending .sort-caret.descending { border-top-color: #409eff; } .icon-enrooll { background: url(images/baoming_gray.png) no-repeat 0 2px; padding-right: 18px; background-size: 16px 15px; } .glyphicon{margin-right:5px;} /*微信授权*/ .wx_bg{background:url(images/wx_bg_02.png) no-repeat center center;background-size:cover;width:100%;height: calc(88vh);} .wx_sq_box{position:relative;top:100px;display:flex;align-items:center;flex-direction:column;} .wx_sq_img_box { display: flex; align-items: center; width: 170px; justify-content: space-between; } .wx_sq_img_box img.wx_one{width:50px;} .wx_sq_img_box img.wx_center{width:30px; -webkit-animation: spCircRot 1.2s infinite linear; animation: spCircRot 1.2s infinite linear;} @-webkit-keyframes spCircRot { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spCircRot { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .wx_bg p{font-size:16px;color:#999;margin-top:30px;} /*历史版本*/ .history_a{color:#999 !important;} .history_a:hover{text-decoration:underline;} .history_box{background:#fff;margin-top:20px;padding-bottom:100px;} .history_top_title{display:flex;border-bottom:1px solid #ccc;height:62px;line-height:62px;} .history_top_title p{font-size:18px;font-weight:normal;padding:0 20px;} .history_top_title .active{border-bottom:2px solid #6354c2;} .history_title{height:35px;background:#e5e5e5;line-height:35px;padding-left:15px;margin:18px 0 10px 0;} .history_list li{height:52px;border-bottom:1px dashed #ededed;display:flex;justify-content:space-between;padding:0 50px 0 5px;align-items:center;} .history_list li p{font-size:14px;} .history_list li .history_button{display:flex;} .history_list li .history_button a{border-radius:5px;height:31px;line-height:31px;cursor:pointer;display:inline-block;} .history_list li .history_button a:first-child {background:#24ac41;padding:0px 10px;border:1px solid #24ac41;color:#fff;margin-right:10px;} .history_list li .history_button a:first-child:hover{opacity:.9;} .history_list li .history_button a:last-child{background:#fff;padding:0px 10px;border:1px solid #24ac41;color:#24ac41;} .history_list li .history_button a:last-child:hover{background:#eef5f6;} /*报名二维码海报弹框*/ .qrimg_div{height:100%;padding:120px 20px 40px 20px;background:url(images/erweima_bg.png) no-repeat 0 0;} .qrimg_div .qrimg_con{padding:0 30px 30px;background:#fff;border-radius:22px;position:relative;display:flex;flex-direction:column;align-items:center;} .qrimg_div .qrimg_con .qrimg_person{width:60px;height:60px;border-radius:50%;top:50%;margin-top:-30px;} .qrimg_div .qrimg_con .qrimg_person_text{font-size:14px;color:#2c2c2c;margin:10px 0;} .qrimg_div .qrimg_con .qrimg_person_text span{margin-right:10px;} .qrimg_div .qrimg_con h2{font-size:18px;text-align:center;} .qrimg_div .qrimg_con .qrimg_logo{margin:10px 30px;width:300px;} .qrimg_div .qrimg_con .qrimg_lookclass{font-size:12px;color:#2c2c2c;margin-bottom:10px;} .qrimg_div .qrimg_con .qrimg_df{font-size:14px;color:#666;margin-top:5px;} /*星星评分*/ .rating{ width:80px; height:16px; margin-top:8px; padding:0; list-style:none; clear:both; position:relative; background: url(images/star-matrix.gif) no-repeat 0 0; } .rating-show{ width:80px; height:16px; clear:both; background: url(images/star-matrix.gif) no-repeat 0 0;display:inline-block;margin:0 30px 0 10px; } /* add these classes to the ul to effect the change to the correct number of stars */ .nostar {background-position:0 0} .onestar {background-position:0 -16px} .twostar {background-position:0 -32px} .threestar {background-position:0 -48px} .fourstar {background-position:0 -64px} .fivestar {background-position:0 -80px} ul.rating li { cursor: pointer; float:left; text-indent:-999em; } ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.one a {left:0} ul.rating li.two a {left:16px;} ul.rating li.three a {left:32px;} ul.rating li.four a {left:48px;} ul.rating li.five a {left:64px;} ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(images/star-matrix.gif) no-repeat 0 0 } ul.rating li.one a:hover {background-position:0 -96px;} ul.rating li.two a:hover {background-position:0 -112px;} ul.rating li.three a:hover {background-position:0 -128px} ul.rating li.four a:hover {background-position:0 -144px} ul.rating li.five a:hover {background-position:0 -160px} /*体验*/ .experience_box{margin-top:20px;margin-bottom:150px;padding-bottom: 50px;} .experience_box .title_box{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 45px 0 25px;border-bottom:2px solid #dbdbdb;} .experience_box .title_box .title_left strong{font-size:24px;color:#333;} .experience_box .title_box .title_left span{font-size:14px;color:#999;} .experience_box .title_box .titile_right{color:#3549c7;} .experience_box .experience_list{padding:15px 50px 0px 45px;} .experience_box .experience_list .experience_one{border-bottom:2px dashed #dcdcdc;padding:25px 0 30px 0;} .experience_box .experience_list .experience_one_left{float:left;width:120px;} .experience_one_right{width:935px;margin-left:145px;} .experience_one_right .title{display:flex;justify-content:space-between;align-items:center;} .experience_one_right .title strong{font-size:24px;} .experience_one_right .title .title_right span:first-child{background:url(images/left_icon_tiyan_gray.png) no-repeat 0 0;background-size:15px 14px;padding-left:18px;margin-right:25px;} .experience_one_right .experience_intro{margin:15px 0 20px 0;} .experience_one_right .plm_box{width:100%;display:flex;} .plm_box .plm_one{width:20%;border:1px solid #3344ca;color:#666;text-align:center;margin-right:15px;} .plm_box .plm_one .plm_one_top{padding:15px 14px 10px 14px;height:85px;} .plm_box .plm_one p{color:#3344ca;font-size:12px;margin-top:12px;} .plm_box .plm_one h3{color:#3549c7;font-size:14px;font-weight:700;line-height:14px;} .plm_box .plm_one h4{height:32px;line-height:32px;background:#3344ca;color:#fff;} .plm_box .plm_one:hover{border:1px solid #d5d5d5;cursor:pointer;} .plm_box .plm_one:hover p,.plm_box .plm_one:hover h3{color:#666;} .plm_box .plm_one:hover h4{background:#a8a8a8;cursor:pointer;} .not_online{color:#fff;background:#3344ca;width:130px;height:30px;line-height:30px;border-radius:5px;text-align:center;} /*体验详情*/ .plm_manage{padding-bottom:100px;} .plm_manage_top{background:#fff;padding:35px 40px 30px 50px;} .plm_manage_top img{float:left;margin-right:30px;width:405px;height:235px;} .plm_manage_top h1{font-size:28px;font-weight:500;height:50px;line-height:50px;} /*.plm_manage_top p{margin:10px 0 15px 0;line-height:24px;height:100px;}*/ .plm_manage_top_right p{margin:10px 0 15px 0;line-height:24px;height:100px;} .plm_manage_top .bm_btn{background:#18abfe;} .plm_manage_top .bm_btn span{background:url(images/left_icon_tiyan.png) no-repeat 0 0;background-size:20px 20px;padding-left:26px;font-size:16px;} .plm_manage_list{padding:20px 0px 70px 0px;background:#fff;margin-top:20px;} .plm_manage_ul{display:flex;} .plm_manage_ul li{border:1px solid #bebebe;color:#666;border-radius:2px;padding:15px 20px;margin-right:20px;cursor:pointer;} .plm_manage_ul li:hover,.plm_manage_ul li.active{color:#3344ca;font-size:16px;border:1px solid #3344ca;border-radius:2px;padding:15px 20px;} .plm_manage_ul li:hover a,.plm_manage_ul li.active a{color:#3344ca;font-size:16px;} .plm_manage_con{padding-top:15px;} .plm_manage_con .brief_intro{margin:0 0 25px 0;line-height:22px;} .plm_manage_scene_one .title{display:flex;justify-content:space-between;border-bottom:2px solid #ededed;padding-bottom:10px;margin-bottom:30px;} .plm_manage_scene_one .title h2{border-left:4px solid #3344ca;padding-left:10px;font-size:18px;font-weight:600;} .plm_manage_scene_one .title p{color:#3344ca;} .plm_manage_scene_one .plm_manage_scene_con_text h3{font-weight:600;} .plm_manage_scene_one .plm_manage_scene_con_text p{line-height:28px;} .plm_manage_scene_con_video .videotip{color:#fff;width:80px;height:30px;background:#3344ca;line-height:30px;margin:15px 0;text-align:center;} .plm_manage .experience_info .col-sm-2{padding-right:0;} .plm_manage .tybm_btn{padding:11px 22px;} .plm_manage .tybm_btn_blue{border:1px solid #19acfd;color:#19acfd;padding:11px 22px;margin-left:10px;font-size:16px;} .plm_manage .tybm_btn_blue:hover{background:#19acfd;color:#fff;} .usething .radio-inline input[type=checkbox] { margin-left: -20px; } .experience_dis{padding:20px 20px 40px 20px;} .experience_dis img{width:100%;} /*我的体验*/ .order_detail .myexperiencedetial_title { height: 50px; line-height: 50px; border-bottom: 2px solid #f2f2f2; font-size: 16px; } .order_detail .myexperiencedetial_title span{line-height: 50px;display: inline-block;padding-left:20px;font-weight:600;} .order_info_box .title{margin-top:20px;padding:0 20px;height:30px;line-height: 30px;background:#008dff;color:#fff!important;text-align: center;font-size:12px;border-radius: 3px;} .order_info{overflow: hidden;} .order_info p{width:50%;float:left;height:40px;font-size:12px;line-height: 40px;border-bottom:1px #dbdbdb dashed;} .order_info span{font-weight: 500;} .order_info_record {border-bottom:1px dashed #dbdbdb;display: flex;padding:15px 15px 15px 0;justify-content: space-between;} .order_infor_record_recorder{padding:10px 0;} .order_info_record_left{width:90%;} .order_info_record_right{width:8%;display:flex;} .order_info_record_right button{height:40px;} /*答疑活动*/ .active_m_box{ display:flex;flex-direction:column;align-items:center; background:#fff;padding:30px 30px 60px 30px;margin-bottom:150px; } .active_m_box h2{font-size:22px;margin-bottom:30px;} .active_m_box .text_2{text-indent:2em;} .active_m_box img{margin-bottom:20px;} .active_m_box .time .time_strong{margin-right:20px;} .active_m_box .teacher{margin-top:15px;} .active_m_box .teacher .title{line-height:30px;} .active_m_box .teacher p{margin-bottom:10px;} .question_one{margin-bottom:20px;} .quesition_red p{color:#ff0000;} .question_tr{background:#ddd;margin-top:15px;} .underline { background-color: transparent; border: solid 1px transparent; padding: 3px; border-bottom: solid 1px #cdcdcd; } .qtypetip { color: #999; font-weight: normal; font-size: 14px; } .req { color: red; font-weight: bold; } .div_question{overflow:hidden;} .div_question .pl20{padding-left:20px;} .custom_evaluate{border:1px solid #f6f6f6;} .custom_evaluate .evaluate_tip{height: 74px;border-bottom:1px solid #f6f6f6;display:flex;} .custom_evaluate .evaluate_tip p:first-child{padding:23px 35px;background:#3344ca;color:#fff;font-size:16px;} .custom_evaluate .evaluate_tip p:first-child img{width:26px;height:26px;margin-right:10px;} .custom_evaluate .evaluate_tip p:first-child span{font-size:12px;} .custom_evaluate .evaluate_tip p:nth-child(2){font-size:14px;color:#666;line-height:74px;margin-left:40px;} .custom_evaluate .evaluate_tip p:nth-child(2) span{color:#fd6721;font-size:26px;font-weight:bolder;margin-left:20px;} .evaluate_con{padding:10px 25px 25px 20px;} .evaluate_con .evaluate_con_top{display:flex;margin-bottom:10px;} .evaluate_con .pj_man{width:55px;height:55px;margin-right:12px;} .evaluate_con .evaluate_con_top_right {display:flex;flex-direction:column;justify-content:center;} .evaluate_con .evaluate_con_top_right .name_time{margin-bottom:5px;display:flex;flex-direction:row;justify-content:space-between;width:1050px;} .evaluate_con .evaluate_con_top_right .name_itme p{font-size:14px;color:#999;} .evaluate_con .evaluate_con_top_right .star{display:flex;} .evaluate_con .evaluate_con_top_right .star .rating-show{margin-left:0;} /*fix-r*/ .fix-r { position: fixed; bottom: 4%; right: 10px; z-index: 1000; } .fix-r ul li > a { border-radius: 5px; width: 64px; height: 64px; margin-bottom: 10px; background: #d9d9d9; display: flex; flex-direction: column; align-items: center; justify-content: center; } .fix-r ul li a span { color: #fff; font-size: 12px; } .fix-r ul li p.fix-p { position: absolute; right: 58px; top: 0; z-index: -1; width: 265px; height: 64px; display: none; color: #333; font-size: 14px; margin: 0; padding: 10px; background: #c0c0c0; } .fix-r ul li > a:hover { background: #c0c0c0; } .fix-r ul li.fix_ewm:hover img.fix-ewm { display: block; } .fix-r ul li.fix_p:hover p.fix-p { display: block; } .fix-r ul li a { cursor: pointer; } .fix-r ul li #gotop { display: none; cursor: pointer; text-align: center; } .fd_jt { width: 64px; line-height: 64px; color: #fff; font-size: 24px; background: #d9d9d9; border-radius: 5px; } /*618优惠券*/ .use618 .one_bg{background:#fff;box-shadow:1px 1px 5px #ccc;padding:25px 30px 0 30px;margin-bottom:20px;} .use618 .one_bg .one_top{display:flex;margin-bottom:20px;align-items:center;} .use618 .one_bg .one_top img{width:130px;height:60px;margin-right:8px;margin-left:5px;} .use618 .one_bg .one_top h3{font-size:16px;color:#000;margin-bottom:4px;} .use618 .one_bg .one_top .date{font-size:14px;color:#878787;} .use618 .one_bg .tip{line-height:40px;border-top:1px solid #e7e7e7;font-size:12px;color:#878787;} .use618 .one_bg .img_tip{position:absolute;right:15px;top:0;} /*广东上云弹框*/ .cloud_modal h2{font-size:22px;} .cloud_modal h3{font-size:16px;line-height:20px;} .cloud_modal p{margin-bottom:5px;} .cloud_modal img{width:100%;} /*邀请达人*/ .invite_close { border-bottom: 1px solid #ccc; margin-bottom: 10px; } .invite_close .active { border-bottom: 1px solid #409EFF; line-height: 20px; } .invite_close a { width: 45%; display: inline-block; text-align: center; padding-bottom: 5px; } .invite_list { padding-bottom: 30px; } .invite_list .top_bg { width: 100%; } .invite_list .myinfo { border-bottom: 3px solid #ebeaf0; display: flex; padding: 10px; } .invite_list .myinfo .left_person { border-radius: 50%; width: 36px; height: 36px; margin-right: 10px; } .invite_list .myinfo .right_info h3 { margin-bottom: 10px; font-size: 14px; } .invite_list .myinfo .right_info .tip { background: #ff9b6a; color: #fff; font-size: .4rem; padding: .1rem .2rem; margin-left: .2rem; } .invite_list .myinfo .right_info p.own_tip { font-size: 14px; margin-top: 10px; margin-bottom: 5px; } .invite_list .myinfo .right_info .invite_man { display: flex; align-items: baseline; font-size: 12px; } .invite_list .myinfo .right_info .invite_man p { font-size: 12px; } .invite_one { padding: 10px 10px 0 10px; display: flex; } .invite_one .top_person { border-radius: 50%; width: 36px; height: 36px; margin-right: 10px; } .invite_one .invite_one_left { position: relative; } .invite_one .invite_one_left .top_person { border-radius: 50%; width: 36px; height: 36px; margin-right: 10px; } .invite_one .invite_one_left .top_num { color: #fff; font-size: 12px; left: 15%; position: absolute; top: 15%; z-index: 2; width: 20px; text-align: center; } .invite_one .invite_one_right { border-bottom: 1px solid #ddd; width: 100%; } .invite_one .invite_one_right h3 { margin-bottom: 10px; font-size: 14px; } .invite_one .invite_one_right p { font-size: 12px; margin-top: 10px; margin-bottom: 5px; } .invite_one .invite_one_right span.red { color: red; } .myinvite_box { overflow: auto !important; } .contractmodal .modal-body { padding-bottom: 50px; } .contractmodal .bz { color: red; margin-bottom: 10px; } .contractmodal .bg_blue { background: #0d75ff; color: #fff; } .contractmodal .bg_green { background: #09b81a; color: #fff; } /*.invite_close {border-bottom:1px solid #ccc;margin-bottom:10px;} .invite_close .active{border-bottom:1px solid #409EFF;line-height:20px;} .invite_close a{width:45%;display:inline-block;text-align:center;padding-bottom:5px;} .invite_list{padding-bottom:30px;} .invite_list .top_bg{width:100%;} .invite_list .myinfo{border-bottom:3px solid #ebeaf0;display:flex;padding:10px;} .invite_list .myinfo .left_person{border-radius:50%;width:36px;height:36px;margin-right:10px;} .invite_list .myinfo .right_info h3{margin-bottom:10px;font-size:14px;} .invite_list .myinfo .right_info .tip{background:#ff9b6a;color:#fff;font-size:.4rem;padding:.1rem .2rem;margin-left:.2rem;} .invite_list .myinfo .right_info p.own_tip{font-size:14px;margin-top:10px;margin-bottom:5px;} .invite_list .myinfo .right_info .invite_man{display:flex;align-items:baseline;font-size:12px;} .invite_list .myinfo .right_info .invite_man p{font-size:12px;} .invite_one{padding:10px 10px 0 10px;display:flex;} .invite_one .top_person{border-radius:50%;width:36px;height:36px;margin-right:10px;} .invite_one .invite_one_left{position:relative;} .invite_one .invite_one_left .top_person{border-radius:50%;width:36px;height:36px;margin-right:10px;} .invite_one .invite_one_left .top_num{color:#fff;font-size:12px;left:15%;position:absolute;top:15%;z-index:2;width:20px;text-align:center;} .invite_one .invite_one_right{border-bottom:1px solid #ddd;width:100%;} .invite_one .invite_one_right h3{margin-bottom:10px;font-size:14px;} .invite_one .invite_one_right p{font-size:12px;margin-top:10px;margin-bottom:5px;} .invite_one .invite_one_right span.red{color:red;} .myinvite_box{overflow:auto!important;} .contractmodal .modal-body{padding-bottom:50px;} .contractmodal .bz{color:red;margin-bottom:10px;} .contractmodal .bg_blue{background:#0d75ff;color:#fff;} .contractmodal .bg_green{background:#09b81a;color:#fff;}*/ /*团长奖励*/ .rebate_por_list_title{display:flex;align-items:center;justify-content:space-between;background:#f0f0f0;padding:10px 40px 10px 10px;} .rebate_por_list_title .rebate_por_list_sharetitle{border-left:2px solid #3e28be;font-size:18px;padding-left:5px;} .public .rebate_title .num_bottom_bodernone{padding:0 10px 20px 10px;} .rebate_por_list_title .rebate_share_title {font-size:14px;color:#409EFF;text-decoration:underline;} .two_code_box_share{display:flex;flex-direction:column;align-items:center;justify-content:center;} .two_code_box_share .top{width:400px;height:215px; background: -webkit-linear-gradient(#3245ca, #502cc9); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#3245ca, #502cc9); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#3245ca, #502cc9); /* Firefox 3.6 - 15 */ background: linear-gradient(#3245ca, #502cc9); /* 标准的语法 */ border-radius: 5px;} .two_code_box_share .top .two_code{display: flex;justify-content: space-between;padding:30px 30px 10px 30px;} .two_code .left_img .qriously_bg_f{background:#fff;} .two_code .left_img img{width:150px;height:150px;padding:5px;margin-right:15px;} .two_code .two_code_r h4{color:#fff;font-weight: 500;margin-bottom:10px;height:32px;overflow: hidden;text-align: left;} .two_code .two_code_r{text-align: center;width:170px;height:155px;} .two_code .two_code_r .left{margin-right:47px;} .two_code_box_share .bottom{padding:44px 0;} .two_code_box_share .bottom p{margin-bottom:25px;} .two_code_box_share .bottom .button_copy{margin-top:20px;} .two_code_box_share .bottom a{color:#9ca0e1;text-decoration: underline;} .tip_card{color:#666;font-size:14px;margin-bottom:7px;margin-left:30px;.} .activity_process_img{width:100%;overflow:hidden;} .activity_process2 h2{line-height:40px;margin-top:20px;font-size:20px;} .activity_process2 h3,.activity_process2 h4{line-height:30px;} .activity_process2 strong{font-weight:bold;} .activity_process2{text-align:center;} .activity_process2 h2,.activity_process2 h3,.activity_process2 h4,.activity_process2 p{text-align:left;} /*卡号分配*/ .card_allot{} .card_allot .card_allot_tip{color:#fff;background:#3200ad;padding:5px;width:100px;text-align:center;margin-bottom:15px;} .card_allot .card_allot_form{width:100%;text-align:center;} .card_allot .card_allot_table{margin-top:20px;} .card_allot .card_allot_table thead {background:#eaeaea;} .card_allot .form-control{width:70%;} .color_red{color:red;margin-top:20px;} .hot_bg { background: #Ef121b; color: #fff; margin-top: 10px; padding: 7px 6px; border-radius: 3px; } .start_bg span, .hot_bg span { color: #fff; padding: 2px; } .start_bg span.color_f, .hot_bg span.color_f { background: #fff; padding: 2px; color: #000; margin:0 2px; } .start_bg { background: #969696; color: #fff; margin-top: 10px; padding: 7px 6px; border-radius: 3px; } .video_tab_vidio_list .progress-bar { background-color: #00c995; } .video_tab_vidio_list .progress-bar { line-height: 3px; } .video_tab_vidio_list .progress { height: 3px; margin-bottom:8px; } /*用户中心左侧*/ .list { overflow-y: auto; } .list .top { color: #000; font-size: 16px; height: 57px; line-height: 57px; font-weight: 600; background: #fff; margin-top: 22px; padding-left:20px; } .list ul li { background-color: #fff; border-bottom: solid 2px #f8f8f8; } .list ul li i { display: inline-block; padding-left: 20px; height: 48px; line-height: 48px; } .list ul li i.order_center { background: url(/Content/images/centerleft/centerleft_01.png) no-repeat 0px center; background-size: 16px 18px; } .list ul li i.study_center { background: url(/Content/images/centerleft/centerleft_02.png) no-repeat 0px center; background-size: 16px 18px; } .list ul li i.yw_center { background: url(/Content/images/centerleft/centerleft_03.png) no-repeat 0px center; background-size: 16px 18px; } .list ul li i.kf_center { background: url(/Content/images/centerleft/centerleft_04.png) no-repeat 0px center; background-size: 16px 18px; } .list ul li i.account_center { background: url(/Content/images/centerleft/centerleft_05.png) no-repeat 0px center; background-size: 16px 18px; } .list ul li a { color: #333; font-size: 14px; display: block; font-weight: bold; height: 48px; line-height: 48px; padding: 0 20px 0 20px; position: relative; } .list ul li a span { text-align: left; width: 100px; display: flex; padding-left: 20px; } .list ul li .inactive { background: url(/Content/images/centerleft/centerleft_up.png) no-repeat 119px center; } .list ul li .inactives { background: url(/Content/images/centerleft/centerleft_down.png) no-repeat 119px center; } .list ul li ul { display: none; } .list ul li ul li { border-left: 0; border-right: 0; background-color: #eee; color:#777; border-bottom:none; text-align:center; } .list ul li ul li:hover, .list ul li ul li.active { background: #00a1fd; } .list ul li ul li:hover a, .list ul li ul li.active a { color: #fff; } .courselearning{display:flex;justify-content:space-between;} .usercenter{margin-bottom:30px;} .card_btn_box button{margin-left:10px;} .xcx_box { margin-top: 10px; } .xcx_box .title{font-size:18px;margin-right:30px;margin-bottom:12px;} .xcx_con { box-shadow: 1px 1px 15px rgba(0,0,0,.23); display:flex; align-items:center; padding:14px 30px 12px 14px; } .xcx_box .xcximg img{width:110px;height:110px;display:block;margin-right:22px;} .xcx_con .xcx_right h2 { font-size: 20px; color: #000; margin-bottom:14px; } .xcx_con .xcx_right p { font-size: 14px; color: #666; } /*物流信息*/ .package-status { padding: 18px 0 0 0 } .package-status .title{margin-bottom:18px;font-weight:bolder;} .package-status .status-list { margin: 0; padding: 0; margin-top: -5px; padding-left: 8px; list-style: none; } .package-status .status-list > li { border-left: 2px solid #D7D7D7; text-align: left; } .package-status .status-list > li:before { /* 流程点的样式 */ content: ''; border: 2px solid #d7d7d7; background-color: #d7d7d7; display: inline-block; width:14px; height:14px; border-radius: 50%; margin-left: -8px; margin-right: 10px } .package-status .status-list > li.latest:before { content: ''; border: 2px solid #98dd8f; background-color: #50b033; display: inline-block; border-radius: 50%; width:18px;height:18px; margin-left: -10px; margin-right: 10px } .package-status .status-box { overflow: hidden } .package-status .status-list > li { height: auto; width: 95%; } .package-status .status-box { position: relative; padding-top:10px; padding-left:10px; } .package-status .status-list { margin-top: 0px; } .status-list > li:not(:first-child) { padding-top: 25px; } .status-content-before { text-align: left; margin-left: 25px; margin-top: -28px; } .status-content-latest { text-align: left; margin-left: 25px; color: #50b033; margin-top: -28px; } .status-time-before { text-align: left; margin-left: 25px; font-size: 10px; } .status-time-latest { text-align: left; margin-left: 25px; color: #50b033; font-size: 10px; } /*软件下载*/ .my2021sp1_js h2 { font-size: 18px; color: #000; margin-bottom: 12px; border-left: 3px solid #3f30c0; padding-left:5px; } .my2021sp1_js p { font-size: 14px; color: #333; line-height:21px; margin-bottom:30px; } .bule_btn { color: #3f30c0; cursor: pointer; margin-left: 20px; } /*招聘*/ .job_container{ background:#f1f1f1; } .job_banner img{ width:100%; } .job_box { width: 1202px; margin: 25px auto; background: #fff; } .job_breadcrumb { width: 1202px; margin: 0px auto; line-height:50px; font-size:14px; color:#333; } .job_breadcrumb span{ cursor:pointer; } .job_list_top { display: flex; align-items: center; justify-content: space-between; } .job_search_box{ display:flex; } .job_list_top{ padding:0 15px; } .job_list_top h1 { font-size: 36px; line-height: 90px; } .job_list_top h1 span{ font-size:20px; } .job_list_top .job_search{ margin-left:20px; background:#333; font-size:14px; color:#fff; } .job_list_top .job_search span{ margin-top:2px; color:#fff; } .job_list_one{ margin:0 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #d9d9d9; padding-left:10px; } .job_list_one h2{ font-size:16px; margin: 30px 20px 20px 0; line-height:16px; } .job_list_one_time{ display:flex; margin-bottom:20px; } .job_list_one_time p{ color:#999; font-size:14px; line-height:14px; } .job_list_one_time p:first-child{ margin-right:20px; } .job_list_one:hover{ background:#f7f7f7; } .job_list_one_right{ color:#fff; font-size:14px; padding:10px 18px; background:#006cdc; border-radius:3px; margin-right:50px; cursor:pointer; display:none; } .job_list_one:hover .job_list_one_right{ display:block; } .job_list_one_right:hover { opacity: .8; } .job_list_one_right a{ color:#fff; } .job_pagination { margin-left: 15px; } /*查看职位*/ .job_center{ width:1202px; margin:0 auto; margin-bottom:30px; } .job_two_container{ display:flex; } .job_con_left { background: #fff; padding: 34px 50px 80px 30px; width:895px; box-sizing:border-box; } .job_con_right{ width:290px; margin-left:15px; } .job_con_right_top{ background:#fff; } .job_con_right_bottom{ background: #fff; margin-top:15px; padding:20px 15px; } .job_con_left_top { display: flex; align-items: center; justify-content: space-between; } .release_time { font-size: 14px; color: #999; line-height:14px; } .job_name{ font-size:20px; color:#000; margin:20px 0; } .job_tip { font-size: 14px; color: #999; line-height: 14px; } .job_con_title{ font-size: 16px; margin-top: 20px; line-height: 30px; margin-bottom: 20px; } .job_con_title span { width: 20px; display: block; border-bottom: 2px solid #006cdc; } .job_des_con p{ line-height:44px; color:#666; } .job_address_con{ line-height: 20px; color: #666; } .job_intro_con{ line-height: 44px; color: #666; text-indent: 2em; } .job_btn_con{ text-align: center; margin-top:30px; } .job_btn a { color: #fff; font-size: 14px; padding: 10px 18px; background: #006cdc; border-radius: 3px; margin-right: 50px; cursor: pointer; display: inline-block; } .job_btn a:hover{ opacity:.9; } .new_job_title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; } .new_job_title h2{ font-size:18px; line-height:18px; } .new_job_title p{ font-size:14px; color:#666; cursor:pointer; } .newJobList li a{ border-bottom:1px dashed #ccc; line-height:52px; display:block; } .newJobList li:last-child a{ border-bottom:none; } .job_one_container { background: #fff; } .apply_job_con_top{ padding:36px 36px 22px 30px; border-bottom:1px solid #ccc; } .apply_job_con { position: relative; padding:35px 238px 100px 170px; box-sizing:border-box; width:100%; background:#fff; } .job_upload{ width:60%; padding-left:15px; } .job_blue_btn{ color:#fff; background:#00a1fc; font-size:14px; padding:10px 15px; display:inline-block; border-radius:3px; line-height:14px; margin-bottom:10px; margin-top:20px; } .apply_job_con label{ font-size:14px; color:#000; } .apply_job_con label .required{ color:red; } .job_label { margin-bottom: 15px; } .upload_tip{ font-size:12px; color:#999; margin-top:12px; } .job_info{ overflow:hidden; } .job_info .form-group{ margin-bottom:0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background: #fff !important; } .fenge { line-height: 40px; position: relative; top: -5px; text-align: center; } .education_bg,.work_bg { border-bottom: 1px dashed #ccc; padding-bottom: 20px; overflow: hidden; } .education_bg .form-group,.work_bg .form-group{ margin-bottom:0; } .add_education,.add_work { color: #00a1fc; margin-left: 20px; cursor: pointer; } .job_btn_line { display:flex; align-items:center; justify-content:center; margin-top:56px; } .job_btn_line .job_cancel_btn { background: #666; color: #fff; border-radius: 3px; font-size: 18px; line-height:18px; padding: 14px 22px; margin-right:20px; cursor:pointer; } .job_btn_line .job_done_btn { background: #016ddc; color: #fff; border-radius: 3px; font-size: 18px; line-height:18px; padding: 14px 22px; cursor:pointer; } .job_btn_line .job_cancel_btn:hover,.job_btn_line .job_done_btn:hover{ opacity:.8; } .delivery_num{ float:right; font-size:14px; color:#666; margin-right:30px; } .delivery_num span{ margin-left:20px; } .delivery_list { background: #fff; border-radius: 2px; box-shadow: 0 0 1px 1px #efefef; padding: 30px 25px; margin-bottom:15px; position:relative; } .delivery_list h2{ font-size:16px; color:#000; border-left:5px solid #666; padding-left:6px; line-height:14px; margin-bottom:20px; } .deliver_info{ display:flex; align-items:center; font-size:14px; line-height:14px; } .deliver_info p{ color:#999; } .deliver_info p:first-child{ margin-right:85px; } .right_bluetip { width: 0; height: 0; border-top: 65px solid #00a1fd; border-left: 65px solid transparent; position: absolute; right: 0; top: 0; } .right_bluetip span{ position:absolute; right:-30px; top:-60px; color:#fff; font-size:14px; z-index: 999; width:65px; } .file_uploaded { color: #00a1fd; font-size:14px; margin-top:25px; } .file_uploaded span{ margin-left:10px; color:#000; margin-right:10px; } .file_uploaded i{ color:#ccc; cursor:pointer } .talent_list{ cursor:pointer; padding:15px; background:#fff; display:block; margin-bottom:15px; } .talent_list_top{ display:flex; margin-top:12px; border-bottom:1px solid #ccc; padding-bottom:10px; } .talent_img img{ width:50px;height:50px; border-radius:50%; border:1px solid #ccc; margin-right:15px; margin-left:15px; } .talent_list_right h2{ font-size:16px; color:#000; margin-bottom:10px; } .talent_list_right_bottom{ font-size:14px; color:#999; display:flex; align-items:center; justify-content:space-between; width:900px; } .talent_list_right_bottom_left span{ border-right:2px solid #999; padding:0 15px; line-height:14px; margin:8px 0; display:inline-block; } .talent_list_right_bottom_left span:last-child{ border-right:none; } .talent_list_right_bottom_left span:first-child{ padding-left:0; } .talent_list_right_bottom_right span { padding: 0 15px; line-height: 30px; } .talent_list_bottom{ padding-top:15px; padding-left:18px; } .talent_list_bottom { display:flex; align-items:center; justify-content:space-between; } .talent_list_bottom .left{ display:flex; align-items:center; } .talent_list_bottom .left span { font-size: 14px; color: #999; line-height: 36px; margin-right:20px; display:flex; align-items:center; } .talent_list_bottom .right{ display:flex; align-items:center; } .talent_list_bottom .right p{ border:1px solid #999; font-size:14px; padding:10px 12px; border-radius:4px; line-height:14px; margin-right:8px; cursor:pointer; } .talent_list_bottom .right p.talent_blue_bg{ border:1px solid #409EFF; background:#409EFF; color:#fff; } .talent_list_bottom .right p:hover{ border:1px solid #409EFF; color:#409EFF; } .talent_list_bottom .right p.talent_blue_bg:hover{ color:#fff; opacity:.9 } .list-tab{ padding:15px 25px 10px 25px; max-height:100%; background:#fff; margin-bottom:15px; display:flex; } .list-tab-one { display: flex; flex-wrap:wrap; } .list-tab-one li{ margin-right:20px; margin-bottom:5px; padding:8px 9px; border:1px solid #fff; } .list-tab-one li a{ font-size:14px; color:#666; line-height:14px; } .list-tab-one li.active{ border:1px solid #ccc; padding:8px 9px; color:#000; } .list-tab-one li:hover{ border:1px solid #ccc; padding:8px 9px; color:#000; cursor:pointer; } .listtabbtn{ width:110px; } .talent_detail { background: #fff; padding: 25px 15px 50px 15px; } .talent_detail_one{ display:flex; padding-bottom:15px; border-bottom:1px solid #ccc; } .talent_detail_one_btn{ display:flex; } .talent_detail_one_btn p { color: #0fa7fd; border: 1px solid #0fa7fd; padding: 10px 15px; text-align: center; border-radius: 3px; margin-bottom:0; cursor:pointer; } .talent_detail_one_btn p:first-child{ margin-right:16px; } .talent_detail_two_list{ display:flex; flex-wrap:wrap; } .talent_detail_two_info{ width:50%; line-height:50px; border-bottom:1px dashed #ccc; padding-left:5px; } .talent_detail_two_info .left{ color:#999; width:70px; display:inline-block; margin-right:30px; } .talent_detail_two_info .right{ color:#000; } .talent_detail_three_list ul{ margin-left:25px; } .talent_detail_three_list ul li { border-left: 1px solid #ccc; padding-left: 10px; color: #000; line-height: 50px; position: relative; } .talent_detail_three_list ul li:before{ content:''; width:8px; height:8px; background:#ccc; border-radius:50%; position:absolute; top:20px; left:-5px; } .talent_detail_three_list ul li span{ margin-right:18px; } .position_top { background: #fff; padding: 14px 15px; display: flex; align-items: center; margin-bottom:15px; } .position_top .position_top_one{ display:flex; align-items:center; } .position_top_title label, .position_top_title { width: 80px; margin-right: 10px; display: inline-block; margin-left: 15px; font-weight: 500; } .position_top .position_top_one:first-child .position_top_title { margin-left: 0; } .position_top .jobname { width: 172px; } .addnewjob { background: #00a1fc; font-size: 14px; padding: 10px 15px; display: inline-block; border-radius: 3px; line-height: 14px; cursor: pointer; } .addnewjob a{ color: #fff; } .jobmanage_search { color: #fff; background: #000; color:#fff; font-size: 14px; padding: 9px 15px; display: inline-block; border-radius: 3px; line-height: 14px; cursor:pointer; margin:0 15px; } .addnewjob:hover, .jobmanage_search:hover{ opacity:0.8; } .position_list{ padding:30px 23px 0 17px; background:#fff; margin-bottom:15px; } .position_list_top{ border-bottom:1px solid #ccc; padding-bottom:20px; display:flex; } .position_list_top_left h2{ line-height:12px; border-left:5px solid #58cf00; padding-left:5px; font-size:16px; margin-bottom:20px; } .position_list_top_left_info{ font-size:14px; } .position_list_top_right{ margin-left:200px; text-align:center; } .position_list_top_right .position_num{ font-size:25px; color:#000; cursor:pointer; } .position_list_top_right .position_num:hover{ color:#008dff; } .position_list_top_right .position_status { color: #999; } .position_list_bottom{ padding:13px 10px 15px 5px; display:flex; align-items:center; justify-content:space-between; } .position_list_bottom .left{ display:flex; align-items:center; } .position_list_bottom .right{ display:flex; align-items:center; } .position_list_bottom .right p{ border:1px solid #999; font-size:14px; padding:10px 12px; border-radius:4px; line-height:14px; margin-right:8px; cursor:pointer; } .position_list_bottom .right p:hover{ border:1px solid #409EFF; color:#409EFF; } .position_list_bottom .left img { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ccc; margin-right:8px; } .position_list_bottom .left span { color: #999; font-size: 14px; margin-right: 25px; } .talentmanagement_bottom .right p.talent_blue_bg { background: #409EFF; color:#fff; }