//CSS预编译文件基于Sass语法 //这是Zoomla!逐浪CMS团队优化的Sass模板，我们为你预置了逐浪字库官方团队的高品质webFont之CDN库，你可完全采用中文定义写作，如下面写法都是合格 //$中国变量之一:12px; //$中国人民中华人民共和国变量之二:#ff0; //.a1{width:$中国变量之一 ;} //.a2{background: $中国人民中华人民共和国变量之二;} //建议CSS注释写在代码段的起始处以使阅读更加流畅 /* 全局样式定义 Powered by Zoomla!逐浪CMS z01.com*/ @charset "utf-8"; @import "zoomlaCMS"; @import "v4style_patch.css"; //@import url("//code.z01.com/Zfont.css"); //@import url("/dist/css/ZLico.css"); //全局定义 a{color: rgba(0,114,188,1);} a:hover{ text-decoration:none;} body{ background: rgba(0, 114, 188, 0.02);} .modal-header .close {transition: all 0.5s ease;} .close:hover{transform: rotate(360deg);} //后台左上LOGO站名 .zlogo1,.zlogo2,.zlogo3{ float:left;/*font-family: "ZoomlaICO" !important;*/cursor:pointer; } .zlogo1{margin-top: -1rem; margin-left:0.2rem;font-size:4rem; color:#ccc;} //.zlogo1 a{color:#ccc;} .zlogo2{margin-top: -2.8rem; height:36px; font-size:6rem; color:#FFF;/*z-index:-1;*/} .zlogo3{ margin-top:-0.4rem; font-size:3.0rem; color:#ccc;} .zlogo3 a{color:#ccc;} .zlogo4{ width:auto;margin-top:0.4rem;margin-left:3.6rem; font-size:1.36rem; color:#FFF;cursor:pointer;} .zlogo4 span{ display:block; font-size:0.78rem;} //.ZoomlaICO2015:before { font-family:'ZoomlaICO'; content:"\51F7";} .below{border-bottom:1px solid #ddd}//1象素的灰底边 .sys_ul{list-style: none;} .name_ico_c{color:#4586BD;} .Maintain_title{color:#ccc;} /*兼容性补丁-基于v4style_patch.css合并*/ .td_xs{width:45px;} .td_s{width:80px;} .td_m{width:150px;} .td_l { width: 200px; } .text_x{max-width:80px;display:inline-block;} .text_md{max-width:200px;display:inline-block;} .text_100{max-width:100px;display:inline-block;} .text_300{max-width:200px;display:inline-block;} .text_300{max-width:300px;display:inline-block;} .text_715{max-width:715px;display:inline-block;} .img50{max-width:50px;max-height:50px;} .error{color:#ff0000;font-size:12px;} //.option_style{ margin-left:2px; font-size:14px;} //.option_style i{ margin-right:2px;} //锁屏保护 .lockin iframe{width: 100vw;height: 100vh;} //通用边框缩图 .thumImg{width:8rem;padding:0.2rem;border:1px solid #dee2e6;} //内容编辑 .fd_body { display: flex; flex-wrap: wrap; } .fd_item_head { margin-bottom: 5px; font-size: 14px; font-weight: bolder; } .fd_item_head .fd_alias { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fd_item_req { color: #ff0000; margin-left: 10px; } .fd_item { width: 100%; list-style-type: none; padding: 10px; margin-bottom: 1rem; border-radius: 4px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 5px 0px, rgba(0, 0, 0, 0.0784314) 0px 2px 10px 0px; } .fd_item .colled .fa-chevron-circle-right { display: none; } .fd_item .opened .fa-chevron-circle-down { display: none; } .fd_item span { font-size: 0.8rem; color: #ccc; } //清除左边圆角 .cRadius_left{@include 清除左边圆角;} .cRadius_right{@include 清除右边圆角;} .cRadius_rl{@include 清除左边圆角;@include 清除右边圆角;} .max20rem{max-width: 20rem;} .min10rem {min-width: 10rem;} .mb_1rem{margin-bottom: 1rem;} .mb_2rem{margin-bottom: 2rem;} .mb_4rem{margin-bottom: 4rem;} .mb_8rem{margin-bottom: 8rem!important;} .width1100{width: 1100px;} .max_width1100{max-width: 1100px !important;} .w_6rem{width: 6rem;} .dib{display: inline-block;} .bd_none{border: none;} .mt_3rem{margin-top: 3.2rem;} .sys_cur_poin{cursor: pointer;} .mr5px{margin-right: 5px;} .sys_overhid{overflow: hidden;} //只在宽屏下有效的12rem宽-用于表格首行定宽 .w1rem{width: 1rem !important;} .w12rem_lg{width: 12rem !important;} .m50rem_50 {width: 50%;max-width: 50rem;} .h6rem{height: 6rem !important;} .h14rem{height: 14rem !important;} .height_50{height: 50px !important;} .sys_posit_in{position: inherit!important;margin-top: .5rem;} //后台表格标题部份定义 .table_box{padding-left: 0;padding-right: 0;} .sys_table{color: rgba(85, 77, 77, 0.8); th{text-align: right;vertical-align: middle;} } .sysBtline{padding: .75rem 1.25rem;} //功能列表清边 .sysRow{ margin-left: -15px;margin-right: 5px;margin-bottom: 2rem;word-break: break-all;} //标签弹出提示框 .sysart{-webkit-animation-name: pulse;animation-name: pulse; .modal-title{font-size: 0.9rem;} .modal-title i{font-size: 1.2rem;} .modal-content{background-color: rgba(255, 255, 255, 0.72);} .modal-body{text-align: center;} .modal-footer{border-top: none;} } //系统设置PWA模块 .pwa_view_wrap { .item{ float: left; width: 320px; height: 570px; margin-right: 10px; border: 1px solid rgba(221,221,221,1.00); position: relative; &:hover{ border: 1px solid rgb(212, 169, 226);} img { width: 100%; } } .pwa_view_item1{position:absolute;left:6rem;top:29px;background:url(/manage/mobile/pwa_assets/icon_bk.jpg) no-repeat; background-size:100% 100%;width:57px;height:57px;text-align:center; img{margin-top: 0.4rem; border-radius:50%;width:2.6rem;} span{line-height:2rem;font-size:0.72rem;color:#fff;} } .pwa_view_item2{ img{position:absolute;width:53px;top:253px;left:133px;} } .pwa_view_item2_name{position:absolute;width:100%;top:306px;color:#fff;text-align:center;} .pwa_view_item3{ strong{display: block;position:absolute;width:100%;top:305px;color:#fff;text-align:center;font-weight: normal;} } .pwa_view_item3_bar{position: absolute; bottom:0; left:1.6rem;width: 100%;height:8rem; img{width:2.8rem;height:2.8rem;} p{padding-left: 0.4rem;color:#999; } span{ display: block;width: 100%; text-align: left;} } } //四级下拉字段 #four_div select{float: left;} //旧版智能帮助系统-弃用 //#help{position:absolute;right:0.625rem;top:0.94rem; //i{color:rgba(102,102,102,0.8); cursor:pointer;} //#help_div { border:1px solid rgba(255,215,0,1.00); margin-top:1.25rem; padding-bottom:0.625rem;} //#help_hide { display:block; position:absolute; top:0.5rem;right:0.5rem;width:1.25rem;} //#help_hide span{cursor:pointer;} //} // //#help #help_content {position:absolute; top:0; right:0; width:16rem; min-height:10rem; padding:0.32rem; border:1px solid rgba(102,102,102,0.8); background:rgba(255,255,255,1.00); line-height:1.125rem; color:rgba(153,153,153,1.00); box-shadow: $文字黑色阴影; //p{margin-bottom: 0;/*text-indent:1.02rem;*/ text-align:justify; text-justify:inter-ideograph; font-size: 0.72rem;} //ul { list-style:none; margin-top:0.625rem; margin-bottom:0.625rem; text-align:left; font-size:0.75rem; color:rgba(102,102,102,1.00) } //abbr{ padding-left: 0.2rem; border-left:.3rem solid rgba(255,0,0,1.00);font-style:normal;font-size: 0.8rem;font-weight: bold; } //h1{ padding-top:0.65rem; font-size:0.88rem; line-height:0.625rem; } //li { font-size:0.75rem; color:rgba(102,102,102,1.00); text-align:left; padding-left:0.125rem; margin-top:0.625rem; text-indent:1.25rem; } //li.example { text-indent:0px; margin-top:0.625rem; margin-bottom:0.625rem; } //a{ display:inline;text-decoration:underline; color:rgba(153,153,153,1.00);} //a:hover{color:rgba(102,102,102,1.00);} //} .list_choice{margin-top: 3.5rem} //后台zico系统选择器 .SystemIcon div { font-size: 3em; float: left; padding: 5px; border: 1px solid #ddd; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 4px; margin-right: 5px; margin-bottom: 5px; cursor: pointer; &:hover { background-color: #5bc0de; color: #fff; } } .ico_tabs{display: flex;flex-direction: column;border:none;float: left;margin-top: 1rem;width:5%;margin-right: 1%; li{border:none;} li.active{border:none;} li.nav-link.active{border:none;background: #e6f1f8;color: #0085d0;} li a{border:none;font-size: 1.3rem;margin: auto;text-align: center;} &>li.active>a:hover{border:none;} &> li.active > a, .ico_tabs > li.active > a:focus{border:none;} } .ico_tabs_c{float: left;margin-top: 1rem;width:93%;} //申请测试账号页 #userform_table span {line-height:1.8rem;} #userform_table tr.check_ok .form-control{border:1px solid #17e217} #userform_table tr.check_err .form-control {border:1px solid #f31111;} #userform_table tr .fa-check {color:#17e217;position:absolute;font-size:1.5em;right:15px;top:16px;} #userform_table tr .fa-remove {color:#f31111;position:absolute;font-size:1.5em;right:15px;top:16px;} #userform_table .text_td{position:relative; .btn{margin-right: 0.6rem;} } #Tip_Div { padding: 1.8rem 1.3rem;} //后台锁定 #lock {@include dflex;width: 100%; height: 100vh;background: linear-gradient(180deg, #ffffff 30%, #00aeef);background-size:cover; color: #FFF; z-index: 10001; i{position:absolute;top: 0.4rem; left:1.6rem;font-size:1.2rem; color:rgba(91, 192, 222, 0.44); } input{padding-left:2rem;font-size: 0.92rem;@include 中国风下划线input;} } //二级密码 #spwd_div{position: absolute;top: 50%;left: 50%;margin-top: -38px;margin-left: -175px;width: 350px;border: none;background: none;} .SPwd_box{position:relative; i{position: absolute;top:21px;left: 40px;font-size: 1.6rem;color:#ccc;} #SPwd_T{border-color:#ccc;padding-left: 3rem;border-radius:6rem;} } /*后台操作成功与错误提示类*/ .sysTips_prompt{margin-top: 20vh;-webkit-animation-name: pulse;animation-name: pulse; } .merger_btn{border:1px solid rgba(206,212,218,1.00);} .panel_footers{margin-bottom: 1rem;padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .a_Jump{text-decoration: underline;} .group_box{margin: 0.8rem 0;} .group_input{background:rgba(238,238,238,1.00);border: 1px solid rgba(204,204,204,1.00);padding: .375rem .75rem;border-radius: .25rem;} .sys_table_none>table tr,.sys_table_none>table td {background: rgba(255,255,255,1.00);border:none;} //自定义订单状态 .selcolor{font-size:1rem;} td.d-inline-flex .selcolor{margin-left: .6rem;padding-top: .3rem;} .setorderstatus .td_l{width:28rem;} .setorderstatus .text_md{width:25rem;max-width:25rem;} //维护中心 .default_div{ .input-group-addon{width:40px;} li{list-style: none;margin: 1rem 0} } .FalseHints_box li{list-style: none} //后台管理索引 .mid_txtbox { margin: auto;margin-top: 5%;width: auto;padding: 1.2rem; h2{line-height: 2em;color:rgba(204,204,204,1.00);font-size: 1.2rem} .btn {margin-left: 1.2rem; margin-right: 1.2rem;} } .mid_txtcnt h1{font-size: 2rem;} .creat_btn{ .btn {margin-top: 0.76rem;} .btn i {display: block;margin-top: .8rem;font-size: 4em;text-align: center;} } .sys_mbCollapsed,.sys_index_outbtn,.sys_Mobile_ts{display: none;} //后台面包屑 .mysite{margin-bottom: .2rem;} .breadcrumb{margin-bottom: 0;background-color:#d9edf7 !important;border-color: #bce8f1!important;border: 1px solid rgba(0,0,0,.125);color:#0072bc;} //.breadcrumb_addIco{ position: absolute; top: 0.94rem;right: 2.4rem;} .sys_Edition{margin-top: 5px;background-color: #d9edf7!important;border-color: #bce8f1!important;border: 1px solid rgba(0,0,0,.125);color:#0072bc;} //内容版本管理 .excontent_wrap{display:inline-block;width:120px;margin-top:5px;margin-left:5px; .verbak_l{font-weight:normal;position:relative;top:3px;} } //后台功能导航 .funcList{ margin-bottom: 0.4rem;padding-left: 0;padding-right: 5px; .list-group-item i{float: right;} .bg-light{padding-bottom: 5px;} .list-group-item-action:hover i{ transform: translate(0, -5px);transition: all 0.3s ease-in-out;} .card>.list-group:last-child .list-group-item:last-child {border-bottom-right-radius: 0; border-bottom-left-radius: 0;} .card>.list-group:first-child .list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0;} } .funcListIco{float:right; button{color: #ccc;background: none;border:none;} &:hover button{color: #666;} } //内容列表 .Conent_fix { position:fixed;left:0;bottom:0; width: 100%;height:4.12rem; padding-top:0.2rem; z-index:1000; background:#fff; border:1px solid #ddd; text-align:center;background:rgba(255,255,255,0.88); }/*内容添加与编辑 /*浮动按钮*/ .Ctitle{text-align:left;position: relative; cursor: pointer;width:100%;} .allchk_l{float: left;} .allchk_sp {position:relative;bottom:-3px;} span#LblFunLabel{display: -webkit-box!important;display: -ms-flexbox!important;display: flex!important;flex-wrap: wrap!important;-ms-flex-wrap: wrap!important;} .spanfixdiv1{border-radius:4px;background:#fff;cursor:pointer;border:1px solid #ddd;padding:8px;max-width:180px;margin-right:2px; display:inline-block;overflow-x:hidden;text-overflow:ellipsis;} .spanfixdiv1:hover {background-color:rgba(91, 192, 222, 0.8);color:#fff;} .spanfixdiv{ margin: .3rem 0 .3rem 0.1rem;padding: .4rem .4rem;font-size: 0.92rem;overflow:hidden;cursor:pointer;float: left;} .spanfixdivchechk a{font-size:1.2em;margin:0px 10px 0px 5px;} .spanfixdivchechk:hover,.spanfixdiv:hover{background-color:rgba(91, 192, 222, 0.8);color:#fff;} #Field_div .spanfixdiv{float: inherit;} #pushcon_div {position:fixed;right:0px;top:50%;height:300px;overflow-y:auto;width:180px;display:none;}/*内容管理--推送*/ #pushcon_ul li {padding-bottom:3px;border-bottom:1px dashed #337ab7;} .Conent_add_fix {height: 4rem; border:1px solid #ddd; text-align:center;background:rgba(255,255,255,1);}/*内容添加与编辑浮动按钮*/ /*组图字段*/ .preview_img_ul{list-style:none;margin:0;padding:0} .preview_img_ul li{ text-align:center;position:relative;display:inline;float:left; margin:2px; overflow:hidden;font-size:12px} .preview_img_ul li img{ padding:2px; width:110px;height:110px; border:1px solid #ddd;} .preview_img_ul div.file-panel{position:absolute;height:0;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000',endColorstr='#80000000')\0;background:rgba(0,0,0,0.5);width:100%;top:0;left:0;overflow:hidden;z-index:300} .preview_img_ul div.file-panel span{width:24px;height:24px;display:inline;float:right;text-indent:-9999px;overflow:hidden;background:url(/Plugins/WebUploader/images/icons.png) no-repeat;margin:5px 1px 1px;cursor:pointer} .preview_img_ul div.file-panel span.choose{background-position:-137px -21px} .preview_img_ul div.file-panel span.choose:hover{background-position:-137px 0} .preview_img_ul div.file-panel span.cancel{background-position:-48px -24px} .preview_img_ul div.file-panel span.cancel:hover{background-position:-48px 0} .preview_img_ul div.file-panel span.editpic{background-position:-72px -24px} .preview_img_ul div.file-panel span.editpic:hover{background-position:-72px 0} #ThumImg_ul{ margin-top:5px;} #ThumImg_ul li{ margin-bottom:25px;} #ThumImg_ul li.choose img {border:1px solid #0094ff;} #ThumImg_ul li span.success{display: block;position: absolute;left: 0;bottom: 0;height: 40px;width: 100%;z-index: 200;background: url(/Plugins/Ueditor/dialogs/image/images/success.png) no-repeat right bottom;background: url(/Plugins/Ueditor/dialogs/image/images/success.gif) no-repeat right bottom \9;} .preview_img{cursor:url(/App_Themes/Admin/zoomin.cur),auto;} .zt_op_div {display:inline-table;} //下拉模板选择 .sysTlpDP{font-size: 0.8rem; .sysTlpDP_input{min-width: 20rem; text-align: left;} .dropdown-menu li a{padding-left: 0.5rem;} } .Template_files { max-height: 300px; min-width: 300px; overflow-y: auto;overflow-x: hidden;} //新后台界面 .sysTop{ position: relative;display: flex; background: rgba(0, 118, 222,1); box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); .sysTop_logo{width: 12rem;height:3.6rem;overflow: hidden;} } //后台右上角搜索 #sysSearch{ .input-group{margin-top: -0.12rem;} .form-control{color: rgb(153, 204, 255) !important;} input.form-control{ width:90px;border-left: none;border-right: none; border-top: none; border-radius: 0; border-bottom: 1px solid rgba(204,204,204,0.5); transition:all 0.3s ease-in; background:none; } input.form-control:focus{ width:10rem; } .input-group i{ position:absolute;right:5px; top:8px; color:rgba(204,204,204,1.00); z-index:1;cursor: pointer;} input::-webkit-input-placeholder {color: rgba(204,204,204,1.00);overflow: hidden;} } #newFrameTab.addnav:hover{ background:rgba(0, 118, 222, .92); a{color:rgba(255,255,255,1.00);} } //左右开关器 #leftSwitch {position:absolute;top:40%;right:-20px;height:100px;width:20px;padding-top:38px; cursor:pointer;text-align:center; background-color:rgba(0, 114, 188, 0.18);border-top-right-radius:15px;border-bottom-right-radius:15px;z-index:10;box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 5px 0px, rgba(0, 0, 0, 0.0784314) 0px 2px 10px 0px;} .visible-sm{display: none;} .open{ display:block;} //主菜单 .sysMenu{margin-right: auto; ul{margin-top: 0.8rem; font-size: 1.1rem;} li{min-width: 5rem;height: 2.8rem;line-height: 2.8rem; text-align: center; cursor: pointer;} li {color: rgb(153, 204, 255);} li a{display: block; width: 100%;height:100%;text-align: center;} ul .active{background: #fff; border-top-left-radius: 0.4rem; border-top-right-radius: 0.4rem;} } .sysTop_right{ padding-right: 1rem;align-items: flex-end; align-self: center ; a{color: rgb(153, 204, 255);} .dropdown-toggle { color: rgb(153, 204, 255);} .dropdown-toggle a:hover{color: rgba(241, 242, 243, 0.8);} .dropdown{margin-left: 0.4rem;margin-right: 1rem;float: left;} .dropdown-menu{opacity: 0.8;min-width: inherit;font-size: 0.92rem;} .dropdown-menu a{padding-left: 0.8rem;padding-right: 0.8rem;color:rgba(0,0,0,.6);} } //后台父框架子菜单 .m_top_bottom{height: 3rem;color: rgba(102, 102, 102,1);box-shadow: 0px 2px 2px 0px rgba(50,50,50,0.08); ul{ display:none;height: 3rem;@include myul; text-align: left;} .open{ display:inherit;} /*li { padding: 0 0.6rem; float: left;display: inline-block; line-height: 3rem;cursor:pointer;}*/ li a{color: #666 !important;} ul .active>a{ color:#8c8a8a!important;} .btn-default{ color:#999;} .dropdown-menu > li > a{ color:#999;} //下面是子菜单中的下菜单特别定义 .btn-group .dropdown-menu{top: 5px !important; left: -80px !important;min-width: auto;} li .btn-group .dropdown-item {font-size: 0.96rem; line-height: normal;} li .btn-group .dropdown-item:nth-child(even){ background:rgba(204,204,204,0.14);}/*下拉菜单偶数行变色*/ .m_top_bottom_deropLeft{color: #666;background: none;font-size: 0.93rem;} .m_top_bottom_deropLeft:hover{background: rgba(204,204,204,0.6)} .m_top_bottom_deropRight{padding-left: 0.4rem;padding-right: 0.4rem; color: #666;background: none;} .m_top_bottom_deropRight:hover{background: rgba(204,204,204,0.6)} } .sysMain{margin-top: 0.6rem;} .sys_ml16rem{margin-left: 16rem; } .sys_ml3rem{margin-left: 3rem; } //左部框架定定义 .sysLeft{ position: absolute;left:0;width: 15.5rem; height: 100vh;background: rgba(0, 114, 188, 0.08);border-top:1px solid #ddd;border-right:1px solid #ddd;/* border-top-right-radius: 0.4rem;*/ color: #999;font-size: 0.94rem; .open{display: block;} .menu_tit{padding-left: 1.8rem;line-height: 3.2rem;;color: #999;}/*左边航航的头题样式*/ .input-group{width: 94%;margin-left: 6px;} .m_left_ulin .SelectedA {margin-left: -3rem;padding-left: 3rem;width: 15.5rem; color: white;background: rgba(91,192,222,0.5); } } .m_left_ul{display: none; //.menu_tit{line-height: 3.2rem;;margin-left: -1.2rem;color: #999;}/*左边航航的头题样式*/ ul{@include myul;} .m_left_ulin{display: none;color: rgb(97, 176, 233);color: rgb(0, 114, 188);} .open{display: block;} li{padding-left: 3rem;line-height: 2.2rem; border-bottom: 1px solid #ddd; cursor: pointer;} li a{display: block; width: 100%;} li:hover{background: rgba(91,192,222,0.5); color: #fff;} } //系统左右开关器 .sysSidebar_hidden{width:3rem; background: rgba(0, 118, 222,0.3); transition: all 0.5s ease; //div{display: none;} .m_left_ul li{padding-left: 0.1rem;margin: 0.1rem; line-height:normal; color: #fff; text-align: center;transition: all 1.2s ease;} .m_left_ul li:hover{transform: scale(1.3); } } .sysSidebar_show{display: block;transition: all 0.5s ease;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.1); #leftSwitch{margin-left: 15.5rem;} } #tab_ul { padding-left:0;margin-top:2px;text-decoration: none; list-style-type:none;width:100%;overflow:hidden;} #tab_ul > li {float: left; border-left: 1px solid #ddd;border-top:1px solid #ddd; border-bottom:1px solid #ddd;cursor:pointer;text-overflow:ellipsis;} #tab_ul>li:hover{background: rgba(0, 118, 222, 0.6);} .tab-strip{ border-radius:4px; li { padding:0 20px ; background:#fff;} li:hover .closeTab{ opacity:1; color: #ccc; } } .FrameTab_nav{ height:40px;line-height:40px; margin-bottom:0.2em;} .first{ border-top-left-radius:4px;border-bottom-left-radius:4px;} .end{ border-right:1px solid #ddd; border-top-right-radius:4px; border-bottom-right-radius:4px;} //后台页签框架 .FrameTabs_bg{margin-bottom:8px} #Frame_UL{border-radius:4px;overflow:hidden;margin-top:2px;padding-left:0;width:100%;list-style-type:none;text-decoration:none} #Frame_UL>li{width:120px;min-height:44px; padding:0 20px;background:#fff;float:left;border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-overflow:ellipsis;cursor:pointer;position:relative;} #Frame_UL>li:hover{background:#d2dff2;} #Frame_UL li:hover .closeTab{color:#ccc;opacity:1} #Frame_UL a{text-decoration:none;font-size:.92rem} #Frame_UL .active{background:rgba(0,118,222,.6)} #Frame_UL .active a{color:#fff} #Frame_UL .active .closeTab{display:inline-block} #Frame_UL .addTab{width:55px;} #Frame_UL .addTab:hover {background: rgba(0, 118, 222, 0.92); } #Frame_UL .addTab:hover a {color: white; } #Frame_UL li:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px} #Frame_UL li:last-child{border-right:1px solid #ddd;border-top-right-radius:4px;border-bottom-right-radius:4px} #Frame_UL .closeTab{position:absolute;right:8px;color:#0072bc;} .tab-strip{ a{ text-decoration:none;font-size:0.92rem;} .current{ background:rgb(210, 223, 242);} .current a { color:#fff;} .current .closeTab{display: inline-block;} } .closeTab{opacity:0; border-radius:2px; margin-left:5px; &hover{ } } //.tab-strip .current .closeTab:hover{background:#2592F8;} .NodeP_Span:hover {color:green;} .popover-dismiss{ background:#999999;border:none;} .popover-dismiss:hover{ background:#b0a7a7;} .thumbnail {border:none;} //节点管理 .sysNodemanage{ .option_style{padding-left:0.5rem;} .optd .btn-group .btn ,.optd .btn-group i{color: #0056b3;} .btn-light{border:1px solid #ddd;} } //节点收费设置 .sysConsumeType{ .btn{ width: 22rem;margin-bottom: 0.2rem; text-align: left; color: #495057; border-color: #ced4da;} .input-group{margin-bottom: 0.2rem; max-width: 22rem;} } /*右侧边滑出*/ .manage_mobilemenu_bg { position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.5) 0 0; z-index:1; } .manage_mobilemenu { position:fixed; right:0; top:0; height:100%; background:rgba(255,255,255,1.00); border-left: 1px solid rgba(119,118,119,1.00); box-sizing:border-box; overflow-y:auto; transform: translate3d(100%,0px,0px); transition:all .5s cubic-bezier(0.2,1,0.2,1); width:20rem; z-index:2;} .manage_mobilemenu.active { transform: translate3d(0px,0px,0px); } .manage_mobilemenu_close a { display:block; padding-top:1rem;padding-right: 1rem;color:rgba(0,0,0,1.00); text-align:right; font-size:1.4rem;} .manage_mobilemenu_c ul { @include myul;} .manage_mobilemenu_c li { font-size:1.12rem; line-height:2.6rem; text-indent: 1rem;} .manage_mobilemenu_c li a { display:block; color:rgba(50, 50, 50, 1); transition:all 0.3s ease-out 0s;} .manage_mobilemenu_c li a:hover { background:rgba(59, 108, 170, 1); color:rgba(255,255,255,1.00);} .manage_mobilemenu_c li.active a { background:rgba(0,192,255,1.00); color:rgba(255,255,255,1.00);} //按栏目管理内容树 #nodeNav{ //.tvNavDiv{float:left;height:100%;width:100%;margin-top:1px;} //.tvNav_ul li a{padding-left:0.5em;} //.left_ul ul li {border-bottom:1px solid #ddd;} //.left_ul ul li a{color:#1963aa;display:block;text-decoration:none;height:2.4em;line-height:2.4em; padding-left:0.5em;} //.left_ul ul li a:hover{ background:#61b0e9; color:#fff;} //.active Li{ background:#61b0e9; color:#fff;border-bottom:1px solid #ddd;} //.list_span {margin-right:10px;} } .NodeTree_left_ul{padding-left: 0.5rem; color: #0072bc; ul{ padding-left: 0;} li{line-height: 2.2rem; border-bottom: 1px solid rgba(221,221,221,0.6);list-style: none;} li:hover{background: rgba(97,176,233,0.6);} a{padding-left: 0.5rem;} li li a{padding-left: 1.8rem !important;} li:hover li a:hover{display: block; width: 100%; background: rgba(255,255,255,0.6);} li li .SelectedA {display: block; color: white;background: rgba(91,192,222,0.5); } } //内容编辑 .manage_content{ #OAkeyword{ height:40px; border:1px solid #ccc; display:inline-block;min-width:300px;padding-top:5px;} #Keywords {display: none;} tabinput{ border:none; padding-left:5px; height:30px; line-height:30px;} .radius{margin:2px;margin-top:20px;height:24px; line-height:24px; background:#eee; border:1px solid #ddd;border-radius:3px;padding:3px;} .deltab{font-weight:bolder;color:#0094ff !important;margin-left:5px;cursor:pointer;} } //暂留-要删除简化的头部？ .m_top{padding-top:12px; background:#0076de;width:100%; position:fixed; top:0;z-index:1001;} .m_top_rl a{color:rgba(204,204,204,1.00);text-decoration:none;} .m_top_rl a:hover{ opacity:0.9; color:rgba(204,204,204,1.00);} .m_top_menu li { float:left;line-height:3rem;} .m_top_menu li a{display:block; color:#99ccff; height:100%;font-size:1.15em; } .m_top_menu li a:hover{ color:#fff;} .m_top_menu ul .active a:hover{color:#ccc;} .m_top_menu ul .active a{ background:#fff;} .mb_nav{ margin-top:55px;}/*小屏幕导航效果*/ .mb_nav .navbar-header{ margin-top:-42px;} .mb_nav .navbar-default{ position:relative; min-height:0px; background:rgba(255,255,255,0.95); border:none;} .mb_nav .navbar-default .navbar-nav{ width:100%; height:100%; } .mb_nav .navbar-default .navbar-nav li{ width:100%; border-bottom:1px solid #f8f8f8;} .mb_nav .navbar-default .navbar-nav li:last-child{ border-bottom:none;} .mb_nav .navbar-default .navbar-nav li a{ width:100%; font-size:1.1em; color:#333; } .mb_nav .navbar-default .navbar-nav li a.active{ margin-right:-1px; background:#59A1E9; color:#fff; } .mb_nav .navbar-default .navbar-nav li a:focus{ outline:none;} .mb_nav .navbar-default .sub_nav{ display:none; position:absolute; top:0; left:25%; right:0; height:100%; background:#fff; box-shadow:-2px 0 5px #ddd; } .mb_nav .navbar-default .sub_nav li a{ display:block; padding-left:15px; height:2em; line-height:2em; color:#343434; border-bottom:1px dashed #eee;} .mb_nav .navbar-default .sub_nav li a.active{ background:#59A1E9; color:#fff;} .mb_nav .navbar-default .thi_nav{ display:none; position:absolute; top:0; left:60%; right:0; height:100%; background:#fff; box-shadow:-2px 0 5px #eee; } .mb_nav .navbar-default .thi_nav li:first-child{ display:none;} .mb_nav .navbar-default .thi_nav li{ min-height:2em; line-height:2em; border-bottom:1px dotted #eee;} .mb_nav .navbar-default .thi_nav li a{ display:block; padding-left:5px; color:#454545; } .mb_nav .navbar-default .thi_nav li a.active{ background:#59A1E9; color:#fff;} /*后台进入动画*/ .newbody { position:absolute; top:0; width:100%; height:100%; z-index:1200; background-color: #8ce3fe; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8ce3fe), to(#305f99)); background-image: -webkit-linear-gradient(top, #8ce3fe, #305f99); background-image: -webkit-gradient(linear, left top, left bottom, from(#8ce3fe), to(#305f99)); background-image: linear-gradient(to bottom, #8ce3fe, #305f99); background-repeat: repeat-x;color: #fff; a{color: #fff;} } .newbody_t{display: flex; .ml-auto span{font-size: 0.8rem;} } .newbody_tl {display: flex;margin-top: -2rem; font-family:"ZoomlaICO" !important; a{padding-left: 0.4rem; padding-top: 2.6rem;} .logo1{display: block;float:left; margin-top: 1.2rem;margin-left: .2rem;width:3.2rem; font-size:2.8rem; color:#fff;} .logo2 { margin-top:0px; margin-left:-10px; font-size:4.28rem;} .logo3 { font-size:1.8rem; margin-top:0.5rem;margin-left:0.2rem;} .logo4 { font-size:1.4rem; margin-top:2.4rem; margin-left:0.2rem; } #newbody_logo2{margin-top:2rem;} } .newbody_c { position:absolute; width:100%; top:50%; margin-top:-500px; text-align:center; font-size:20rem; color:#0066cc;} .newbody_c i { -webkit-animation-name: swing;animation-name: swing; animation-duration: 10s; animation-fill-mode: both; } .newbody_c1 { position:absolute; width:100%; top:40%; margin-top:-122px; text-align:center; font-size:10em; color:#fff; font-weight:bold; } .newbody_c1t span { font-weight:100;} #wave { position:absolute; bottom:10rem; width:100%; height:20rem;} //后面父页 //主菜单 .nav-scroller {overflow-y: hidden;} .nav-scroller .nav {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin-top: -1px;overflow-x: auto;color: rgba(255, 255, 255, .75);text-align: center;white-space: nowrap;-webkit-overflow-scrolling: touch;} .nav-underline .nav-link {padding: .95rem;color: var(--secondary);font-size: 0.92rem;} .nav-underline .nav-link:hover {color: var(--blue);} .nav-underline .active {font-weight: 500;color: var(--gray-dark);} .box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); } //后台登录界面 .sys_login{ display: flex; align-items: center; background-color: #f5f5f5; .form-label-group{ position: relative; margin-bottom: 1rem;} .form-label-group > label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; line-height: 1.5; color: #495057; border: 1px solid transparent; border-radius: .25rem; transition: all .1s ease-in-out; } .form-label-group>i{ position: absolute; top: 0.3rem; left: 1rem; font-size: 1.6rem;color: #5BC0DE;} .form-label-group input{padding-left: 2.98rem;height: 2.6rem;} .VCode_img{@include 清除右边圆角;position: absolute; top:2px;right:2px; width:130px; height:34px; z-index: 1;} &>form{min-width: 420px;} } .sys_loginLogo{text-align: center; width: 80%;} .sys_loginBox{ width: 100%; max-width: 420px; padding: 15px; margin: 0 auto;} .sys_loginLink{text-align: center;} .sys_login_wave_box { position: absolute; z-index: 1; width: 100vw;left: 0; bottom: 0; background: url(Admin/sys_login_bg.png) repeat-x 0 0; -webkit-animation: 8s linear 0s none infinite sys_login_wave2; -moz-animation: 8s linear 0s none infinite sys_login_wave2; animation: 8s linear 0s none infinite sys_login_wave2;pointer-events: none; } .sys_login_wave_embed { height:20vh; background: url(Admin/sys_login_bg.png) repeat-x 330px 0; -webkit-animation: 10s linear 0s none infinite sys_login_wave1; -moz-animation: 10s linear 0s none infinite sys_login_wave1; animation: 10s linear 0s none infinite sys_login_wave1; } @keyframes sys_login_wave1 { 0% {background-position: 0 0;} 100% {background-position: 1600px 0;} } @keyframes sys_login_wave2 { 0% {background-position: 0 0;} 100% {background-position: -1600px 0;} } //全局分页定义 .sysPage{margin-top: 0.6rem;} //新选项卡metro导航 .main_nav{display: flex;animation-name: fadeIn;padding-top: 0.8rem; //&>div{margin-top: 5px;padding-left: 5px;padding-right: 5px;height: 10rem;line-height: 10rem;border-left: 5px solid #fafcfe;font-size: 1.18rem;} &>div{height: 9rem;border-left: 5px solid #fafcfe;font-size:1.08rem;margin-top: 10px;} &>div:hover { background: #fff; box-shadow: 2px 6px 14px rgba(0, 114, 188, 0.5); -webkit-transition: all .4s ease; transition: all .4s ease; z-index:1; } a{ padding-top: 3rem;display: block; text-align: center;color: #fff;} a i{font-size:1.98rem;} a:hover{color: #ccc;} } //后台引导界面 .worktableRow{margin-right:5px; .card{margin-bottom: 0.8rem;padding-right: 0;margin-right: -15px;} //.card-header{margin-left: -15px;margin-right: -15px;} .zlchart {width:100%;height:260px;} .goods,.order{padding-top:0px;margin-bottom: -3rem;} .card-body{min-height: 20rem;} table{padding: 0;} #showiframe{width: 100%;} .note textarea{min-height: 15rem;} } .worktable_menu{min-height: 7.2rem !important; ul{@include myul;text-align: center;} li{float: left;width: 5rem; i{width: 100%; font-size: 3rem;} &:hover{ position: relative;left: 0; bottom: 0.2rem;} &:hover a{color: rgba(0, 114, 188, 0.9);} } a{color: rgba(0, 114, 188, 0.8);} } .sys_index_Close{display: none;} .sys_index_nav .navbar-nav li:hover{background: rgba(255, 255, 255, 0.9);border-top-left-radius: 0.4rem;border-top-right-radius: 0.4rem; a{color:#333;} } //面包屑导航 .m_top_bottom ul li a{cursor:pointer; &:hover{color: rgba(102,102,102,0.6) !important;} } .m_top_bottom li .dropdown-menu.sys_inde_dropdown{top:38px!important;} //会员管理 //.popover.right{display: none;width:230px;left:100%; top:-53px; margin-top:0;} //.popover .arrow{top:27%;} //.Ctitle {text-align: left;position: relative;cursor: pointer;width: 100%;} #sel_box,.order_img,.sel_box,.execute_time,.sys_prompt{display: none;} //.popover table tr { height:23px; } .sysUsertabs{text-align: center; .hid_right{position: absolute;display: block;top:4rem;right: 2.4rem; line-height:2.4rem; width: 2rem;background: #eee;cursor: pointer;} .hid_left {position: absolute;display: block;top: 4rem;right: 5px; line-height:2.4rem;width: 2rem;background: #eee;cursor: pointer;} .hid_right:hover,.hid_left:hover{background: #757575;color: #fff!important;} .nav-tabs{overflow-x:scroll;} } //会员冒泡 .sys_userPopver{position: relative; .hidePopover{float: right;} .popover{display: none;top:-3.4rem;left: 100%; min-width:13rem;} ul{@include myul;margin-bottom: 0;} p{color: #0072bc;margin-bottom: 0;} p a{padding-right: 1rem; } .arrow{top: 3.4rem;} } .modelItem{margin-bottom:10px;} .modelName{border:1px solid #ddd;padding:5px;margin-bottom:5px;background-color:#f5f5f5;padding:10px 15px;} .authUL{padding:10px;padding-bottom:20px;} .authUL li{float:left;margin-right:5px;margin-bottom:5px;list-style: none;} .authItem .wrap{border:1px solid #ddd;border-radius:4px; text-align:center;padding:5px 8px;color:#333;font-weight:normal;cursor:pointer;} .authItem.check .wrap{border:1px solid #26a2fb;} .tab_td_icon{width: 4rem;text-align: center;} .wrapchk{margin: .2 .6rem; input{margin-right: .3rem;} } .popclose_btn{display: inline-block;width: 1.2rem;height: 1.2rem;} //后台界面切换 .Scences{width:100%;border:none;} .checkDiv {float: left;margin: 0 5px 5px 0; width:4.2rem; height: 4rem; background: #ccc;border-radius: 5px; text-align: center; line-height: 25px; cursor: pointer;} .checkDiv:hover { background-color: #28b779;} .checkDiv input {width:1.6rem;height: 1.6rem;} .checkDiv_bot{padding-top: 1rem; text-align: center;} .search_input{width: 150px;max-width:200px;display:inline;} .table_tr{text-align: center; font-weight: bold" height="26px} #cont .pr-0>div,#tab_con.pr-0>div{margin-left: -15px;margin-right: 5px;display: flex;flex-wrap: wrap;} .sys_wx_icon{font-size:2rem;} .allchk_sp{display:none;} //字段管理 #Type_Rad td { min-width: 80px; padding-left: 2px; } .modeldesc {color:#808000;} .mfield_body { display: none; } //内容管理 .posit_r{position: relative;} #EGV .popover.bs-popover-bottom,#EGV .popover.bs-popover-left,#Egv .popover.bottom{display: none;} .sys_con_popover{width: 15rem;} .sys_con_popover .arrow{top: -9px;left: 106px;} #EGV .popover.bs-popover-bottom .arrow{left: 48%;top:-9px;} #EGV .popover.bs-popover-left .arrow{top:50%;} .listEGV tr{cursor:pointer;} .catebigimg{position:absolute;max-width:18.8rem;max-height:18.8rem;display:none;margin-left:5px;} .opion_header {background: #ddd;padding: 4px;padding-left: 15px;margin-top: 50px;margin-bottom: 6px;width: 100%;border-radius: 4px;line-height: 35px;} .Imp_div {padding: 5px;border: 1px solid #ddd;border-radius: 4px;margin-bottom: 10px;display: none;} .menu_item {display:none;} .fa-folder-open{color:#286090;margin-right:3px;} .filltd {display:block;height:100%;padding:8px;} .modalClose{width:30px;height:20px;} .modalClose i{ display:block;margin-top:6px;font-size:12px;}.icontd i{font-size:25px;} .sys_video{ .video_btn{ width:100%;} .video_set{ display:none; height:200px; line-height:2.2rem;} .video_set.active{ display:inline-block; width:100%;} .video_recom{ line-height:2.2rem;} .video_recom strong{ float:left; display:block; width:80px;} .video_recom .btn-group{ float:left; margin-right:10px; } .ui-progressbar {position: relative;top:50%;} } .sys_close_bnt{font-size: 1.9rem;} .sys_Fullscreen_btn{margin-top: -13px!important;} //商城管理 .img_3rem,.img_3rem img{width: 3rem;height: 3rem;} .sys_prompt .popover-header a{font-size: .8rem;} .pro_btn { border-radius: .7ren; padding: 0 .7ren; color: #ededed; border: 0px; } .pro_btn:hover { color: #ededed; } .pro_btn:focus { outline: none; color: #ededed; } .grouppro_btn { background-color: #c9302c; } .suitpro_btn { background-color: #5bc0de; } .popClose { float: right; color: #0E529D; } .popover { max-width: 31rem; min-width: 31ren;} .popover-content { height: 25rem; overflow-y: auto; } .codetr .popover { width: 11.25rem; } .codetr .popover-content { height: 10rem; } .divline { padding: 5px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; margin-bottom: .7rem; display: none; } .divline li { float: left; margin-left: 8px; } .Ctitle { text-align: left; position: relative; cursor: pointer; width: 100%;height:100%; } .Ctitle table tr{height:1.2rem;} .Ctitle .popover{max-width:15.6rem;z-index: 1;} #store_list { position:absolute;z-index:3;background-color:#f5f5f5;padding:5px 10px;border-radius:4px;width:100%;border:1px solid #ddd; } .shop_operation #help{position: static;} .deploy_icon{cursor: pointer; margin-left: 5px;} .m_sel_box>div{display: inline-block;} .date_wrap .item{padding-bottom: .6rem;margin-bottom: .3rem;border-bottom: 1px dashed #ccc;} .enabled a { color: #999; text-decoration: none; } .exdiv { display: none; } .uprolist .up_nodeitem {padding-bottom: 5px;margin-bottom: 5px;margin-top: 5px;border-bottom: 1px solid #ddd;font-weight: bolder;} .dashed { border-bottom: 1px dashed #ccc; bottom:5px;} #BigOpion{margin-left: 0;} //订单列表 #ordernav li.active{font-weight:bolder;} .orderlist .order-item{border:1px solid #ddd;border-top:none;font-size:14px;font-family:'Microsoft YaHei';} .orderlist .opinfo {line-height:1.2rem;text-align:right;padding-right:15px;color:gray;} .orderlist .top_div{line-height:2rem; background-color:#f5f5f5;margin-top:10px;} .orderlist .prolist td{ line-height:4.3rem; border-left:1px solid #ddd;height:4.3rem;text-align:center;} .orderlist .prolist td:last-child{border-right:none;} .orderlist .goodservice {text-align:right;padding-right:1.2rem;} .orderlist .prolist .rowtd {line-height:1.2rem;padding-top:1.8rem} .orderlist .order_navs{position:relative;} .orderlist .search_div{position:absolute;right:0px;top:3px;} .orderlist .order_bspan { font-size:1em;} .orderlist .idcmessage{color:#999;line-height:normal;margin:0;} .foot_page{border:1px solid #ddd;padding:5px;border-top:none;} #sel_box{ display:none; position:absolute; top:3.0rem; left:0; padding-top:5px; padding-left:40px; padding-right:40px; width:100%; height:50px; background:#f1f1f1; box-shadow:0 6px 12px rgba(0,0,0,.175); z-index:5; } #sel_box .input-group{ border-radius:0;} #sel_box input.form-control{ border-radius:0; border-color:#ccc;} .exp_wrap{width:400px;font-size:0.92rem;} .exp_wrap li{padding-left:25px;border-bottom:1px solid #ddd;position:relative;} .exp_wrap .item{ padding:5px;padding-left:20px; border-left:1px dashed #ddd;} .exp_wrap li .circle{float:left; width:11px;height:11px; border-radius:50%;background-color:#b3ccee; display:inline-block;overflow:hidden;position:relative;top:16px;left:-5px;} .exp_wrap li.active .item{color:#ff6a00;} .exp_wrap li.active .circle{background-color:#ff6a00;} //.popover {max-width:none;min-width:9.3rem;} .opdiv{position:fixed;bottom:0px;padding:10px; text-align:center;background-color:rgba(0, 0, 0, 0.40);width:100%;border-radius:4px;box-shadow:0 5px 10px rgba(0,0,0,.2);margin-bottom:1.2rem;} .sys_region{width: inherit;} .sys_sel_title{line-height:2.2rem;} .sys_precode_btn{padding: 0;margin: 0;background:none;color: #0072bc;} .sys_precode{background: #fff;padding: .4rem;border: 1px solid #fff; img{width: 180px;height: 180px;} } /*公用控件样式--步骤控件*/ .zl_steps {overflow:hidden;} .zl_steps .wrap {display:inline-block;} .zl_steps .wrap > div {display:inline-block;width:150px; height:32px;line-height:32px;vertical-align:top;position:relative;} .zl_steps .wrap > div > label {margin-left:26px;cursor:default;} .zl_steps .round {display:inline-block;width:18px;height:18px;line-height:18px; border-radius:50%;text-align:center;cursor:default;} .zl_steps .round .zi {line-height:18px;} .zl_steps .step_right_bg {display:inline-block;width:0px;height:0px;right:-40px;top:-4px; position:absolute;z-index:1;border-style:solid;border-color:transparent transparent transparent #FFF;border-width:20px;} .zl_steps .step_right {display:inline-block;width:0px;height:0px;border:16px solid;position:absolute;right:-31px;z-index:1;} .zl_steps .finished {background-color:#28a3ef;color:#fff;}//第一步深蓝 .zl_steps .finished .round {background-color:#fff;color:#28a3ef;} .zl_steps .finished .step_right {border-color:transparent transparent transparent #28a3ef;} .zl_steps .current {background-color:#31b0d5;color:#fff;}//第二步淡蓝 .zl_steps .current .round {background-color:#fff;color:#31b0d5;} .zl_steps .current .step_right {border-color:transparent transparent transparent #31b0d5;} .zl_steps .todo {background-color:#eee;color:#999;}//第三步灰 .zl_steps .todo .round {background-color:#fff;color:#999;} .zl_steps .todo .step_right {border-color:transparent transparent transparent #eee;} .zl_steps .last .step_right, .zl_steps .last .step_right_bg {display:none;} /*步骤自适应*/ .zl_steps.auto {display:table;width:100%;} .zl_steps.auto .wrap {display:table-cell;} .zl_steps.auto .wrap > div {width:100%;} //推广中心 .codetext {width:20rem;height:31rem; display:none;} .dashed { border-bottom: 1px dashed #ccc;padding-bottom:5px;} .chart_ifr {border:none;overflow:hidden;height:25rem;} //用户 接口整合 .sys_prebox pre{display: block;font-size: 87.5%;color: #212529;background-color: #f5f5f5;border: 1px solid #ccc;padding: .8rem;margin: .8rem 0;} .Tips {padding: 10px;width: auto;background: #cbe6fc;border: 1px solid #b7dffe;} .tdbg:hover {background: #C4E4FF;cursor: pointer;} //用户画图 .zlchart { width: 100%; height: 260px; } .zlsecondchart { width: 100%; height: 290px; } #ProvinceChart>div{width: auto!important;} //添加广告 .sys_bannerlist{height: 600px;position:absolute;left:5px;top:48px;} .upload_wrap{ img{margin-bottom:5px;max-width:10rem;max-height:10rem;} iframe{padding-left:0;width: 100%; height:4rem;margin-top:0.5rem;} } //广告点选lable间距 #radlZonetype label,#RadlADType label{padding-left:0.2rem;margin-right:1rem;} //2018新上传 .up2018{ .custom-file-label::after{display:none;} #FupFile { font-size:0.82rem; } } //黄页管理 .templebig_img { position: absolute; max-width: 18.8rem; max-height: 18.8rem; display: none; margin-left: 5px; } //教育 #option_ul li { margin-top: 3px; } .tabinput { border: none; padding-left: 5px; height: 1.9rem; line-height: 1.9rem; } .radius { margin: 2px; margin-top: 1.3rem; height: 1.3rem; line-height: 1.3rem; background: #eee; border: 1px solid #ddd; border-radius: 3px; padding: 3px; float: none !important; } #errormes { z-index: 9999; } .opitem p { display: inline-block; } label { font-weight: normal; } .submitul li { float: left; margin-left: 1.2rem; } .sys_opdiv { float: right; font-size: 12px; padding: 5px; padding-left: 1rem; padding-right: 1rem; display: none; } .sys_opdiv > a { margin-left: 8px; } .analysis_text{/*font-family: 宋体, sans-serif; font-size: 13px; */font-weight: bold; letter-spacing: 1px; line-height: 25px; background-color: #FFFFFF;} //微信 .wx_left_menu #menu_ul li{display:flex;} .wx_left_menu #menu_ul li input{width:18rem;} .wx_left_menu #menu_ul li>span{margin-top:.6rem;margin-left:.2rem;display:none;} .wx_left_menu .li_active{background:#efefef;} .wx_left_menu #menu_ul li>div{margin-left:auto;} .control_panel .items .option{margin-bottom:.4rem;cursor: pointer;background-color: #0092bc;color: white;padding-top: 5rem;padding-left:3rem;height: 200px;width:200px;border-radius: 50%;border: solid #ccc 1px;} .control_panel .items .option:hover{background:#6ec3bc;} .control_panel h3,#AddMenu h4{font-size:1.2rem;color:#bbb;} .menuul {margin-left:22px;margin-right:36px;} .menuul li {border-left:1px solid #ddd;list-style-type:none;text-align:center;width:33.3%;float:left;} .menuul li>a{color:#616161;text-decoration:none;font-size:14px;line-height:2rem;display:block;} .menuul li>a:hover {background-color:#edeaea;} .cbody {display:block;background:#fff;position:absolute;width:80px;bottom:157px; box-shadow:0 4px 20px 1px rgba(0,0,0,0.2);border-radius:3px;display:none;} .citem {font-size:12px;color:#616161;border-bottom:1px solid #ddd;text-align:center;padding:5px 0 5px 0;} .wxapp_box {margin: auto;max-width: 100%;padding-top: 100px;} .wxapp {height: 150px; a {display: block;text-align: center;color: #333;} a i {width:4.98rem;height: 4.98rem;background: #31b0d5;border-radius: 10px;font-size: 3.4rem;color: #fff;box-shadow: 0 0 3px 1px rgba(49, 163, 255, 0.4);} } //移动-公众号列表 .weixin_div .weixin_cnt{ width:900px; max-width:500%; text-align:justify; text-decoration:inherit} .weixin_border{ position:absolute; left:20px;top: 3em; width:0; height:0; border-width:10px;border-color:rgba(0, 0, 0, 0); border-top-color:#e2f9fc;border-style:solid; } //系统维护工具 #SupperGavel{margin-top: 50vh;text-align: center; .form-label-group{margin-bottom: 1rem;} h1{font-size: 1.68rem;color: #666;} } .SupperGavelTool{ ul{@include myul;} li {text-align: center;background-color: #f9f9f9;} li i {font-size: 3.2rem;} li a {display: block;padding: 1rem;color: #333;text-decoration: none;} li a:hover {background: #563d7c;color: #fff;} } //.code { display: none; } .Maintain_input{height: 5rem;} //字体大师 .word_wrap { display:none; background-image:url(/cmsplugins/webfontplugin/views/res/timg.jpg); background-size:cover; width:6.8rem; height:6.8rem; line-height:6.8rem; text-align:center;} .hbbg{background:url(/cmsplugins/webfontplugin/views/res/hdbg.jpg) no-repeat -4px -4px #fff;background-size:100%; position:absolute;width:37.5rem;height:37.5rem;z-index:-2;position:absolute;top:0px;left:0px; } .hbword{font-size:31.3rem;position:absolute;top:0px;left:0px;z-index:-1;background-color:transparent;color:#eee;width:37.5rem;height:37.5rem; line-height:36.3rem;text-align:center;} .pen_style{border:1px solid #ddd;text-align:center;cursor:pointer;margin-bottom:5px;border-radius:5px;padding:7px;} .pen_style:hover{background-color:rgba(70, 140, 203,1);color:#fff;} .pen_style.active{background-color:rgba(70, 140, 203,1);color:#fff;} //扩展 .stati_code{ .couter_div{float:left;margin-left:20px;} .couter_div a{line-height:30px;text-decoration:none;} .couter_div a:hover{text-decoration:none;} .couter_div span{font-size:30px; font-weight:700;} } //系统 专题管理 .system_list{height: 17.6rem;} .LabelCallTab_l{height:536px;max-width:450px; overflow-y:auto;border:1px solid #ddd;border-right:none;padding:0px;text-align: center;} .sys_Template ul{list-style: none;padding: 0;} .Template_list_card{float: left;margin: 0 .4rem;} .diag_width {width:400px;} //.sfile_body{width:450px;display:inline-block;margin-bottom:-13px;margin-left:5px;} .sys_LabelManage{height: 3rem;overflow: hidden;} //会员头像 #UserFace_SFile_body {display:inline-block; img {padding: 2px;width: 8rem !important;height: 8rem !important; border: 1px solid #ccc; } .sfile_updiv { display:none; } } .SPage_list { margin-top: 10px; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.125); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.125); background: #fff; } .SPage_list .SPage_list_t { position: relative; padding-top: 70%; } .SPage_list .SPage_list_t a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #cf4646; color: #fff; font-weight: 100; } .SPage_list .SPage_list_t a.bgcolor1 { background: #cf4646; } .SPage_list .SPage_list_t a.bgcolor2 { background: #6f5499; } .SPage_list .SPage_list_t a.bgcolor3 { background: #0769ad; } .SPage_list .SPage_list_t a.bgcolor4 { background: #4caf50; } .SPage_list .SPage_list_t a.bgcolor5 { background: #3498db; } .SPage_list .SPage_list_t a.bgcolor6 { background: #f0db4f; } .SPage_list .SPage_list_t a.bgcolor7 { background: #1fa67a; } .SPage_list .SPage_list_t a.bgcolor8 { background: #d30d15; } .SPage_list .SPage_list_t a.bgcolor9 { background: #f43c12; } .SPage_list .SPage_list_t a.bgcolor10 { background: #c3522f; } .SPage_list .SPage_list_t a.bgcolor11 { background: #1abc9c; } .SPage_list .SPage_list_t a.bgcolor12 { background: #6d3353; } .SPage_list .SPage_list_t a.bgcolor13 { background: #2d89ef; } .SPage_list .SPage_list_t a.bgcolor14 { background: #2489c5; } .SPage_list .SPage_list_t a.bgcolor15 { background: #d35400; } .SPage_list .SPage_list_t a.bgcolor16 { background: #46bfbd; } .SPage_list .SPage_list_t a.bgcolor17 { background: #04a5e6; } .SPage_list .SPage_list_t a.bgcolor18 { background: #2b9646; } .SPage_list .SPage_list_t a.bgcolor19 { background: #8e44ad; } .SPage_list .SPage_list_t a.bgcolor20 { background: #e48632; } .SPage_list .SPage_list_tc { position: absolute; padding-left: 10%; padding-right: 10%; top: 50%; width: 100%; text-align: center; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .SPage_list .SPage_list_tc h3 { margin-top: 0; font-size: 1.5em; } .SPage_list .SPage_list_tc p { margin-top: 5px; margin-bottom: 0; color: #fafafa; font-size: 0.9em; } .SPage_list .SPage_list_b { padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; font-size: 0.9em; text-align: center; } .SPage_list .SPage_list_b a { margin-left: 2px; margin-right: 2px; color: #333; } .SPage_list .SPage_list_b a:hover { color: #ff7000; } .SPage_list1 { padding: 15px; border-bottom: 1px solid #ddd; background: #fff; } .SPage_list1 .SPage_list_t { float: left; width: 75%; } .SPage_list1 .SPage_list_t a { display: block; width: 100%; } .SPage_list1 .SPage_list_t h3 { float: left; margin-top: 0; margin-bottom: 0; width: 33.3333%; font-size: 1em; } .SPage_list1 .SPage_list_t p { float: left; margin-bottom: 0; width: 33.3333%; } .SPage_list1 .SPage_list_b { float: left; width: 25%; text-align: center; } .GetPageHtml_con{max-width: 100%; height: 360px;margin-top:10px;} .table_ul{list-style: none; .table_item{cursor:pointer;padding:3px;} .table_item:hover,.table_item.active{background-color:#5bc0de;color:#fff;} } .hideColumns_wrap{margin-bottom:5px;max-height:120px;overflow-y:auto;} .hideColumns_wrap span{margin-right:5px;margin-bottom:5px;} .excel_show{display:none;} .sys_Label_l{width: 30%;} .fontWrap>.row .fonts_list{font-size:40px;cursor:pointer;float:left;background-color:#5bc0de;color:#fff;text-align:center;height:120px;margin-bottom:5px;line-height:120px;border-radius:5px;margin-right:5px;box-shadow: rgba(0, 0, 0, 0.0980392) 0px 2px 5px 0px, rgba(0, 0, 0, 0.0784314) 0px 2px 10px 0px;overflow:hidden;text-overflow:ellipsis;} .fontWrap>.row .fonts_list:hover{background-color:#0f6983;} .iconifr{width:100%;height:500px;border:none;} .codeModal{width:80%;max-width:1024px;} .codeModal #codeText{width:100%;height:500px;resize:none;border:none;padding:10px 8px;} .iconModal{width:50%;max-width:300px;} //模板方案与云模板 .Template_box {position: relative;margin-bottom: 1rem;padding-top: 0.2rem;width: 16rem;height: 22rem;border: 2px solid #bbb;box-shadow: 0 0 5px 2px #ddd;border-radius: 5px; text-align: center; ul {@include myul;position: absolute;bottom: 0;right: 0;left: 0;padding-top: 0.2rem;background: #fafafa;border-top:0.2rem solid #ddd;opacity: 0.88; } .tempthumil {margin: auto;width:15.2rem;height: 100%;overflow: hidden;} .tempthumil span{display: block; width: 100%; height: 100%; background-size:cover !important;} .tempthumil span:hover {transition: all 0.5s ease 0s;transform: scale(1.1,1.1);} .temp_title{padding-left: 0.4rem;width: 100%;text-align: left;} .temp_title a{font-size: 1rem;font-weight: 600;} .temp_title a:hover{color: #e3b9b9;} li.temp_author {width: 100px;overflow: hidden;padding-left: .4rem;} li.temp_isuse {padding-left: .4rem;padding-right: 0.4rem;max-width: 9rem;overflow: hidden;} li:last-child {border-right: none;} li.temp_del a{margin-left: .2rem;} li {float: left;height: 2rem; line-height: 2rem;font-size: 0.92rem; background: #fafafa;} } .template h1{padding-top: 1rem; text-align: center;font-size: 1.68em;color: #666; i{color: rgb(0, 114, 188); font-size: 4.8rem;} } //模板管理 .lightbox img{border:1px solid #ccc;padding:3px;border-radius:3px;margin-bottom:5px;} #DownTips { .alert-success{height:86vh;background-color:rgba(91, 192, 222, 0.95);border-color:#5bc0de;color:#fff;margin-bottom:35px;} h4{font-size: 1.4rem;line-height: 3rem;color: rgba(255, 255, 255, 0.9);font-weight: 100;} .alert{position: fixed; bottom: 0;width: 100%; height: 84vh;background-color: rgba(91, 192, 222, 0.95);color: #fff;} } .downbtnBar{display: inline-block; width: 100%;height: 4.6rem; text-align: center;background:rgba(255, 255, 255, 0.75);} #downimg{margin: 20px auto; width: 80%;background-color:rgba(234, 234, 234, 0.95);border-radius:5px;display:none;padding:35px 100px 0 100px;height: 125px;} .tempdownload_btn{bottom: 1.4rem;} //办公 .Testing_box{ .ani_icon { margin-top: 10em;} .ani_icon h1 {margin: 1.4rem 0;/*font-family: "ZoomlaXingtiJ" !important;*/} .ani_icon .zi {font-size: 10em;color: rgba(66, 138, 201, 1);text-shadow: 2px -2px 10px #aaa;} li{margin: 0 .8rem;} } .c_chinabox{ .picifr{width:100%;max-width:800px; height:410px;border:none;} .tul {border-bottom:1px solid #ddd;} .tul li {text-align:center;border:1px solid #ddd;border-bottom:none;} } #chatdiag_div {position:fixed;left:30%;overflow:hidden;width:610px; height:550px;top:60px;border:none;} .chkwrap{margin-right:5px;display:inline-block;min-width:80px;} .rankbox_title{ margin:10px; padding-left:1em; height:2.4em; line-height:2.4em; border:1px solid #ddd; background:#eee; border-radius:4px;} .ranktitle{ height:2.2em; line-height:2.2em; border-bottom:1px solid #ddd; background:#f5f5f5; } .ranktitle i{ margin-right:5px; font-size:1.6em; color:#999;} .ranktitle p{ padding-left:1em; width:120px; border-bottom:2px solid #aaa;} .rankitem{ min-height:200px; border:1px solid #ddd;} .rankitem ul{ padding:0.5em 0.8em;} .rankitem li{ padding-left:0.5em; min-height:2em; line-height:2em; border-bottom:1px dotted #eee;} .rankitem li::before{ content:"1"; float:left; /*font-family:"宋体"; */font-style:oblique; font-size:16px; color:#333; display:block; width:20px; margin-right:0.5em; } .rankitem li:nth-child(1)::before{ content:"1"; color:#f00; font-size:20px;} .rankitem li:nth-child(2)::before{ content:"2"; color:#f00; font-size:20px;} .rankitem li:nth-child(3)::before{ content:"3"; color:#f00; font-size:20px;} .rankitem li:nth-child(4)::before{ content:"4";} .rankitem li:nth-child(5)::before{ content:"5";} .rankitem li:nth-child(6)::before{ content:"6";} .rankitem li:nth-child(7)::before{ content:"7";} .rankitem li:nth-child(8)::before{ content:"8";} .rankitem li:nth-child(9)::before{ content:"9";} .rankitem li:nth-child(10)::before{ content:"10";} .rankitem li em{ float:left; display:block; width:1.2em; font-size:1.2em; color:#666; text-align:center; margin-right:0.5em; } .rankitem li:nth-child(1) em,.rankitem li:nth-child(2) em,.rankitem li:nth-child(3) em{ color:#f00; font-size:1.4em;} .rankitem li:nth-child(2n){ background:#f8f8f8;} .rankitem li:last-child{ border-bottom:none;} .rankitem .badge{ margin-right:0.5em; padding:0; height:2em; line-height:2em; border-radius:50%; background:none; color:#666; /*font-family:"宋体";*/ font-size:1.2rem;} .left_ul ul{padding: 0;} .left_ul ul li {border-bottom: 1px solid #ddd;list-style: none;} //移动 #page_tr>#page_td {text-align: center;vertical-align: middle;} .quest_list{ li:nth-child(1) .q_icobox{background-color: #6083C7;} li:nth-child(2) .q_icobox{background-color: #53CEE0;} li:nth-child(3) .q_icobox{background-color: #80B660;} li:nth-child(4) .q_icobox{background-color: #EFB93D;} li:nth-child(5) .q_icobox{background-color: #EEB54E;} li:nth-child(6) .q_icobox{background-color: #EF4E3A;} li:nth-child(7) .q_icobox{background-color: #65CD30;} li:nth-child(8) .q_icobox{background-color: #886EE9;} li:nth-child(9) .q_icobox{background-color: #BBDCA7;} li:nth-child(10) .q_icobox{background-color: #8674CA;} } #qtype_ul li { float:left;margin-right:15px; margin-bottom:10px;text-align:center; cursor:pointer;} #qtype_ul .wrap {width:40px;margin:0 auto;text-align:center;} #qtype_ul .wrap div {color:#fff;width:100%;height:40px;padding-top:10px;border-radius:6px;box-shadow:5px #ddd;} #qtype_ul .wrap .zi {font-size:25px;} #qtype_ul .wrap span {display:block;margin-top:5px;} .msgthumb .headimg{width:100%; max-height:160px;} .wxlist li{cursor:pointer;} .wxlist li .badge{display:none;} .wxlist li .active{display:inline-block;} .vediodiag{width:600px;} .wxtextl{ width:80px; text-align:center;} .wxtextl i{ margin-right:5px; font-size:16px; color:#060;} .msgthumb {color:#c0c0c0;text-align:center;line-height:160px;font-weight:400;font-style:normal;background-color:#ececec;font-size:16px;} .msgthumb_foot {position:absolute;width:91%;border-radius:3px; line-height:30px;margin-top:-32px;padding-left:5px;padding-right:5px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;background-color:black;font-size:14px;} .msgitem { margin-top:10px; margin-bottom:10px; padding:10px 14px;position:relative; height:100px; box-shadow:0 0 1px 1px #f5f5f5; background:#fcfcfc;} .msgopt{ position:absolute; bottom:10px; left:5px;} .itemleft {float:left;width:68%;} .itemright { float:right;width:30%; text-align:right;} .itemimg {max-width:80px;max-height:80px;} .appmsg_add {display:block;border:2px dotted #d9dadc;line-height:50px;text-align:center;margin-top:20px; margin-bottom:20px;} .icon20 {width:20px;height:20px;display:inline-block;line-height:50px;text-align:center;color:#c0c0c0;} .msgopt a{ margin-left:5px; margin-right:5px; color:#999;} .msgopt a:hover{ color:#000;} .wtinfo{ margin-left:10px; color:#390;} //智慧图表 .imglist_box{ .imglist{padding:10px;} .imglist img{width:100%;height:120px;} .imglist .imglist_content{ border:1px solid #ccc; border-radius:20px; padding:10px;cursor:pointer;} .imglist .imglist_content:hover{border-radius:3px;border:1px solid #ccc;box-shadow:0 4px 20px 1px rgba(0,0,0,0.2);} .imglist_content span{font-style:italic; font-size:12px; color:#999;} .imgdisable{filter: Alpha(opacity=10);-moz-opacity:.1;opacity:0.1; } .splitdiv {margin-top:5px;margin-bottom:5px;border-bottom:1px solid #ddd;} } //站群 //.cloud_bg{background: #f7f7f7; height: 100%;} #right {background: #f7f7f7;} .cloud_tex_p{line-height:24px;} .domname{ border:1px solid #ccc; padding-left:5px;} .imgLocal {position:relative;margin-top:10px;} .list_unstyled{padding: 0;list-style: none;} .selectbox li {float: left;width: 25%;list-style: none;} .site_border {width: 100%;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;} .m_ul{@include myul;} //开发助手help .help_top {padding-top: 5px;min-height: 30px;background: #336699;color: #fff; a{color: #fff;} .input-group {margin-top: 0.2rem;} .help_nav_l li>a,.help_nav_r li>a{color: #fff!important; &:hover{color: #F3C1C1!important;} } .help_nav_r .dropdown-menu a{color: #000;} .searchs_input{width: 10rem;} .help_nav_l li.active a{border-bottom: 2px solid #f9f9f9;} .help_nav_l li a:hover{border-bottom: 2px solid #f9f9f9;} .help_top_title{font-size: .8rem;} .hnav_close_btn{display: none;} } .help_top_l{margin-right: 0; img{ float: left;padding-top: 0.8rem; padding-left: 0.2rem; width: 6rem;height: 2.4rem;} h1{float: left; font-size: 0.9rem; line-height: 2.6rem;} } .help_top_menu{padding-top: 0.6rem; } .help_cnt {position: absolute;left: 320px;top: 0;padding-top:6.4rem; h2{font-size: 1.45rem; line-height: 3rem;} h3{font-size: 1.68rem;} } .page-head{line-height: 2rem;} .tip-faq{ dt{line-height: 2.8rem;} } .sys_help{overflow-x: hidden;} .help_syn {padding-right: 6rem;text-align: center;color: #337ab7;} .help_menu {position: fixed;left: 0;top: 0;z-index:5;bottom: 0;padding-top: 40px;width: 300px;height: 100%;background: #fafafa;box-shadow: 2px 0 5px #ddd; ul{ } a{color: #565656;} li{padding: 0 !important;font-size: 1.12rem; background: none;} li a{display: block; line-height: 3rem; width: 100%;height: 100%; text-indent: 1.8rem;} li.active a, .help_menu ul li.active a:hover, .help_menu ul li.active a:focus {border: none;color: #337ab7;} li.active {z-index: 2;color: #fff;background-color: #F9DAF7;border-color: #F9DAF7;} li:hover{background: #000;z-index: 2;color: #fff;background-color: #F9DAF7;border-color: #F9DAF7;} } .help_menu_leftbtn{position: fixed;bottom: 4rem;right: 1rem;padding: .3rem .5rem;width: 3.5rem;background: rgba(58, 58, 58, 0.29);border: none;font-size: .9rem;color: #fff;display: none;} .h_foot_text{margin-top: 2rem;margin-bottom: 50px;text-align: center;clear: both;color: #999;} .tb_dm {width: 554px;height: 250px;background: #E1EAFF; margin-bottom: 8px;padding: 0 2px 0 2px;border: solid 1px #6699FF;} //表单统计 .form_Statistics{ ul{list-style: none;} /*表单呈现区*/ #formDesign_Div{background:url(/App_Themes/AdminDefaultTheme/images/PubForm/bg.jpg) no-repeat center top;padding:10px;padding-top:5px;padding-bottom:20px;} #myform{color:#6f5f5c;background:#FFF; box-shadow:0px 1px 6px rgba(0, 0, 0, 0.44);} .formtitle{text-align:center;padding:5px;font-size:24px;font-weight:bold; color:white;line-height:30px;background-color:#724b68;} .formintro{font-size:12px;color:white;text-align:center;background-color:#724b68;} .formli{padding:5px;border:1px solid transparent;} .formli:hover{border:1px dashed gray;} .removeli{color:red;cursor:pointer;float:right;width:20px;height:20px;} .removelibg{display:none;} /*元素属性区*/ #Tabs1 ul li{float:left;cursor:pointer;text-align:center;border:1px dashed #ddd;} #Tabs1 ul li:hover{border:1px solid #57A5CA;background-color:#D0E2F3;} .txtli{width:80px;height:50px;line-height:50px;margin:0 5px 5px 0;} .EditTitle{font-size:14px;font-weight:bold;} .EditContent{padding-left:20px;} .conli{width:120px;height:60px;line-height:60px;margin:0 5px 5px 0;padding:5px;} .option{background:url(/App_Themes/AdminDefaultTheme/images/PubForm/option.png) no-repeat;display:inline-block;width:34px;height:30px;float:right;margin-top:17px;} .option_input_txt{background-position:center -4px;} .option_text{background-position:center -73px;} .option_radio{background-position:center -107px;} .option_checkbox{background-position:center -38px;} .option_select{background-position:center -142px;} .option_img{background-position:center -352px;} /*表单元素CSS*/ .com_required{color:red;padding-left:5px;} .input{border:1px solid #ddd;padding-left:5px;} .textarea{border:1px solid #ddd;padding-left:5px;resize:none;height:120px;} .intro{font-size:12px;border-top:1px dashed #ddd;padding:5px;} .opbtn{cursor:pointer;background:#ddd;color:white;padding:3px;margin-right:3px;border-radius:50%;} .opbtn:hover{background-color:orange;} .large {width:90%;} .middle{width:60%;} .small {width:30%;} input[name=sel_rad], input[name=sel_chk]{margin-right:3px;} .img_normal{width:100%;height:200px;} /*杂项*/ .highlight{border:2px dashed black;background-color:#ddd; height:60px; line-height: 60px;} } //Tools 帮助中心 .home_header{padding: 0;background: #fff;box-shadow: 0 0 5px #000; li a{color: #000!important;} .API_title{color: #999;} .API_title:hover{color: #888;} h1{font-size: 2rem;display: inline-block;} .nav_close_btn{display: none;color: #212529;} .Tools_searchbox{margin-bottom: 0;} .searchs_input{font-size: .8rem;width: 10rem;height: 2.2rem;} .Tools_nav_l a{font-size:1.2rem;border: 1px solid #fff;} .Tools_nav_l li.active a{border-bottom:2px solid #3367d6;color: #0072bc;} .Tools_nav_l li a:hover{border-bottom:2px solid #3367d6;color: #0072bc;} .Tools_nav_r{font-size: 1rem;} } .tools_banner_main{padding-top: 8rem;} .Tools_banner{margin-top: 3rem;height: 28rem;background: #4285f4;color: #fff; .API_banner_main{padding-top: 8rem;} h1 {font-size: 3rem;font-weight: 300;line-height: 1.2;} .lead {font-size: 1.25rem;font-weight: 300;} } .Tools_api_main{margin-top: 1.4rem;margin-bottom: 2rem;} .Tools_api_main{ .code_li {height:32px;display:none;} .loginul li{margin-top:10px;} .codetext {width:100%;height:300px;border-radius:4px;resize:none;display:block;} .param {display:none;} .VCode_img{height: 2rem;} } //动感checkbox原型 .ickbox {position: relative;top: -0.5rem;border:0;width: 1.8rem;cursor: pointer; &:before {position: absolute;left: 0;z-index: 1;width: 30px;height: 30px;content: "";border: 1px solid #A0A0A0;transition: all 0.3s ease-in-out;} &:after {content: "";position: absolute;top: 0;left: 0; width: 30px; height: 30px; background: #f8f8f8;cursor: pointer; } &:checked:before {width: 1.1rem;height: 0.8rem;top: 0.2rem;left: 0.4rem;border-color: #f00; border-top-style: none;border-right-style: none;border-width: 2px;transform: rotate(-45deg);} } //节点绑定模型勾选 .node_select input {position: relative;top: -0.2rem;border:0;width: 1.8rem;cursor: pointer; &:before {position: absolute;left: 0;z-index: 1;width: 1.8rem;height: 1.8rem;content: "";border: 1px solid #A0A0A0;transition: all 0.3s ease-in-out;} &:after {content: "";position: absolute;top: 0;left: 0; width: 1.8rem; height: 1.8rem; background: #f8f8f8;cursor: pointer; } &:checked:before {width: 1.1rem;height: 0.8rem;top: 0.2rem;left: 0.4rem;border-color: #f00; border-top-style: none;border-right-style: none;border-width: 2px;transform: rotate(-45deg);} } @media (max-width:1200px){ .help_searchbox{display: none!important;} .help_top .navbar-collapse {display: block !important;position: fixed;top: 0;right: -200px;bottom: 0;z-index: 2;width: 200px;height: 100vh !important;margin: 0;background-color: inherit;border: none;box-shadow: none;border-left: 1px solid #e7e7e7;transition: all .3s ease-in-out;} .help_top .hnav_close_btn{margin-top: .4rem;display: block;} .help_top .help_nav_l li.active a{border-bottom: none;} } //移动适配 @media (max-width:768px){ .container{max-width: 100%;} .visible-sm{display: block;} .sys_login>form{min-width:auto;} .w12rem_lg{width: auto;} .setorderstatus .text_md{width:12.5rem;max-width:12.5rem;} .sys_loginYun1,.sys_loginYun2{display: none;} //后台进入动画 .newbody_t{display: flex; .ml-auto span{display: none;} } .main_nav{margin:-10px 15px 0 10px; &> div{border: none;} } .nav-underline .nav-link{ padding: .95rem 0.4rem;} .newbody_tl{ &>a{display: none;} //#newbody_logo2{margin-left: 2.5rem;} } .newbody_c{padding-top:38vh;} .newbody_c1{font-size: 3rem;} .sys_move_list{display: flex!important;-webkit-box-orient: vertical!important;-webkit-box-direction: normal!important;-ms-flex-direction: column!important;flex-direction: column!important;} .sysTlpDP .sysTlpDP_input{min-width: 11rem; text-align: left;} #gallery img,.sys_Label_l{width: 100%;} .sysMain{margin-top: 0;} .max_768_none,ol.breadcrumb,ul.breadcrumb,nav.breadcrumb{display: none!important;} .list_choice{margin-top: 0;} .sys_ml16rem{margin-left: 0;} .sys_index_nav{position: absolute;top:12px;right: 0; z-index: 1;width: 200px; ul li a{color:#666!important;} .sys_mbCollapsed{ display: block; font-size: 1.5rem;margin-right: 1.2rem;margin-left: auto;display: block;color: rgba(255,255,255,.5);background: none;border: none;} } .sysMenu{ li{background: #fff;} ul{ margin-top: 0.8rem;font-size: 1.1rem;height: 100vh;background: #fff;padding-top: 12vh;box-shadow: -10px 0 50px 0 rgba(0, 0, 0, 0.92);} } .FrameTab_nav {margin-left: 4px;height: 2rem;line-height: 2rem;margin-bottom: 0.2em;} .tab-strip a{font-size: .6rem;} .tab-strip li {padding: 0 6px;background: #fff;} .tab-strip li#newFrameTab{padding: 0 12px;} .m_top_bottom ul{height: 4rem;} .sys_index_nav #navbarsExampleDefault{position: fixed;right: -240px;top: -14px;width: 200px;} .sys_index_Close{display: block;position: absolute;top: 2vh;right: 50%;margin-right: -8px;z-index: 1;display: block;padding-top: 1rem;color: black;text-align: right;font-size: 1.4rem;} .sys_index_outbtn,.sys_Mobile_ts{display: block;} .opion_header{margin-top: 0;} .help_menu{left:-305px;} .help_cnt{left:25px;} .help_cnt img{width: 100%;} .help_menu_leftbtn{display: block;} .zn_logo{width: 140px;} .home_header .Tools_searchbox{display: none!important;} .Tools_nav_l li a{border: none!important;} .Tools_nav_r{width: 100%;} .Tools_nav_r .dropdown-menu{border: none;background: none;text-align: center;} .home_header .top_nav{display: block !important;position: fixed;top: 0;right: -200px;bottom: 0;z-index: 3;width: 200px;height: 100vh !important;margin: 0;background:#f8f9fa;border: none;box-shadow: none;border-left: 1px solid #e7e7e7;transition: all .3s ease-in-out;} .Tools_banner .display-4{font-size: 2rem;} .help_nav_r{width: 100%;} .help_nav_r .dropdown-menu{background: none;border: none;text-align: center;} .help_top .help_nav_r .dropdown-menu a{color: #fff;} .help_top .help_nav_l li.active a,.help_top .help_nav_l li a:hover{border:none;} .help_top .help_top_title{margin-left: -1.8rem;} .sys_LabelManage {height: 6rem;overflow: hidden;} //后台zico系统选择器 .ico_tabs{margin-right: 0;width: 100%;flex-direction:row; li{width: 33%;} li a{font-size: .96rem;padding-left: .5rem;padding-right: .5rem;} } .ico_tabs_c{width: 100%;padding-left: .8rem;} } //浏览器高底极小处理 @media(max-height:650px){ } @media (max-width: 576px){ .home_header .nav_close_btn {padding: .2rem;margin: .4rem;display: block;} } /*key:UG93ZXJlZCBieSBab29tbGEh6YCQ5rWqQ01TIHd3d3cuejAxLmNvbQ== */