.btn:hover { background: linear-gradient(180deg, rgba(102, 154, 255, 1) 0%, rgba(45, 114, 255, 1) 64%, rgba(52, 100, 255, 1) 100%) !important; cursor: pointer !important; } /* .intercom-lightweight-app-launcher{ bottom: 140px !important; } */ /* 动画层 */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } /* 头 */ .header_top { width: 100%; height: 620px; background: url("/resource/new2021/image/home/top.png") no-repeat center #0C121C; -webkit-background-size: auto 620px; background-size: auto 620px; padding-top: 82px; } .header_nav { position: fixed; left: 0; right: 0; top: 0; height: 70px; background: linear-gradient(289deg, rgba(20, 37, 141, 1) 0%, rgba(5, 16, 68, 1) 85%, rgba(4, 15, 65, 1) 100%); z-index: 2020; } .logo { float: left; height: 50px; margin-top: 8px; max-width: 180px; } .header_sec { position: relative; margin-left: 20px; width: 90px; height: 28px; margin-top: 21px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.3); -background-image: url(/resource/new2021/image/home/sec.png); background-repeat: no-repeat; background-size: 11px 7px; background-position: 80px 13px; } .header_sec strong { font-weight: 400; } .sec_down { display: none; position: absolute; top: 26px; left: -1px; border-left: 1px solid rgba(255, 255, 255, 0.3); border-right: 1px solid rgba(255, 255, 255, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background: #07134e; z-index: 999; } .sec_active { border-bottom: 1px solid rgba(255, 255, 255, 0); } .sec_down li { width: 88px; height: 28px; line-height: 28px; font-size: 12px; font-weight: 400; color: #FFFFFF; padding-left: 14px; cursor: pointer; } .sec_down li:hover { background: rgba(255, 255, 255, .3); } .header_sec span { font-size: 12px; font-weight: 400; color: #FFFFFF; margin-left: 14px; float: left; line-height: 24px; } .header_sec span i { position: absolute; right: 5px; } .nav_ul_box { position: relative; /* margin-right: 32px; */ } .nav_ul { float: left; } .nav_ul .nav_li { float: left; line-height: 70px; padding: 0 20px; } .nav_ul .nav_li a { font-size: 16px; color: #fff; display: block; } .nav_ul .nav_li .nav_icon { font-size: 18px !important; color: #fff; } .nav_ul .nav_li:last-of-type { margin-right: 0; } .nav_active { position: absolute; width: 30px; height: 3px; background: #fff; left: 23px; bottom: 12px; transition: all .3s ease } .nav_r { width: 166px; margin-top: 16px; text-align: right; } .login { width: 68px; height: 38px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.3); background-color: rgba(0, 0, 0, 0); font-size: 14px; color: #fff; margin-right: 14px; } .register { width: 68px; height: 38px; background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%); border-radius: 2px; font-size: 14px; color: #fff; } /* 导航下拉 */ .nav_droplist_box { position: absolute; width: 100%; top: 82px; left: 0; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); } .nav_droplist { display: none; background: #fff; width: 1200px; height: auto; padding: 30px 0; position: absolute; top: 0px; left: 0; right: 0; margin: auto; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); } .nav_droplist .drop_sj { position: absolute; width: 13px; height: 6px; background-position: center; background-repeat: no-repeat; background-size: cover; top: -6px; } .drop_son { padding: 0 24px; border-right: 1px solid #EFEFEF; } .drop_son:last-child { border-right: 1px solid #fff; } .drop_son span { display: block; font-size: 16px; font-weight: bold; color: #121212; line-height: 16px; margin-bottom: 24px; } .drop_son ul { float: left; } .drop_son .pad { padding-right: 6px !important; } .header_txt h4 { font-size: 42px; font-weight: bold; color: #fff; line-height: 42px; text-align: center; margin-top: 44px; } .drop_son ul li { margin-bottom: 18px; line-height: 14px; } .drop_son ul li:last-child { margin-bottom: 0; } .drop_son ul li a { font-size: 14px; color: #333333; line-height: 14px; } .drop_son ul .hot a { font-size: 14px; color: #DB0000; line-height: 14px; } .drop_son ul li a:hover { color: #3464FF; } .nav_r2 { position: relative; height: 70px; padding: 22px 0; margin-right: 10px; cursor: pointer; } .user_box { position: absolute; right: 0; top: 120px; display: none; width: 200px; height: 215px; background-color: #fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); border-radius: 5px; padding: 20px 16px 0 16px; } .user_box .drop_sj { position: absolute; width: 13px; transform: translateX(-50%); height: 6px; background-image: url(/resource/new2021/image/home/drop_sj.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: -6px; right: 0; left: 0; margin: auto; } .user_box span { display: block; font-size: 14px; color: #333; margin-bottom: 14px; line-height: 14px; } .user_box .xian { width: 100%; height: 1px; background: rgba(239, 239, 239, 1); margin: 16px 0; } .user_box span b { display: inline-block; font-size: 14px; color: #333; width: 60px; display: inline-block; text-align: justify; text-align-last: justify; margin-right: 16px; } .user_box span:hover { color: #3464FF; } .user_box span:hover b, .user_box span:hover a { color: #3464FF; } .user_box .guanli_btn { display: block; width: 76px; height: 32px; background: #F2F5FF; border-radius: 3px; color: #3464FF; font-size: 14px; line-height: 32px; text-align: center; transition: all .3s; } .user_box .msg { color: #F56C6C; } .user_box .msg i { color: #3464FF; font-size: 16px; vertical-align: bottom; } .user_box .tc_btn { display: block; width: 76px; height: 30px; background: #fff; border-radius: 3px; border: 1px solid #EFEFEF; color: #999999; line-height: 28px; text-align: center; transition: all .3s; } .user_box .guanli_btn:hover { background-color: #3464FF; color: #fff; } .user_box .tc_btn:hover { border: 1px solid #3464FF; color: #3464FF; } .shux { float: left; width: 1px; height: 16px; background: rgba(255, 255, 255, 0.2); margin-top: 4px; } .nav_r2 .userid { position: relative; color: #fff; font-size: 16px; } .nav_r2 .userid i { position: absolute; width: 10px; height: 10px; background: #F56C6C; border-radius: 50%; font-size: 16px; } /* 导航购物车 */ .nav_car { position: relative; } .nav_car .car_icon { width: 20px; height: 20px; background: url(/resource/new2021/image/home/nav_car.png) no-repeat center; background-size: cover; display: inline-block !important; vertical-align: middle; } .car_num { position: absolute; left: 31px; top: 19px; min-width: 15px; height: 16px; background-color: #F56C6C; color: #fff; line-height: 14px; text-align: center; border-radius: 15px; font-size: 12px; padding: 0 4px; } .car_box { display: none; opacity: 0; position: absolute; top: 120px; width: 500px; background: #fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); border-radius: 3px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .car_box .drop_sj { position: absolute; width: 13px; height: 6px; background-image: url(/resource/new2021/image/home/drop_sj.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: -6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .car_box .car_nav { width: 100%; height: 52px; padding-left: 20px; border-bottom: 1px solid #E1E6F0; } .car_box .car_nav li { float: left; margin-right: 35px; position: relative; line-height: 49px; font-weight: bold; color: #040F43; font-size: 14px; cursor: pointer; } .car_box .car_nav li a { font-size: 14px; color: #333; line-height: 14px; display: block; line-height: 51px; } .car_box .car_nav .active a { color: #3464FF; } .car_box .car_nav .active:after { position: absolute; content: ''; width: 30px; height: 3px; background: #3464FF; left: 0; right: 0; bottom: -1px; margin: auto; } .car_box .carYm_ul { width: 100%; } .car_box .carYm_ul .carYm_li { width: 100%; height: 46px; padding: 0 20px; } .car_box .carYm_ul .carYm_li .carYm_lison { height: 45px; line-height: 45px; border-bottom: 1px dashed #E1E6F0; } .car_box .carYm_ul .carYm_li .carYm_lison .carYm_name { font-size: 12px; color: #121212; font-weight: bold; line-height: 45px; margin-left: 10px; width: 70%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; } .car_box .carYm_ul .carYm_li .carYm_lison .carYm_pric { color: #F56C6C; font-weight: bold; } .car_box .carYm_ul .carYm_li .carYm_lison .carYm_pric b { color: #F56C6C; font-weight: bold; } .car_box .carYm_ul .carYm_li:hover { background-color: #F2F5FF; } .car_box .carYm_ul .carYm_li:hover .carYm_name { color: #3464FF; } .car_box .carYm_ul::-webkit-scrollbar { width: 3px; height: 5px; transition: 0.3s background; } .car_box .car_foot { width: 100%; height: 53px; line-height: 53px; padding: 0 20px; } .car_box .car_foot .car_foot_l .checkAll { cursor: pointer; } .car_box .car_foot .car_foot_l b { color: #121212; font-size: 12px; margin-left: 10px; } .car_box .car_foot .car_foot_l .carbtn_del { color: #3464FF; font-size: 12px; margin-left: 16px; cursor: pointer; } .car_box .car_foot_r span { color: #121212; font-weight: bold; margin-right: 20px; } .car_box .car_foot_r span i { color: #F56C6C; font-weight: bold; } .car_box .car_foot_r .car_jiesuan { width: 95px; height: 30px; background: #3464FF; border-radius: 3px; line-height: 30px; color: #fff; text-align: center; font-size: 12px; margin-top: 12px; transition: none !important; } .car_box .car_foot_r .car_jiesuan:hover { opacity: 0.8; } .car_box .car_scorll { max-height: 368px; overflow-y: scroll; } .nav_seek { position: relative; } .seek_box { display: none; opacity: 0; position: absolute; width: 440px; height: auto; background: #fff; box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); right: -174px; top: 120px; margin: auto; padding-top: 30px; } .seek_box .drop_sj { position: absolute; width: 13px; height: 6px; background-image: url(/resource/new2021/image/home/drop_sj.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: -6px; left: 223px; } .seek_box .seek_cont { width: 400px; height: 36px; margin: 0 auto; border-radius: 3px; margin-bottom: 30px; } .seek_box .seek_cont .seek_cont_l { height: 36px; border: 1px solid #E1E6F0; border-right: none !important; border-radius: 3px 0 0 3px; } .seek_box .seek_cont .seek_cont_l .seek_input { width: 321px; height: 100%; color: #333; font-size: 14px; padding-left: 16px; border-radius: 3px 0 0 3px; } .seek_box .seek_cont .seek_cont_l .select { position: relative; width: 76px; height: 34px; font-size: 14px; color: #040F43; line-height: 34px; cursor: pointer; } .seek_box .seek_cont .seek_cont_l .select i { font-size: 12px; color: #040F43; line-height: 34px; } .seek_box .seek_cont .seek_cont_l .select .seach_select { display: none; position: absolute; width: 86px; background: #fff; z-index: 30; top: 42px; right: 0; padding: 5px 0; border-radius: 4px; box-shadow: 0px 0px 12px 0px rgba(7, 17, 27, 0.1); } .seek_box .seek_cont .seek_cont_l .select .seach_select li { padding-left: 10px; height: 32px; line-height: 32px; font-size: 12px; color: #333333; font-weight: normal; cursor: pointer; } .seek_box .seek_cont .seek_cont_l .select .seach_select li:hover { background-color: #F2F5FF; color: #3464FF; } .seek_box .seek_cont .seek_cont_l:hover { border: 1px solid #3464FF; } .seek_box .seek_cont .seek_btn { width: 78px; height: 36px; background: linear-gradient(180deg, #3d7fff 0%, #3464FF 64%, #3464FF 100%); border-radius: 0px 3px 3px 0px; font-size: 14px; font-weight: bold; color: #fff; line-height: 36px; } .seek_box .seek_cont .seek_btn i { font-size: 12px; color: #fff; margin-right: 4px; line-height: 34px; } .seek_box .seek_his_box p { font-size: 14px; color: #8187A1; padding: 0 20px; line-height: 14px; margin-bottom: 10px; } .seek_box .seek_his_box .his_del { width: 100%; height: 50px; line-height: 50px; text-align: center; } .seek_box .seek_his_box .his_del span { cursor: pointer; color: #8187A1; font-size: 14px; } .seek_box .seek_his_box .his_del span i { font-size: 18px; vertical-align: -2px; } .seek_box .seek_his_box .his_del span:hover { color: #3464FF; } .seek_box .seek_his_ul li { width: 100%; height: 46px; padding: 0 20px; } .seek_box .seek_his_ul li a { color: #121212; font-weight: bold; font-size: 12px; line-height: 45px; border-bottom: 1px dashed #E1E6F0; } .seek_box .seek_his_ul li:hover { background-color: #F2F5FF; } .seek_box .seek_his_ul li:hover a { color: #3464FF; } .seek_box .seek_his_ul::-webkit-scrollbar { width: 3px; height: 5px; transition: 0.3s background; } .seek_box .seek_scroll { max-height: 184px; overflow-y: scroll; } /* 探索发现 */ .nav_ts { position: relative; } .ts_box { position: absolute; display: none; opacity: 0; top: 120px; background: rgba(255, 255, 255, 1); box-shadow: 0px 10px 36px 0px rgba(5, 17, 71, 0.2); transition: all .3s; border-radius: 3px; text-align: center; left: 50%; transform: translateX(-50%); padding: 13px 0; } .ts_box1 { padding: 0; } .ts_box .drop_sj { position: absolute; width: 13px; height: 6px; background-image: url(/resource/new2021/image/home/drop_sj.png); background-position: center; background-repeat: no-repeat; background-size: cover; top: -6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin: auto; } .ts_box1 li a:hover { color: #3464FF !important; } .ts_box .ts_ul li a { font-size: 14px; color: #333; line-height: 34px; text-align: center; } .ts_box .ts_ul li a:hover { color: #3464FF !important; } .ts_box1 .ts_ul li { float: left; } .ts_box1 .ts_ul li { padding: 0 25.5px; line-height: 1; border-right: 1px solid #EFEFEF; } .ts_box1 .ts_ul { overflow: hidden; padding: 24px; } .ts_box1 .ts_box .ts_ul li:hover a { color: #3464FF; } .ts_box1 .ts_ul strong { display: block; margin-bottom: 20px; font-size: 16px; color: #121212; text-align: left; } .ts_box1 .ts_ul p { text-align: left; } .nav_ul .nav_li .ts_box1 .ts_ul a { display: inline-block; min-width: 66px; text-align: left; } /* 底部 */ .foot { bottom: 0; left: 0; width: 100%; height: 380px; background: linear-gradient(309deg, rgba(0, 17, 120, 1) 0%, rgba(5, 16, 68, 1) 46%, rgba(4, 15, 65, 1) 100%); padding-top: 80px; } .foot_top { padding-bottom: 60px; border-bottom: 1px solid rgba(255, 255, 255, .19); } .foot_list { float: left; min-height: 134px; border-right: 1px solid rgba(216, 216, 216, .2); padding: 0 60px; } .foot_list:first-child { padding-left: 0; padding-right: 60px; } .foot_list:last-child { padding-right: 0; border: none; } .foot_list dt { font-size: 16px; color: rgba(255, 255, 255, .8); margin-bottom: 20px; } .foot_list dd a { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 26px; } .foot_list dd:hover a { color: rgba(255, 255, 255, 1); } .foot_list dd:hover b { color: rgba(255, 255, 255, 1); } .foot_call { display: block; float: left; width: 93px; height: 28px; background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%); border-radius: 3px; font-size: 12px !important; color: rgba(255, 255, 255, 1) !important; text-align: center; line-height: 28px !important; margin-top: 20px; margin-right: 10px; } .foot_yy { display: block; width: 93px; height: 28px; border-radius: 3px; border: 1px solid #fff; font-size: 12px !important; color: #fff !important; text-align: center; line-height: 26px !important; margin-top: 20px; float: left; transition: all .3s; } .foot_yy:hover { border: 1px solid #3464FF; color: #3464FF !important; } .foot_banquan { margin-top: 30px; } .foot_banquan span { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, .5); } .foot_banquan a { font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, .5); } .rz_box { margin-top: 50px; } .rz_box li { float: left; height: 46px; margin-right: 18px; } .rz_box li a img { height: 46px; } .foot_list dd a b { display: inline-block; width: 60px; text-align: justify; text-align-last: justify; font-size: 14px; font-weight: 400; color: rgba(255, 255, 255, .5); } /* 筛选 */ /* 动画层 */ @-webkit-keyframes jmSlideUpIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @keyframes jmSlideUpIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } } @-webkit-keyframes jmSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @keyframes jmSlideUpOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; opacity: 0; } } @-webkit-keyframes jmSlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @keyframes jmSlideDownIn { 0% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } } @-webkit-keyframes jmSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } @keyframes jmSlideDownOut { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 1; } 100% { -webkit-transform: scaleY(0.8); transform: scaleY(0.8); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; opacity: 0; } } .animated2 { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } /* 重写layer */ .or-layer.or-class { /* margin-top: -50px; */ box-sizing: content-box !important; } .or-layer-move { width: auto !important; height: auto !important; } .or-class .or-layer-title { height: 50px; line-height: 50px; font-size: 16px; } .or-class .or-layer-setwin { top: 18px; } .or-layer-dialog .or-layer-content { word-break: normal; color: #333; } .or-layer-hui .or-layer-content { color: #fff; } .or-class.or-layer-dialog .or-layer-content .or-layer-ico { top: 50% !important; margin-top: -15px; left: 25px !important; } .or-class .or-layer-content a { color: #3464FF; } .or-class .or-layer-padding { padding-left: 70px !important; } .or-class .or-layer-btn0 { border: none !important; color: #fff; background: linear-gradient(180deg, rgba(61, 127, 255, 1) 0%, rgba(0, 83, 252, 1) 64%, rgba(0, 59, 252, 1) 100%); } /* 表单组件 */ .or-input { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; /*position: relative;*/ display: inline-block; width: 100%; height: 36px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0 10px; } .or-input:hover { border-right-width: 1px !important; border-color: #3464FF } .or-input:focus, input.actives { border-color: #3464FF !important; border-right-width: 1px !important; outline: none !important; } textarea.or-input { max-width: 100%; height: auto; vertical-align: bottom; -webkit-transition: all 0.3s, height 0s; transition: all 0.3s, height 0s; } .or-button, .yz-button { width: 100%; height: 36px; border-radius: 3px; color: #fff; line-height: 36px; background-color: #3464FF; border-color: #3464FF; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015); cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; } .or-button.disabled, .or-button.disabled:hover { background-color: #f5f5f5; border: 1px solid #d9d9d9; cursor: not-allowed; color: rgba(0, 0, 0, .25); } .or-button:hover { background: rgba(52, 100, 255, .8); border-color: #3464FF; } .or-picker { position: relative; display: inline-block; cursor: pointer; outline: 0; } .or-picker .or-input { height: 28px; border: 1px solid #e5e5e5; line-height: 28px; font-size: 12px; color: #F56C6C; } .picker-large { width: 170px; } .or-picker i { position: absolute; top: 50%; right: 12px; z-index: 1; margin-top: -2px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; border-color: #919191 transparent transparent transparent; border-style: solid; border-width: 4px; } .or-picker input { /*background-color: transparent !important;*/ background-color: #fff !important; } .or-picker .noread { cursor: pointer; } .or-picker.picker-small { width: 80px; margin: 0 !important; } .or-picker-label { display: none; position: absolute; top: 50%; left: 11px; width: 60%; height: 20px; line-height: 20px; margin-top: -10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: #fff; border-radius: 3px; z-index: 88; color: #F56C6C; } .or-picker.picker-small .or-picker-label { width: 40px; } .or-picker.picker-large .or-picker-label { width: 134px; } .or-checkbox { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 12px; font-variant: tabular-nums; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; top: -0.09em; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: middle; outline: none; cursor: pointer; } .or-checkbox-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .or-checkbox-checked::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; visibility: hidden; -webkit-animation: antCheckboxEffect 0.36s ease-in-out; animation: antCheckboxEffect 0.36s ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; content: ''; } .or-checkbox-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border: 1px solid #ced4da; border-radius: 2px; border-collapse: separate; } .or-checkbox-wrapper:hover .or-checkbox-inner, .or-checkbox:hover .or-checkbox-inner, .or-checkbox-input:focus+.or-checkbox-inner { border-color: #3464FF; } @-webkit-keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antCheckboxEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } .or-checkbox-wrapper:hover .or-checkbox-inner, .or-checkbox:hover .or-checkbox-inner, .or-checkbox-input:focus+.or-checkbox-inner { border-color: #3464FF; } .or-checkbox:hover::after, .or-checkbox-wrapper:hover .or-checkbox::after { visibility: visible; } .or-checkbox-inner::after { position: absolute; top: 44%; left: 22%; display: table; width: 5px; height: 9px; border: 1px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%); -ms-transform: rotate(45deg) scale(0) translate(-50%, -50%); transform: rotate(45deg) scale(0) translate(-50%, -50%); opacity: 0; content: ' '; } .or-checkbox-checked .or-checkbox-inner::after { position: absolute; display: table; border: 2px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%); -ms-transform: rotate(45deg) scale(1) translate(-50%, -50%); transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; content: ' '; width: 4px; height: 8px; } .or-checkbox-checked .or-checkbox-inner { background-color: #3464FF; border-color: #3464FF; } .or-checkbox-disabled { cursor: not-allowed; } .or-checkbox-disabled.or-checkbox-checked .or-checkbox-inner::after { border-color: rgba(0, 0, 0, 0.25); -webkit-animation-name: none; animation-name: none; } .or-checkbox-disabled .or-checkbox-input { cursor: not-allowed; } .or-checkbox-disabled .or-checkbox-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; } .or-checkbox-disabled .or-checkbox-inner::after { border-color: #f5f5f5; border-collapse: separate; -webkit-animation-name: none; animation-name: none; } .or-checkbox-disabled+span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .or-checkbox-disabled:hover::after, .or-checkbox-wrapper:hover .or-checkbox-disabled::after { visibility: hidden; } .or-checkbox-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; line-height: unset; cursor: pointer; } .or-checkbox-wrapper.or-checkbox-wrapper-disabled { cursor: not-allowed; } .or-checkbox-wrapper+.or-checkbox-wrapper { margin-left: 8px; } .or-checkbox+span { padding-right: 6px; padding-left: 6px; } .or-checkbox-group { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; display: inline-block; } .or-checkbox-group-item { display: inline-block; margin-right: 8px; } .or-checkbox-group-item:last-child { margin-right: 0; } .or-checkbox-group-item+.or-checkbox-group-item { margin-left: 0; } .or-checkbox-indeterminate .or-checkbox-inner { background-color: #fff; border-color: #d9d9d9; } .or-checkbox-indeterminate .or-checkbox-inner::after { top: 50%; left: 50%; width: 8px; height: 8px; background-color: #3464FF; border: 0; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 1; content: ' '; } .or-checkbox-indeterminate.or-checkbox-disabled .or-checkbox-inner::after { background-color: rgba(0, 0, 0, 0.25); border-color: rgba(0, 0, 0, 0.25); } .or-radio { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: inline-block; line-height: 1; white-space: nowrap; vertical-align: sub; outline: none; cursor: pointer; } .or-radio-wrapper:hover .or-radio, .or-radio:hover .or-radio-inner, .or-radio-input:focus+.or-radio-inner { border-color: #3464FF; } .or-radio-input:focus+.or-radio-inner { -webkit-box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); box-shadow: 0 0 0 3px rgba(24, 144, 255, 0.08); } .or-radio:hover::after, .or-radio-wrapper:hover .or-radio::after { visibility: visible; } .or-radio-inner { position: relative; top: 0; left: 0; display: block; width: 16px; height: 16px; background-color: #fff; border-color: #d9d9d9; border-style: solid; border-width: 1px; border-radius: 100px; } .or-radio-inner::after { position: absolute; top: 3px; left: 3px; display: table; width: 8px; height: 8px; background-color: #3464FF; border-top: 0; border-left: 0; border-radius: 8px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; content: ' '; } .or-radio-input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; cursor: pointer; opacity: 0; } .or-radio-checked .or-radio-inner { border-color: #3464FF; } .or-radio-checked .or-radio-inner::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .or-radio-disabled .or-radio-inner { background-color: #f5f5f5; border-color: #d9d9d9 !important; cursor: not-allowed; } .or-radio-disabled .or-radio-inner::after { background-color: rgba(0, 0, 0, 0.2); } .or-radio-disabled .or-radio-input { cursor: not-allowed; } .or-radio-disabled+span { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } span.or-radio+* { padding-right: 15px; padding-left: 6px; line-height: 18px; } .or-radio-button-wrapper { position: relative; display: inline-block; height: 32px; margin: 0; padding: 0 15px; color: rgba(0, 0, 0, 0.65); line-height: 30px; background: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-left: 0; cursor: pointer; } .or-radio-button-wrapper a { color: rgba(0, 0, 0, 0.65); } .or-radio-button-wrapper>.or-radio-button { display: block; width: 0; height: 0; margin-left: 0; } .or-radio-group-large .or-radio-button-wrapper { height: 40px; font-size: 16px; line-height: 38px; } .or-radio-group-small .or-radio-button-wrapper { height: 24px; padding: 0 7px; line-height: 22px; } .or-radio-button-wrapper:not(:first-child)::before { position: absolute; top: 0; left: -1px; display: block; width: 1px; height: 100%; background-color: #d9d9d9; content: ''; } .or-radio-button-wrapper:first-child { border-left: 1px solid #d9d9d9; border-radius: 4px 0 0 4px; } .or-radio-button-wrapper:last-child { border-radius: 0 4px 4px 0; } .or-radio-button-wrapper:first-child:last-child { border-radius: 4px; } .or-radio-button-wrapper:hover { position: relative; color: #3464FF; } .or-radio-button-wrapper:focus-within { outline: 3px solid rgba(24, 144, 255, 0.06); } .or-radio-button-wrapper .or-radio-inner, .or-radio-button-wrapper input[type='checkbox'], .or-radio-button-wrapper input[type='radio'] { width: 0; height: 0; opacity: 0; pointer-events: none; } .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled) { z-index: 1; color: #3464FF; background: #fff; border-color: #3464FF; -webkit-box-shadow: -1px 0 0 0 #3464FF; box-shadow: -1px 0 0 0 #3464FF; } .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled)::before { background-color: #3464FF !important; opacity: 0.1; } .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):first-child { border-color: #3464FF; -webkit-box-shadow: none !important; box-shadow: none !important; } .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):hover { color: #3464FF; border-color: #3464FF; -webkit-box-shadow: -1px 0 0 0 #3464FF; box-shadow: -1px 0 0 0 #3464FF; } .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):active { color: #096dd9; border-color: #096dd9; -webkit-box-shadow: -1px 0 0 0 #096dd9; box-shadow: -1px 0 0 0 #096dd9; } .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):focus-within { outline: 3px solid rgba(24, 144, 255, 0.06); } .or-radio-group-solid .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled) { color: #fff; background: #3464FF; border-color: #3464FF; } .or-radio-group-solid .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):hover { color: #fff; background: #3464FF; border-color: #3464FF; } .or-radio-group-solid .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):active { color: #fff; background: #096dd9; border-color: #096dd9; } .or-radio-group-solid .or-radio-button-wrapper-checked:not(.or-radio-button-wrapper-disabled):focus-within { outline: 3px solid rgba(24, 144, 255, 0.06); } .or-radio-button-wrapper-disabled { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; cursor: not-allowed; } .or-radio-button-wrapper-disabled:first-child, .or-radio-button-wrapper-disabled:hover { color: rgba(0, 0, 0, 0.25); background-color: #f5f5f5; border-color: #d9d9d9; } .or-radio-button-wrapper-disabled:first-child { border-left-color: #d9d9d9; } .or-radio-button-wrapper-disabled.or-radio-button-wrapper-checked { color: #fff; background-color: #e6e6e6; border-color: #d9d9d9; -webkit-box-shadow: none; box-shadow: none; } @-webkit-keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } @keyframes antRadioEffect { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.5; } 100% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 0; } } /* 下拉框 */ .ant-result { padding: 48px 32px; } .ant-result-success .ant-result-icon>.anticon { color: #52c41a; } .ant-result-error .ant-result-icon>.anticon { color: #f5222d; } .ant-result-info .ant-result-icon>.anticon { color: #3464FF; } .ant-result-warning .ant-result-icon>.anticon { color: #faad14; } .ant-result-image { width: 250px; height: 295px; margin: auto; } .ant-result-icon { margin-bottom: 24px; text-align: center; } .ant-result-icon>.anticon { font-size: 72px; } .ant-result-title { color: rgba(0, 0, 0, 0.85); font-size: 24px; line-height: 1.8; text-align: center; } .ant-result-subtitle { color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 1.6; text-align: center; } .ant-result-extra { margin-top: 32px; text-align: center; } .ant-result-extra>* { margin-right: 8px; } .ant-result-extra>*:last-child { margin-right: 0; } .ant-result-content { margin-top: 24px; padding: 24px 40px; background-color: #fafafa; } /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .or-select { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: relative; display: inline-block; outline: 0; } .or-select ul, .or-select ol { margin: 0; padding: 0; list-style: none; } .or-select>ul>li>a { padding: 0; background-color: #fff; } .or-select-arrow { display: inline-block; color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 11px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; line-height: 1; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .or-select-arrow>* { line-height: 1; } .or-select-arrow svg { display: inline-block; } .or-select-arrow::before { display: none; } .or-select-arrow .or-select-arrow-icon { display: block; } .or-select-selection { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #d9d9d9; border-top-width: 1.02px; border-radius: 4px; outline: none; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .or-select-selection:hover { border-color: #3464FF; border-right-width: 1px !important; } .or-select-focused .or-select-selection, .or-select-selection:focus, .or-select-selection:active { border-color: #3464FF; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .or-select-selection__clear { position: absolute; top: 50%; right: 11px; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-top: -6px; color: rgba(0, 0, 0, 0.25); font-size: 12px; font-style: normal; line-height: 12px; text-align: center; text-transform: none; background: #fff; cursor: pointer; opacity: 0; -webkit-transition: color 0.3s ease, opacity 0.15s ease; transition: color 0.3s ease, opacity 0.15s ease; text-rendering: auto; } .or-select-selection__clear::before { display: block; } .or-select-selection__clear:hover { color: rgba(0, 0, 0, 0.45); } .or-select-selection:hover .or-select-selection__clear { opacity: 1; } .or-select-selection-selected-value { float: left; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .or-select-no-arrow .or-select-selection-selected-value { padding-right: 0; } .or-select-disabled { color: rgba(0, 0, 0, 0.25); } .or-select-disabled .or-select-selection { background: #f5f5f5; cursor: not-allowed; } .or-select-disabled .or-select-selection:hover, .or-select-disabled .or-select-selection:focus, .or-select-disabled .or-select-selection:active { border-color: #d9d9d9; -webkit-box-shadow: none; box-shadow: none; } .or-select-disabled .or-select-selection__clear { display: none; visibility: hidden; pointer-events: none; } .or-select-disabled .or-select-selection--multiple .or-select-selection__choice { padding-right: 10px; color: rgba(0, 0, 0, 0.33); background: #f5f5f5; } .or-select-disabled .or-select-selection--multiple .or-select-selection__choice__remove { display: none; } .or-select-selection--single { position: relative; height: 32px; cursor: pointer; } .or-select-selection--single .or-select-selection__rendered { margin-right: 24px; } .or-select-no-arrow .or-select-selection__rendered { margin-right: 11px; } .or-select-selection__rendered { position: relative; display: block; margin-right: 11px; margin-left: 11px; line-height: 30px; } .or-select-selection__rendered::after { display: inline-block; width: 0; visibility: hidden; content: '.'; pointer-events: none; } .or-select-lg { font-size: 16px; } .or-select-lg .or-select-selection--single { height: 40px; } .or-select-lg .or-select-selection__rendered { line-height: 38px; } .or-select-lg .or-select-selection--multiple { min-height: 40px; } .or-select-lg .or-select-selection--multiple .or-select-selection__rendered li { height: 32px; line-height: 32px; } .or-select-lg .or-select-selection--multiple .or-select-selection__clear, .or-select-lg .or-select-selection--multiple .or-select-arrow { top: 20px; } .or-select-sm .or-select-selection--single { height: 24px; } .or-select-sm .or-select-selection__rendered { margin-left: 7px; line-height: 22px; } .or-select-sm .or-select-selection--multiple { min-height: 24px; } .or-select-sm .or-select-selection--multiple .or-select-selection__rendered li { height: 16px; line-height: 14px; } .or-select-sm .or-select-selection--multiple .or-select-selection__clear, .or-select-sm .or-select-selection--multiple .or-select-arrow { top: 12px; } .or-select-sm .or-select-selection__clear, .or-select-sm .or-select-arrow { right: 8px; } .or-select-disabled .or-select-selection__choice__remove { color: rgba(0, 0, 0, 0.25); cursor: default; } .or-select-disabled .or-select-selection__choice__remove:hover { color: rgba(0, 0, 0, 0.25); } .or-select-search__field__wrap { position: relative; display: inline-block; } .or-select-selection__placeholder, .or-select-search__field__placeholder { position: absolute; top: 50%; right: 9px; left: 0; max-width: 100%; height: 20px; margin-top: -10px; overflow: hidden; color: #bfbfbf; line-height: 20px; white-space: nowrap; text-align: left; text-overflow: ellipsis; } .or-select-search__field__placeholder { left: 12px; } .or-select-search__field__mirror { position: absolute; top: 0; left: 0; white-space: pre; opacity: 0; pointer-events: none; } .or-select-search--inline { position: absolute; width: 100%; height: 100%; } .or-select-search--inline .or-select-search__field__wrap { width: 100%; height: 100%; } .or-select-search--inline .or-select-search__field { width: 100%; height: 100%; font-size: 100%; line-height: 1; background: transparent; border-width: 0; border-radius: 4px; outline: 0; } .or-select-search--inline>i { float: right; } .or-select-selection--multiple { min-height: 32px; padding-bottom: 3px; cursor: text; zoom: 1; } .or-select-selection--multiple::before, .or-select-selection--multiple::after { display: table; content: ''; } .or-select-selection--multiple::after { clear: both; } .or-select-selection--multiple .or-select-search--inline { position: static; float: left; width: auto; max-width: 100%; padding: 0; } .or-select-selection--multiple .or-select-search--inline .or-select-search__field { width: 0.75em; max-width: 100%; } .or-select-selection--multiple .or-select-selection__rendered { height: auto; margin-bottom: -3px; margin-left: 5px; } .or-select-selection--multiple .or-select-selection__placeholder { margin-left: 6px; } .or-select-selection--multiple>ul>li, .or-select-selection--multiple .or-select-selection__rendered>ul>li { height: 24px; margin-top: 3px; line-height: 22px; } .or-select-selection--multiple .or-select-selection__choice { position: relative; float: left; max-width: 99%; margin-right: 4px; padding: 0 20px 0 10px; overflow: hidden; color: rgba(0, 0, 0, 0.65); background-color: #fafafa; border: 1px solid #e8e8e8; border-radius: 2px; cursor: default; -webkit-transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .or-select-selection--multiple .or-select-selection__choice__disabled { padding: 0 10px; } .or-select-selection--multiple .or-select-selection__choice__content { display: inline-block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .or-select-selection--multiple .or-select-selection__choice__remove { color: inherit; font-style: normal; line-height: 0; text-align: center; text-transform: none; vertical-align: -0.125em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 4px; color: rgba(0, 0, 0, 0.45); font-weight: bold; line-height: inherit; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; font-size: 12px; font-size: 10px \9; -webkit-transform: scale(0.83333333) rotate(0deg); -ms-transform: scale(0.83333333) rotate(0deg); transform: scale(0.83333333) rotate(0deg); } .or-select-selection--multiple .or-select-selection__choice__remove>* { line-height: 1; } .or-select-selection--multiple .or-select-selection__choice__remove svg { display: inline-block; } .or-select-selection--multiple .or-select-selection__choice__remove::before { display: none; } .or-select-selection--multiple .or-select-selection__choice__remove .or-select-selection--multiple .or-select-selection__choice__remove-icon { display: block; } :root .or-select-selection--multiple .or-select-selection__choice__remove { font-size: 12px; } .or-select-selection--multiple .or-select-selection__choice__remove:hover { color: rgba(0, 0, 0, 0.75); } .or-select-selection--multiple .or-select-selection__clear, .or-select-selection--multiple .or-select-arrow { top: 16px; } .or-select-allow-clear .or-select-selection--multiple .or-select-selection__rendered, .or-select-show-arrow .or-select-selection--multiple .or-select-selection__rendered { margin-right: 20px; } .or-select-open .or-select-arrow-icon svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .or-select-open .or-select-selection { border-color: #3464FF; border-right-width: 1px !important; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .or-select-combobox .or-select-arrow { display: none; } .or-select-combobox .or-select-search--inline { float: none; width: 100%; height: 100%; } .or-select-combobox .or-select-search__field__wrap { width: 100%; height: 100%; } .or-select-combobox .or-select-search__field { position: relative; z-index: 1; width: 100%; height: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s; } .or-select-combobox.or-select-allow-clear .or-select-selection:hover .or-select-selection__rendered, .or-select-combobox.or-select-show-arrow .or-select-selection:hover .or-select-selection__rendered { margin-right: 20px; } .or-select-dropdown { margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; -webkit-font-feature-settings: 'tnum'; font-feature-settings: 'tnum'; position: absolute; top: -9999px; left: -9999px; z-index: 1050; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-variant: initial; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; outline: none; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); } .or-select-dropdown.slide-up-enter.slide-up-enter-active.or-select-dropdown-placement-bottomLeft, .or-select-dropdown.slide-up-appear.slide-up-appear-active.or-select-dropdown-placement-bottomLeft { -webkit-animation-name: jmSlideUpIn; animation-name: jmSlideUpIn; } .or-select-dropdown.slide-up-enter.slide-up-enter-active.or-select-dropdown-placement-topLeft, .or-select-dropdown.slide-up-appear.slide-up-appear-active.or-select-dropdown-placement-topLeft { -webkit-animation-name: jmSlideDownIn; animation-name: jmSlideDownIn; } .or-select-dropdown.slide-up-leave.slide-up-leave-active.or-select-dropdown-placement-bottomLeft { -webkit-animation-name: jmSlideUpOut; animation-name: jmSlideUpOut; } .or-select-dropdown.slide-up-leave.slide-up-leave-active.or-select-dropdown-placement-topLeft { -webkit-animation-name: jmSlideDownOut; animation-name: jmSlideDownOut; } .or-select-dropdown-hidden { display: none; } .or-select-dropdown-menu { max-height: 250px; margin-bottom: 0; padding-left: 0; overflow: auto; list-style: none; outline: none; } .or-select-dropdown-menu-item-group-list { margin: 0; padding: 0; } .or-select-dropdown-menu-item-group-list>.or-select-dropdown-menu-item { padding-left: 20px; } .or-select-dropdown-menu-item-group-title { height: 32px; padding: 0 12px; color: rgba(0, 0, 0, 0.45); font-size: 12px; line-height: 32px; } .or-select-dropdown-menu-item-group-list .or-select-dropdown-menu-item:first-child:not(:last-child), .or-select-dropdown-menu-item-group:not(:last-child) .or-select-dropdown-menu-item-group-list .or-select-dropdown-menu-item:last-child { border-radius: 0; } .or-select-dropdown-menu-item { position: relative; display: block; padding: 3px 12px; overflow: hidden; color: #404040 !important; font-size: 12px; font-weight: 400 !important; line-height: 22px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .or-child { text-indent: 20px; } .or-child1 { text-indent: 10px; } .or-select-dropdown-menu-item:hover:not(.or-select-dropdown-menu-item-disabled) { background-color: #e6f7ff; } .or-select-dropdown-menu-item-selected { color: rgba(0, 0, 0, 0.65); font-weight: 600; background-color: #fff; } .or-select-dropdown-menu-item-disabled { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .or-select-dropdown-menu-item-disabled:hover { color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .or-select-dropdown-menu-item-active:not(.or-select-dropdown-menu-item-disabled) { background-color: #e6f7ff; } .or-select-dropdown-menu-item-divider { height: 1px; margin: 1px 0; overflow: hidden; line-height: 0; background-color: #e8e8e8; } .or-select-dropdown.or-select-dropdown--multiple .or-select-dropdown-menu-item { padding-right: 32px; } .or-select-dropdown.or-select-dropdown--multiple .or-select-dropdown-menu-item .or-select-selected-icon { position: absolute; top: 50%; right: 12px; color: transparent; font-weight: bold; font-size: 12px; text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s; transition: all 0.2s; } .or-select-dropdown.or-select-dropdown--multiple .or-select-dropdown-menu-item:hover .or-select-selected-icon { color: rgba(0, 0, 0, 0.87); } .or-select-dropdown.or-select-dropdown--multiple .or-select-dropdown-menu-item-disabled .or-select-selected-icon { display: none; } .or-select-dropdown.or-select-dropdown--multiple .or-select-dropdown-menu-item-selected .or-select-selected-icon, .or-select-dropdown.or-select-dropdown--multiple .or-select-dropdown-menu-item-selected:hover .or-select-selected-icon { display: inline-block; color: #3464FF; } .or-select-dropdown--empty.or-select-dropdown--multiple .or-select-dropdown-menu-item { padding-right: 12px; } .or-select-dropdown-container-open .or-select-dropdown, .or-select-dropdown-open .or-select-dropdown { display: block; } .bg_shade { position: absolute; display: none; left: 0; right: 0; top: 159px; bottom: 0; background-color: rgba(0, 0, 0, .3); z-index: 1000; } /* input.has-error { border-color: #ff4d4f!important; } */ /* input.has-error:focus, input.has-error:active { -webkit-box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2)!important; box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.2)!important; border-color: #ff7875!important; } */ .tiptxt { display: none; font-size: 14px; color: #666; padding-bottom: 18px; } .or-btn { height: 30px; line-height: 28px; background-color: #3464FF; border-radius: 2px; padding: 0 14px; cursor: pointer; -webkit-transition: all 0.1s; transition: all 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; font-size: 12px; } .isdisabled { cursor: not-allowed !important; color: #999 !important; } .btn-disable { color: #999 !important; background: #F2F5FF !important; border-color: #F2F5FF !important; cursor: not-allowed; } .bl0 { border-left: 0 !important; } .bt0 { border-bottom: 0 !important; } .br1 { border-right: 1px solid #e4e4e4; } .dropdown-banner { padding-left: 0 !important; } .common-nav-box { position: relative; } .w1200 { width: 1200px; margin: 0 auto; } .notice { border-radius: 3px; background: #fcf8e3; border: #ecdcbb solid 1px; font-size: 12px; padding: 8px 14px; margin: 12px auto 0; color: #8a6d3b; position: relative; line-height: 28px; box-shadow: 0 2px 4px rgb(236, 220, 187, 0.5); margin-bottom: 20px; } .notice strong { color: #f00; } .notice a { color: #06c } .notice a.close { font-size: 20px; color: #868583; position: absolute; top: 0; right: 0; width: 21px; text-align: center; background: rgba(0, 0, 0, 0.03); height: 23px; line-height: 21px; border-radius: 0 0 0 3px; padding-left: 2px; } .notice a.close:hover { color: #928684; background: rgba(0, 0, 0, 0.05); } #yanzheng1 { margin: 15px auto; } #yanzheng1 img.yzm { display: inline-block; width: 100px; height: 38px; border: 1px solid #ddd; border-radius: 3px; cursor: pointer; } #yanzheng1 #re_yzm { display: inline-block; width: 109px; height: 40px; line-height: 40px; } #yanzheng1 .or-button { display: inline-block; width: 100px; height: 38px; border-radius: 3px; } .w1200 #yanzheng1 { padding: 140px 0; width: 350px; } .w1200 .notice { font-size: 14px; } #cha_cha_cha { padding: 0; } .sign i { /*display: inline-block;*/ /*vertical-align: middle;*/ /*margin-left: 0px;*/ /*width: 16px;*/ /*height: 16px;*/ /*cursor: pointer;*/ /*overflow: hidden;*/ /*background: url(../img/i.png) no-repeat;*/ } .sign i:hover { margin-top: -2px; transition: all 0.1s; } .sign i.i_free { background-position: -96px 0; } .sign i.i_qqls { background-position: -48px 0; } .sign i.i_qqwx { background-position: -16px 0; } .sign i.i_bdrz { background-position: -32px 0; } .sign i.i_bdpj { background-position: 0 0; } .sign i.i_qiang { background-position: -80px 0; } .sign i.i_bdaq { background-position: -128px -1px; } .sign i.i_jrali { background-position: -144px 0; } .sign i.i_jrtx { background-position: -160px 0; } .cha-list-box .or-checkbox-inner, .cha-list-box .or-checkbox-inner::after { transition: none; -webkit-transition: none; } /* 操作保护 */ #mmbh .notice { margin: 14px auto; font-size: 12px; padding: 0px 20px; color: #8187A1; position: relative; line-height: 34px; background: #F2F5FF; border-radius: 3px; margin: 14px 0; box-shadow: none; border: none; } .baohu { padding: 10px 0 0 0; } .baohu label { width: 100px; line-height: 40px; text-align: right; font-size: 14px; color: #333; display: inline-block; } .baohu input.or-input { width: 296px; display: inline-block; height: 40px; line-height: 40px; margin-right: 5px; } .baohu input.or-input.qtczbh { width: 100%; height: 50px; line-height: 50px; font-size: 14px; } .baohu div { margin-bottom: 20px; } .baohu img#re_yzm { border: 1px solid #d9d9d9; border-radius: 3px; height: 38px; width: 100px; cursor: pointer; } .baohu span { color: #666; } .baohu a { color: #06c; } .baohu .or-button { width: 80px; border-radius: 2px; margin-right: 5px; } .baohu .bg2 { background-color: #FF9800 } .baohu .bg3 { background-color: #4CAF50; } .baohu .bg2:hover, .baohu .bg3:hover { opacity: 0.8; } #mmbh { padding: 0 30px; font: 12px/1.5 "Microsoft YaHei", Tahoma, Helvetica, sans-serif; } #czbhtj { width: 100%; height: 50px; line-height: 50px; margin: 10px 0 0 0; margin-bottom: 10px; font-size: 16px; background: #3464FF; } .notice .iconfont { cursor: pointer; } .notice .iconfont:hover { color: #f00; } .baohu .w100 { width: 100px !important } #bh_shuchu { margin-left: 5px; font-size: 12px; color: #f00; } #xx_title strong { font-size: 14px; } #xx_title a { display: inline-block; border-right: 1px solid #ddd; padding: 0 8px; color: #06c; font-size: 12px; font-weight: 400; line-height: 12px; height: 12px; } /* 面包屑 */ .bread { line-height: 42px; } .bread ul li { float: left; } .bread ul li a { font-size: 12px; color: #999; } .bread ul li i { font-size: 12px; color: #999; margin: 0 14px; } .bread ul li:hover a { color: #3464FF; } /* swiper重置点 */ .swiper-pagination-bullet { width: 20px !important; height: 4px !important; background: #EFEFEF !important; display: inline-block; border-radius: 0 !important; opacity: 1 !important; } .swiper-pagination-bullet-active { opacity: 1; background: #3464FF !important; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 26px !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: none !important; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: none !important; } .bod { width: 100%; background-color: #F2F2F2; } .overHide { overflow-y: scroll; max-height: 250px; } /* 等级扑克牌 */ .nav_r2 .user_lv { display: block; float: left; width: 20px; height: 24px; margin-left: 24px; margin-right: 12px; background-image: url(/resource/new2021/image/home/lv2.png); background-repeat: no-repeat; } /* lv-1 黑桃 lv-2 红心 lv-3 梅花 lv-4 方片 */ .lv-1-3 { background-position: 0 -24px; } .lv-1-4 { background-position: -20px -24px; } .lv-1-5 { background-position: -40px -24px; } .lv-1-6 { background-position: -60px -24px; } .lv-1-7 { background-position: -80px -24px; } .lv-1-8 { background-position: -100px -24px; } .lv-1-9 { background-position: -120px -24px; } .lv-1-10 { background-position: -140px -24px; } .lv-1-j { background-position: -160px -24px; } .lv-1-q { background-position: -180px -24px; } .lv-1-k { background-position: -200px -24px; } .lv-2-3 { background-position: 0 -48px; } .lv-2-4 { background-position: -20px -48px; } .lv-2-5 { background-position: -40px -48px; } .lv-2-6 { background-position: -60px -48px; } .lv-2-7 { background-position: -80px -48px; } .lv-2-8 { background-position: -100px -48px; } .lv-2-9 { background-position: -120px -48px; } .lv-2-10 { background-position: -140px -48px; } .lv-2-j { background-position: -160px -48px; } .lv-2-q { background-position: -180px -48px; } .lv-2-k { background-position: -200px -48px; } .lv-3-3 { background-position: 0 0; } .lv-3-4 { background-position: -20px 0; } .lv-3-5 { background-position: -40px 0; } .lv-3-6 { background-position: -60px 0; } .lv-3-7 { background-position: -80px 0; } .lv-3-8 { background-position: -100px 0; } .lv-3-9 { background-position: -120px 0; } .lv-3-10 { background-position: -140px 0; } .lv-3-j { background-position: -160px 0; } .lv-3-q { background-position: -180px 0; } .lv-3-k { background-position: -200px 0; } .lv-4-3 { background-position: 0 -72px; } .lv-4-4 { background-position: -20px -72px; } .lv-4-5 { background-position: -40px -72px; } .lv-4-6 { background-position: -60px -72px; } .lv-4-7 { background-position: -80px -72px; } .lv-4-8 { background-position: -100px -72px; } .lv-4-9 { background-position: -120px -72px; } .lv-4-10 { background-position: -140px -72px; } .lv-4-j { background-position: -160px -72px; } .lv-4-q { background-position: -180px -72px; } .lv-4-k { background-position: -200px -72px; } /* 分页 */ .pagesize { text-align: center; background-color: #fff; font-size: 12px; color: #666; } .pagelist { text-align: center; color: #666; font-size: 12px; margin: 20px 0; } .pagelist .or-picker.picker-small { line-height: initial; width: 64px; } .pagelist .or-picker.picker-small .or-picker-label { width: 28px; } .pagelist .or-picker1 .or-input { height: 32px; width: 64px; border: 1px solid #ebedef; text-align: center; text-indent: 0; background-color: #fff !important; } .pagenum input { height: 32px !important; text-align: left !important; text-indent: 10px !important; } .indexpage, .prepage, .nextpage, .lastpage { display: inline-block; ; width: 62px; height: 30px; margin-left: 10px; border: 1px solid #e9ecef; line-height: 28px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 3px; transition: all .3s } .disabled { color: #ccc } .tiaozhuangzhi { margin-left: 26px; } .go { display: inline-block; width: 40px; height: 32px; margin-left: 10px; border: 1px solid #ced4da; background: #fff; line-height: 30px; transition: all .3s; color: #404040; } .go:hover, .pagelist a:hover { color: #3464FF; border-color: #3464FF; background: #fff; } input::-webkit-input-placeholder { color: #8187A1; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8187A1; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #8187A1; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #8187A1; } .tab_wrap .or-select { line-height: 49px; float: left; } .or-layer-btn .or-layer-btn0 { background: #3464FF !important; border-color: #3464FF !important; } .or-layer-btn a { padding-bottom: 30px !important; line-height: 30px !important; } .hidex { display: none !important; } .yhq-box { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 0; left: 0; z-index: 999999; } .yhq-wrap { position: absolute; left: 50%; top: 50%; width: 602px; height: 400px; margin-top: -200px; margin-left: -301px; } .yhq-box a { display: block; width: 100%; } .yhq-box img { width: 100%; } .yhq-box i { display: block; margin: 0 auto; width: 36px; height: 36px; margin-top: 60px; background: url("/resource/new2021/image/home/yhq_close.png"); background-size: cover; cursor: pointer; } .footShow { position: fixed; left: 50%; bottom: -100%; transform: translateX(-50%); z-index: 98; } .footShow a { width: 110px; height: 34px; position: absolute; top: 40px; right: 100px; z-index: 98; background: url(#); } .footShow i { width: 14px; height: 14px; position: absolute; top: 31px; right: 48px; z-index: 99; cursor: pointer; background: url(#); } .footShow img { width: 880px; } .or-layer.or-login { border-radius: 8px; } .or-dzfsl font { font-size: 14px; } .or-dzfsl .or-layer-btn .or-layer-btn0 { border-radius: 3px; } .or-login .or-layer-title { border-radius: 8px 8px 0 0; font-size: 16px; font-family: MicrosoftYaHei; color: #333333; } .or-login .or-layer-setwin { top: 19px; right: 24px; } .or-login #pop-login { width: 392px; margin: 24px auto 30px; } .or-login #pop-login input { width: 100%; height: 50px; line-height: 50px; text-indent: 39px; border-radius: 3px; border: 1px solid #E1E6F0; font-size: 14px; font-family: MicrosoftYaHei; } .or-login #pop-login i.iconfont { position: absolute; top: 0; left: 20px; font-size: 14px; color: rgba(0, 0, 0, 0.5); width: 50px; line-height: 50px; } .or-login #pop-login #re_yzm { width: 256px; } .or-login #pop-login img { width: 120px; height: 50px; } .or-login #pop-login button { margin-top: 10px; height: 50px; background: linear-gradient(180deg, #3D7FFF 0%, #3464FF 64%, #3464FF 100%); border-radius: 3px; font-size: 16px; font-family: MicrosoftYaHei; color: #FFFFFF; line-height: 50px; margin-right: 0; } .or-login #pop-login a { font-size: 14px; font-family: MicrosoftYaHei; color: #8187A1; line-height: 14px; margin-right: 14px; } .or-login #pop-login .or-login_foot { margin-top: 24px; display: flex; justify-content: center; } .or-login #pop-login .wjmm { padding-left: 14px; margin-right: 0; border-left: 1px solid #D8D8D8; } .or-mbtc .or-btn { height: 50px; width: 120px; float: right; color: #8187A1 !important; cursor: pointer; } .or-jzdj { pointer-events: none !important; } textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #8187A1; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #8187A1; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #8187A1; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #8187A1; } a:focus { outline: none; } .or-laydate .or-laydate-footer span:hover { color: #3464FF; } body .or-layer-btn { padding: 0 15px 20px; } .or-table { width: 100%; background-color: #fff; color: #666 } .or-table tr { transition: all .3s; -webkit-transition: all .3s } .or-table th { text-align: left; font-weight: 400 } .or-table tbody tr:hover, .or-table thead tr, .or-table-click, .or-table-header, .or-table-hover, .or-table-mend, .or-table-patch, .or-table-tool, .or-table-total, .or-table-total tr, .or-table[lay-even] tr:nth-child(even) { background-color: #f2f2f2 } .or-table td, .or-table th, .or-table-col-set, .or-table-fixed-r, .or-table-grid-down, .or-table-header, .or-table-page, .or-table-tips-main, .or-table-tool, .or-table-total, .or-table-view, .or-table[lay-skin=line], .or-table[lay-skin=row] { border-width: 1px; border-style: solid; border-color: #e6e6e6 } .or-table td, .or-table th { position: relative; padding: 9px 15px; min-height: 20px; line-height: 20px; font-size: 14px } .or-table[lay-skin=line] td, .or-table[lay-skin=line] th { border-width: 0 0 1px } .or-table[lay-skin=row] td, .or-table[lay-skin=row] th { border-width: 0 1px 0 0 } .or-table[lay-skin=nob] td, .or-table[lay-skin=nob] th { border: 0 } .or-table img { max-width: 100px } .or-table[lay-size=lg] td, .or-table[lay-size=lg] th { padding: 15px 30px } .or-table-view .or-table[lay-size=lg] .or-table-cell { height: 40px; line-height: 40px } .or-table[lay-size=sm] td, .or-table[lay-size=sm] th { font-size: 12px; padding: 5px 10px } .or-table-view .or-table[lay-size=sm] .or-table-cell { height: 20px; line-height: 20px } .or-table[lay-data] { display: none } .or-table-box { position: relative; overflow: hidden } .or-table-view .or-table { position: relative; width: auto; margin: 0 } .or-table-view .or-table[lay-skin=line] { border-width: 0 1px 0 0 } .or-table-view .or-table[lay-skin=row] { border-width: 0 0 1px } .or-table-view .or-table td, .or-table-view .or-table th { padding: 5px 0; border-top: 0; border-left: none } .or-table-view .or-table th.or-unselect .or-table-cell span { cursor: pointer } .or-table-view .or-table td { cursor: default } .or-table-view .or-table td[data-edit=text] { cursor: text } .or-table-view .or-form-checkbox[lay-skin=primary] i { width: 18px; height: 18px } .or-table-view .or-form-radio { line-height: 0; padding: 0 } .or-table-view .or-form-radio > i { margin: 0; font-size: 20px } .or-table-init { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 110 } .or-table-init .or-icon { position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; font-size: 30px; color: #c2c2c2 } .or-table-header { border-width: 0 0 1px; overflow: hidden } .or-table-header .or-table { margin-bottom: -1px } .or-table-tool .or-inline[lay-event] { position: relative; width: 26px; height: 26px; padding: 5px; line-height: 16px; margin-right: 10px; text-align: center; color: #333; border: 1px solid #ccc; cursor: pointer; -webkit-transition: .5s all; transition: .5s all } .or-table-tool .or-inline[lay-event]:hover { border: 1px solid #999 } .or-table-tool-temp { padding-right: 120px } .or-table-tool-self { position: absolute; right: 17px; top: 10px } .or-table-tool .or-table-tool-self .or-inline[lay-event] { margin: 0 0 0 10px } .or-table-tool-panel { position: absolute; top: 29px; left: -1px; padding: 5px 0; min-width: 150px; min-height: 40px; border: 1px solid #d2d2d2; text-align: left; overflow-y: auto; background-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, .12) } .or-table-cell, .or-table-tool-panel li { overflow: hidden; -text-overflow: ellipsis; white-space: nowrap } .or-table-tool-panel li { padding: 0 10px; line-height: 30px; -webkit-transition: .5s all; transition: .5s all } .or-table-tool-panel li .or-form-checkbox[lay-skin=primary] { width: 100%; padding-left: 28px } .or-table-tool-panel li:hover { background-color: #f2f2f2 } .or-table-tool-panel li .or-form-checkbox[lay-skin=primary] i { position: absolute; left: 0; top: 0 } .or-table-tool-panel li .or-form-checkbox[lay-skin=primary] span { padding: 0 } .or-table-tool .or-table-tool-self .or-table-tool-panel { left: auto; right: -1px } .or-table-col-set { position: absolute; right: 0; top: 0; width: 20px; height: 100%; border-width: 0 0 0 1px; background-color: #fff } .or-table-sort { width: 10px; height: 20px; margin-left: 5px; cursor: pointer !important } .or-table-sort .or-edge { position: absolute; left: 5px; border-width: 5px } .or-table-sort .or-table-sort-asc { top: 3px; border-top: 0; border-bottom-style: solid; border-bottom-color: #b2b2b2 } .or-table-sort .or-table-sort-asc:hover { border-bottom-color: #666 } .or-table-sort .or-table-sort-desc { bottom: 5px; border-bottom: 0; border-top-style: solid; border-top-color: #b2b2b2 } .or-table-sort .or-table-sort-desc:hover { border-top-color: #666 } .or-table-sort[lay-sort=asc] .or-table-sort-asc { border-bottom-color: #000 } .or-table-sort[lay-sort=desc] .or-table-sort-desc { border-top-color: #000 } .or-table-cell { -height: 28px; line-height: 28px; padding: 0 15px; position: relative; box-sizing: border-box } .or-table-cell-all { height: auto; overflow: visible; text-overflow: inherit; white-space: normal } .or-table-cell .or-form-checkbox[lay-skin=primary] { top: -1px; padding: 0 } .or-table-cell .or-table-link { color: #01aaed } .laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-radio, .laytable-cell-space { padding: 0; text-align: center } .or-table-body { position: relative; overflow: auto; margin-right: -1px; margin-bottom: -1px } .or-table-body .or-none { line-height: 26px; padding: 15px; text-align: center; color: #999 } .or-table-fixed { position: absolute; left: 0; top: 0; z-index: 101 } .or-table-fixed .or-table-body { overflow: hidden } .or-table-fixed-l { box-shadow: 0 -1px 8px rgba(0, 0, 0, .08) } .or-table-fixed-r { left: auto; right: -1px; border-width: 0 0 0 1px; box-shadow: -1px 0 8px rgba(0, 0, 0, .08) } .or-table-fixed-r .or-table-header { position: relative; overflow: visible } .or-table-mend { position: absolute; right: -49px; top: 0; height: 100%; width: 50px } .or-table-tool { position: relative; z-index: 890; width: 100%; min-height: 50px; line-height: 30px; padding: 10px 15px; border-width: 0 0 1px } .or-table-tool .or-btn-container { margin-bottom: -10px } .or-table-page, .or-table-total { border-width: 1px 0 0; margin-bottom: -1px; overflow: hidden } .or-table-page { position: relative; width: 100%; padding: 7px 7px 0; height: 41px; font-size: 12px; white-space: nowrap } .or-table-page > div { height: 26px } .or-table-page .or-laypage { margin: 0 } .or-table-page .or-laypage a, .or-table-page .or-laypage span { height: 26px; line-height: 26px; margin-bottom: 10px; border: 0; background: 0 } .or-table-page .or-laypage a, .or-table-page .or-laypage span.or-laypage-curr { padding: 0 12px } .or-table-page .or-laypage span { margin-left: 0; padding: 0 } .or-table-page .or-laypage .or-laypage-prev { margin-left: -7px !important } .or-table-page .or-laypage .or-laypage-curr .or-laypage-em { left: 0; top: 0; padding: 0 } .or-table-page .or-laypage button, .or-table-page .or-laypage input { height: 26px; line-height: 26px } .or-table-page .or-laypage input { width: 40px } .or-table-page .or-laypage button { padding: 0 10px } .or-table-page select { height: 18px } .or-table-patch .or-table-cell { padding: 0; width: 30px } .or-table-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 14px 1px; border-radius: 0; box-shadow: 1px 1px 20px rgba(0, 0, 0, .15) } .or-table-edit:focus { border-color: #5fb878 !important } select.or-table-edit { padding: 0 0 0 10px; border-color: #c9c9c9 } .or-table-view .or-form-checkbox, .or-table-view .or-form-radio, .or-table-view .or-form-switch { top: 0; margin: 0; box-sizing: content-box } .or-table-view .or-form-checkbox { top: -1px; height: 26px; line-height: 26px } .or-table-view .or-form-checkbox i { height: 26px } .or-table-grid .or-table-cell { overflow: visible } .or-table-grid-down { position: absolute; top: 0; right: 0; width: 26px; height: 100%; padding: 5px 0; border-width: 0 0 0 1px; text-align: center; background-color: #fff; color: #999; cursor: pointer } .or-table-grid-down .or-icon { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px } .or-table-grid-down:hover { background-color: #fbfbfb } body .or-table-tips .or-layer-content { background: 0; padding: 0; box-shadow: 0 1px 6px rgba(0, 0, 0, .12) } .or-table-tips-main { margin: -44px 0 0 -1px; -max-height: 400px; padding: 8px 15px; font-size: 14px; overflow-y: scroll; background-color: #fff; color: #666 } .or-table-tips-c { position: absolute; right: -3px; top: -13px; width: 20px; height: 20px; padding: 3px; cursor: pointer; background-color: #666; border-radius: 50%; color: #fff } .or-table-tips-c:hover { background-color: #777 } .or-table-tips-c:before { position: relative; right: -2px } /* 多用户登录 */ .or_open{ padding: 0 15px; position: relative; } .or_open > .iconfont{ position: absolute; right: 0; top: 0; font-size: 14px; cursor: pointer; } .or_r_box_h2{ font-size: 20px; font-family: MicrosoftYaHei; color: #333333; line-height: 20px; text-align: center; padding-top: 19px; } .or_r_box{ padding-top: 19px; text-align: center; } .or_r_box p{ width: 294px; font-size: 12px; font-family: MicrosoftYaHei; color: #8187A1; line-height: 20px; text-align: center; margin: 0 auto; } .or_r_box ul{ padding-top: 22px; } .or_r_box ul li{ width: 100%; height: 64px; line-height: 64px; background: #FFFFFF; border-radius: 2px; border: 1px solid #E1E6F0; color: #333333; padding: 0 30px; text-align: left; font-size: 16px; cursor: pointer; } .or_r_box ul li:hover{ background: #F7F9FF; border: 1px solid #3464FF; color: #3464FF; } .or_r_box ul li:first-child{ margin-bottom: 20px; } .or_r_box ul li.active{ background: #F7F9FF; border: 1px solid #3464FF; color: #3464FF; } .or_r_box ul li span{ font-size: 16px; } .or_r_box ul li i{ width: 1px; height: 13px; color: #E1E6F0; padding: 0 14px; vertical-align: middle; line-height: 1; } .gn_sgsl{ font-size: 54px; line-height: 1; color: #FA4D23; } .gn_bdsl{ font-size: 54px; line-height: 1; color: #3245DF; } .toPhoneMobile { position: fixed; left: 0; bottom: 300px; } .toPhoneMobile img{ width: 124px; } .goback_top{ display: none; position: fixed; right: 1em; cursor: pointer; bottom: 30px; } .portrait{ float: left; width: 26px; height: 26px; margin-right: 12px; background-image: url(/resource/new2021/image/users/default.jpg); background-size: cover; border-radius: 50%; } .badge-rim{ height: 18px; line-height: 18px; border-width: 1px; border-style: solid; background-color: #fff; color: #8187A1; font-weight: normal; padding: 0 3px 0 3px; border-radius: 3px; } .carYm_Introduction{ background-color: unset; color: #666; margin-right: 10px; } .wxtx{ background: #F7F9FF; border-radius: 2px; font-size: 12px; font-family: DINProM !important; color: #687896; line-height: 30px; padding: 0 20px; position: relative; } .layui-layer-loading10{ width: 160px !important; height: 110px !important; background: url(/resource/new2021/image/home/loading-10.gif) no-repeat !important; border-radius: 4px !important; } .layui-layer-shade{ z-index: 9999999999999; background-color: rgb(0, 0, 0); opacity: 0.3; top: 0; left: 0; width: 100%; height: 100%; } keywords{ font-size: 15px; } #textareaError{ height: 60px !important; } .disable:hover{ color: unset !important; cursor:not-allowed !important; border:1px solid #E1E6F0 !important; } .layui-unselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .layui-select { outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box } .layui-form-select { position: relative } .layui-select { height: 38px; line-height: 1.3; line-height: 38px \9; border-width: 1px; border-style: solid; background-color: #fff; border-radius: 2px } .layui-select::-webkit-input-placeholder { line-height: 1.3 } .layui-select { padding: 0 10px } .layui-form select { display: none } .layui-form-select .layui-input { height: 28px; border: 1px solid #e5e5e5; line-height: 28px; font-size: 12px; background-color: #fff !important; cursor: pointer; box-sizing: border-box; margin: 0; font-variant: tabular-nums; list-style: none; font-feature-settings: 'tnum'; width: 100%; border-radius: 3px; transition: all 0.3s; padding: 0 25px 0 10px; } .layui-form-select .layui-edge { position: absolute; right: 10px; top: 55%; margin-top: -3px; cursor: pointer; border-width: 4px; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; -webkit-transition: all .3s } .layui-form-selected .layui-edge { transform: rotate(180deg); top: 40%; } .layui-form-select dl { display: none; position: absolute; left: 0; top: 30px; padding: 5px 0; z-index: 899; min-width: 100%; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, .12); box-sizing: border-box } .layui-form-select dl dd, .layui-form-select dl dt { padding: 3px 12px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .layui-form-select dl dt { font-size: 12px; color: #999 } .layui-form-select dl dd { cursor: pointer } .layui-form-select dl dd:hover { background-color: #dfecff; -webkit-transition: .5s all; transition: .5s all } .layui-form-select .layui-select-group dd { padding-left: 20px } .layui-form-select dl dd.layui-select-tips { padding-left: 10px !important; color: #999 } .layui-form-select dl dd.layui-this { background-color: #f2f2f2; color: #333 } .layui-form-selected dl { display: block } .layui-select-none { margin: 5px 0; text-align: center; color: #999 } .layui-hide { display: none !important; } .layui-select-title i{ position: absolute; top: 50%; right: 12px; z-index: 1; margin-top: -2px; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; height: 0; width: 0; overflow: hidden; font-size: 0; line-height: 0; border-color: #919191 transparent transparent transparent; border-style: solid; border-width: 4px; } .layui-form-radio{ display: none; } .layui-form-checkbox{ display: none; } .layui-layer-btn .layui-layer-btn0{ border-color: #3464FF !important; background-color: #3464FF !important; } .layui-layer-btn a { height: 25px !important; line-height: 23px !important; }