body { padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin: 0px;display:flex; } html { background-color: #F9F9F9; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; margin: 0px; } body { background-color: #263949; font-family: Verdana, Arial,Vrinda,Tahoma; line-height: 2; font-size:12px; color:#666; } a { color: #555; text-decoration:none; } a:hover { color: #0099CC; } input, option{color:#666;} img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; display:inline; } ul{ margin:0; padding:0; list-style-position: outside; list-style-type: none; } li{ margin:0; padding:0; } div{ margin:0; padding:0; } #left_content { clear: both; width: 199px; } #left_content #user_info { background-image: url(../images/manage_r2_c1.jpg); background-repeat: no-repeat; height: 55px; padding: 10px 0 0 55px; } #left_content #user_info a{ color:#0099CC; } #left_content #main_nav { width: 199px; background-image: url(../images/left_nav_bg.jpg); background-repeat: repeat-y; } #left_main_nav { float: left; width: 25px; line-height: 13px; color:#0099CC; } #left_main_nav li{ height:69px; width:12px; text-align: center; padding: 7px 6px 0 7px; } .left_back{ background-image: url(../images/manage_r7_c2.jpg); background-repeat: no-repeat; cursor:pointer; } .left_back_onclick{ background-image: url(../images/manage_r6_c2.jpg); background-repeat: no-repeat; color:#333333; } #left_main_nav a{ color:#0099CC; }#right_main_nav { width: 173px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #DDD; border-bottom-color: #DDD; float: right; background-color: #FFFFFF; border-right-width: 1px; border-right-style: solid; border-right-color: #DDD; height: 627px; text-align: left; } .list_tilte { background-image: url(../images/list_title.gif); background-repeat: no-repeat; margin: 0 auto; clear: both; height: 22px; width: 140px; padding-left: 30px; font-weight: bold; color: #0099CC; margin-top: 9px; cursor:pointer; } .list_tilte_onclick { background-image: url(../images/list_title_onclick.gif); background-repeat: no-repeat; margin: 0 auto; clear: both; height: 22px; width: 140px; padding-left: 30px; font-weight: bold; color: #0099CC; margin-top: 9px; cursor:pointer; } .list_detail { margin: 0 auto; } .list_detail li{ list-style-image: url(../images/direct_blue.gif); list-style-position: inside; padding: 0 0 0 4px; margin:3px 0; } #switchpic { width: 6px; cursor:pointer; clear: both; vertical-align: bottom; margin-top: 220px; } #nav { width:99%; float:left; background-image: url(../images/nav_bg.jpg); } #nav ul { margin:0; list-style:none; padding: 0; } #nav li { float:left; margin:0; padding:2px 35px 0 30px; line-height:24px; font-weight:bold; } .bg_image{ background: url(../images/manage_r2_c14.jpg) no-repeat; cursor:pointer; } .bg_image_onclick{ background: url(../images/manage_r2_c13.jpg) no-repeat; color:#0099CC; } #sub_info { width: 99%; float:left; background-image: url(../images/manage_r3_c11.jpg); border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #DDD; border-bottom-color: #DDD; border-left-color: #DDD; height: 27px; background-repeat: repeat-x; padding: 5px 0 0 0; } .panel{ width:240px; color:#FFF; flex-shrink:0; box-sizing:border:box; font-size:16px; font-weight:lighter; font-family:"Microsoft Yahei;"; } .panel .logo{ width:140px; margin:20PX 0 50px; } .panel section{ padding:20px; } .panel .code_text{ color:white; font-size:14px; } .panel .role_text{ color:white; font-size:13px; background:url("../images/role.png") 10px center no-repeat; padding-left:40px; } .panel .copyright{ width:240px; font-size:12px; margin-left:30px; } .panel .copyright P{ margin:0; } #man_zone { width: 100%;/*calc(100% - 241px);*/ border:1px solid #DDD; background-color:#FFFFFF; padding:15px 30px; flex-shrink:0; min-height:950px; box-sizing:border-box; } #man_zone table{ background:#f2f2f2; } #man_zone table tr{ background-color:#fff; height:50px; } table.table1 thead tr th{ background:url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF; font-size:14px;color:#0099CC; } table.table1 thead tr th a{color:#0099CC} table.table1 tbody tr th{font-size:12px;color:#0099CC;} table.table1 tfoot tr td{ height:50px; } .left_title_1 { background-color: #F3F8F7; color:#73938E; font-weight:bold; line-height:30px; text-align:right } .left_title_2 { background-color: #fff; color:#73938E; font-weight:bold; line-height:30px; text-align:right; } .ico_edit, .ico_magnifier, .ico_da, .ico_sence, .ico_extend{ display:inline-block; height:50px;line-height:50px;font-weight:bold;color:#0099CC; background:url(../images/edit.gif) 0 center no-repeat;padding-left:20px; } .ico_magnifier{ background:url(../images/magnifier.gif) 0 center no-repeat; } .ico_extend{ background:url(../images/guanlian.png) 0 center no-repeat; } .ico_sence{ background:url(../images/sence.png) 0 center no-repeat; } .ico{ margin-right:10px; } .ico_da{ background:url(../images/da.gif) 0 center no-repeat; } .btn1{ width:150px;height:32px;border:none; color: #FFF; background: #9ad48a; cursor:pointer; border-radius:3px; margin-left:10px; } .txt1{ border:none; width:800px;height:32px;line-height:32px; padding:0 3px;font-size:12px; outline:none; border:1px solid #F0F0F0; } .txt-short{ border:none; width:350px;height:32px;line-height:32px; padding:0 3px;font-size:14px; float:left; outline:none; margin:10px; border:1px solid #EEE; } .txt-short2{ border:none; width:350px;height:32px;line-height:32px; padding:0 3px;font-size:14px; float:left; outline:none; } .txt2{ border:1px solid #DBE6E3; width:800px;height:360px;line-height:32px; padding:3px;overflow:auto;font-size:14px; } .txt3{ border:1px solid #DBE6E3; width:100px;height:32px;line-height:32px; padding:0 3px;font-size:14px; float:left; margin-right:5px; } .txt4{ border:1px solid #DBE6E3; width:800px;height:150px;line-height:20px; padding:3px;overflow:auto;font-size:14px; } .txt5{ border:1px solid #DBE6E3; width:300px;height:20px;line-height:20px; padding:0 3px;font-size:14px; float:left; } .txt6{ border:1px solid #DBE6E3; width:416px;height:20px;line-height:20px; padding:0 3px;font-size:14px; float:left; } .upload-frame{ border:none; width:340px; height:26px; float:left; margin-left:10px; box-sizing:content-box; padding:0; } .img{ float:left; border:1px solid #DBE6E3; width:280px; height:20px; line-height:20px; padding:0 3px; font-size:14px; } select{border:none;height:32px;color:#666} .showpagebox{ float:right; margin-left:10px; } .showpagebox a{ float:left;height:20px;border:1px solid #DBE6E3; padding:5px 8px;margin:0 4px; } .showpagebox a:hover, .showpagebox a.current{ background:#F3F8F7; } .showpagebox #Pagego, .searchbox #keys{ border:1px solid #DBE6E3; width:30px;height:20px;line-height:20px; padding:0 3px;text-align:center; float:left; } .searchbox #searchgo{ float:left;width:22px;height:22px;color:#61A1B4;margin:0 4px; background:url(../images/ico_search.gif) 0 0 no-repeat; border:none;font-size:1px;letter-spacing:-999px;cursor:pointer; } .searchbox{ float:right; } .searchbox #keys{ width:150px;text-align:left; } .tools_pro{background:url(../images/icos1.gif) center center no-repeat} #sp{width:400px;} .list{ overflow:hidden;} .list li{ width:20%; float:left; box-sizing:border-box; padding:5px 10px; } .wrapper ul{ overflow-y:scroll; height: 480px; } .wrapper ul li{ line-height:175%; padding:0px 10px; } .wrapper ul li:hover{ background:#F5F5F5; } .wrapper_left, .wrapper_right{ width:45%; height:90vh; float:left; border:1px solid #DDD; box-sizing:border-box; } .wrapper_center{ width:10%; height:500px; float:left; } .wrapper-head{ background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF; height: 30px; font-size: 14px; line-height: 30px; color: #0099CC; text-align:center; border-bottom:1px solid #ddd; } .submit-wapper{ text-align:center; } #galpop{ padding:10px; box-sizing:border-box; } .class-list li{ display:block; width:100%; margin-top:5px; height:26px; } .addSubClass{ background:url(../images/Addnew.png) left center no-repeat; border:none; width:20px; height:20px; } .removeSubClass{ background:url(../images/remove.png) left center no-repeat; border:none; width:20px; height:20px; margin-left:15px; } .tab-nav ul{ display:flex; display: -webkit-flex; flex-wrap:nowrap; justify-content: flex-start; overflow:hidden; align-items:flex-end; } .tab-nav ul li{ width:120px; text-align:center; height:50px; line-height:50px; background:#EEE; border-bottom:1px solid #eee; border-right:1px solid #DDD; flex-grow:1; } .tab-nav ul li:last-child{ border-right:none; } .tab-nav ul li.active{ font-size:14px; font-weight:bold; color:#0099CC; background:#d8ffff; } .tab-panel{ position:relative; } .tab-panel .panel{ display:none; position:absolute; top:0; left:0; padding:20px; width:100%; box-sizing:border-box; } .tab-panel .panel.active{ display:block; } .tab-panel .property-list{ width:100%; overflow:hidden; } .tab-panel .property-list li, .tab-panel .brand-list li, .tab-panel .device-list li{ float:left; width:20%; line-height:30px; } .tab-footer{ position:absolute; bottom:0; width:100%; border-top:1px solid #DDD; height:80px; } .tab-footer .tab-button{ margin:20px; padding:10px 20px; border:none; background:#ddd; border-radius:5px; } .tab-footer .tab-button:hover{ background:#0099CC; color:#FFF; } .tel{ background:url("../images/phone.png") 10px center no-repeat; padding-left:50px; } .mail{ background:url("../images/mail.png") 10px center no-repeat; padding-left:50px; } .wechat{ background:url("../images/wechat.png") 10px center no-repeat; padding-left:50px; } .whatsapp{ background:url("../images/whatsapp.png") 10px center no-repeat; padding-left:50px; } .linkedin{ background:url("../images/linkedin.png") 10px center no-repeat; padding-left:50px; } .facebook{ background:url("../images/facebook.png") 10px center no-repeat; padding-left:50px; }.alibaba{ background:url("../images/aliwangwang.png") 10px center no-repeat; padding-left:50px; } table.table1 thead tr th select{ text-align:center; height:32px; width:100%; } table.table1 thead tr th select option{ text-align:center; } .lxfs{ line-height:2em; font-size:13px; } .lxfs .tel{ background:url("../images/phone.png") 10px center no-repeat; padding-left:35px; } .panel dl{border-left:3px solid #A3E1D4;} .panel dl dt{ font-size:13px; color:#FFF; margin-left:30px; } .panel dl dt a{ color:#FFF; } .panel dl dt .list-wraper{ font-size:12px; color:#FFF; margin:5px 0 10px 10px; display:none; } .panel dl dt .list-wraper a{ display:block; } .panel dl dt .list-wraper a:before{ content:''; display:inline-block; border:5px solid; border-color:transparent; } .panel dl dt .list-wraper a:hover:before{ content:''; display:inline-block; border:5px solid; border-color:transparent transparent transparent white; } .layui-input-inline{ width:250px; height:38px; } .ySearchSelect{ height: 32px; position: relative; } .ySearchSelect i.layui-edge{ z-index: 1; } .ySearchSelect i.select{ -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz--transform: rotate(180deg); transform: rotate(180deg); margin-top: -8px; } .ySearchSelect .layui-input{ line-height: 36px; position: relative; z-index: 1; width:200px; font-size:14px; height:36px; border:none; Padding-left:5px; background:url("/images/arrow-down-bold.svg") right center no-repeat; } .ySearchSelect .input-text{ line-height: 32px; position: absolute; top: 44px; left: 1px; z-index: 3; display: none; background-color: #FFF; } .ySearchSelect .input-text input{ width: 96%; margin-left: 2%; height: 32px; line-height: 32px; border:1px solid #DBE6E3; border-radius:5px; font-size:12px; } .ySearchSelect .input-text .iconfont{ line-height: 36px; color: #999; position: absolute; top: 0px; right: 4%; z-index: 2; } .ySearchSelect ul{ display: none; width: 100%; max-height: 228px; position: relative; top: 0px; z-index: 2; background-color: #fff; border: 1px solid #d2d2d2; margin-top: -1px; padding: 5px 0; padding-top: 40px; overflow-x: hidden; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ySearchSelect ul li{ width: 100%; height: 36px; line-height: 36px; padding: 0 10px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ySearchSelect ul li.active{ background-color: #009688 !important; color: #FFF; } .ySearchSelect ul p{ width: 100%; height: 36px; line-height: 36px; text-align: center; padding: 0 10px; color: #999; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ySearchSelect ul li.on{ display: block; } .ySearchSelect ul li.hide{ display: none; } .ySearchSelect ul li:hover{ background-color: #f0f0f0; } .clear:before, .clear:after{ content:''; display:block; clear:both; width:100%; height:0; overflow:hidden; } .searchForm{ min-height:100px; width:720px; } .homeSearch{ margin: 360px auto 50px; } .resultSearch{ margin: 50px auto; } .searchForm .keywords{ display:inline-block; border:1px solid #ccc; border-top-left-radius:10px; border-bottom-left-radius:10px; border-right:none; width: 480px!important; padding-right: 48px!important; padding-left:10px; line-height:36px; height:36px; float:left; outline:none; } .searchForm .keywords:focus{ border:1px solid #9ad48a; border-top-left-radius:10px; border-bottom-left-radius:10px; } .searchForm .searchSubmit{ float:left; height:40px; float:left; width:120px; border-top-right-radius:10px; border-bottom-right-radius:10px; color:#FFF; background:#9ad48a; font-size:16px; border:2px solid #9ad48a; } .highline{ color:red; } .contacts{ padding: 20px; } #man_zone table tr.tableHead{ background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF; height: 35px; font-size: 14px; color: #0099CC; } .fastSelect{ padding:15px 20px; overflow:hidden; } .fastSelect h1{ font-size:20px; display:block; border-bottom:1px solid #9ad48a; margin-bottom:30px; } .fastSelect .selectItem{ width:33.33%; float:left; margin-bottom:20px; } .fastSelect .selectItem label{ display:inline-block; height:40px; width:80px; padding-left:10px; font-size:15px; } .fastSelect .selectItem label:after{ content:":"; } .fastSelect .selectItem select{ width:180px; border-bottom:1px solid #DDD; } select option{ padding:3px 10px; } .inputSearch{ width:33.33%; float:left; } .inputSearch .inputTxt{ height:30px; border: 1px solid #DBE6E3; border-top-left-radius:10px; border-bottom-left-radius:10px; padding-LEFT:10px; width:200px; outline:none; } .inputSearch .searchgo{ height:35px; border:none; width:80px; text-align:center; border-top-right-radius:10px; border-bottom-right-radius:10px; color: #FFF; background: #9ad48a; font-size: 16px; } .table1 .notepanel{ background:#EEE; display:none; } .table1 .notepanel.active{ display:block; } .flex{ display:flex; flex-wrap:nowrap; justify-content:space-around; } .table2{ box-sizing:border-box; } .table2 .theader{ background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF; height: 50px; line-height:50px; font-size: 14px; color: #0099CC; border-bottom:2Px solid #ccc; } .table2 .tline{ height: 50px; line-height:50px; border-bottom:1px solid #eee; } .table2 .tline:hover{ background:#FCFCFC; } .table2 .col1{ width:4%; float:left; text-align:center; height: 35px; line-height:42px; padding-top:14px; } .table2 .col2{ width:6%; float:left; text-align:center; height: 50px; } .table2 .col3{ width:calc(20% - 30px); float:left; height: 50px; line-height:50px; cursor:pointer; padding-left:30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tline .col3:before{ content:''; display:inline-block; border:6px solid; border-color:transparent transparent transparent #9ad48a; transition:all 0.8s; transform-origin:0 50%; } .tline .open.col3:before{ transform:rotate(450deg); } .table2 .col4, .table2 .col5, .table2 .col6{ width:10%; float:left; text-align:center; height: 50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .table2 .col20{ width:20%; float:left; text-align:center; height: 50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .table2 .col7, .table2 .col8{ width:15%; float:left; text-align:center; height: 50px; line-height:50px; } .table2 .col9{ width:calc(10% - 10px); float:left; text-align:center; height: 50px; line-height:50px; } .table2 .col10{ width:calc(14% - 9px); float:left; text-align:center; height:50px; line-height:50px; } .table2 .col11{ width:calc(16% - 7px); float:left; text-align:center; height: 50px; line-height:50px; } .table2 .colmark{ width:10%; float:left; text-align:center; height: 50px; line-height:50px; } .table2 .colmark span{ display:inline-block; width:80%; height:20px; } .table2 .notepanel{ width:calc(100% - 2px); background:#EEE; display:none; border:1px solid #FFF; } .table2 .notepanel .noteItem{ width:calc(10% + 1px); text-align:center; float:left; padding-top:20px; box-sizing:border-box; } .table2 .notepanel .noteItem2{ width:10%; text-align:center; float:left; padding-top:20px; box-sizing:border-box; } .table2 .notepanel .lx{ position:relative; float:left; padding:20px; width:calc(30% + 4px); box-sizing:border-box; } .table2 .notepanel .notecontent{ width:calc(50% - 6px); float:left; padding:20px; box-sizing:border-box; min-height:100px; } .taglist span{ position:relative; display:inline-block; padding:2px 22px 2px 10px; border-radius:10px; margin:7.5px 10px 7.5px 0; background:#9ad48a; color:#FFF; } .taglist span:hover{ background:#666; } .taglist span:after{ content:"x"; position:absolute; right:6px; color:#FFF; } .tagCloundHead{ display:block; margin:100px auto; border-bottom:1px solid #DDD; font-size:36px; color:#ccc; text-align:center; width:50%; } .tagCloundHead2{ display:block; margin:80px 0; border-bottom:1px solid #DDD; font-size:20px; text-align:center; width:200px; } .tagArea{ display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center; } .tagArea a{ display:block; color:#fff; padding:10px 20px; border-radius:10px; margin:15px; } .tagArea a:nth-child(10n+1){ background:#019fe8; } .tagArea a:nth-child(10n+2){ background:#ff9000; } .tagArea a:nth-child(10n+3){ background:#ff6201; } .tagArea a:nth-child(10n+4){ background:#2771b2 } .tagArea a:nth-child(10n+5){ background:#008f5a } .tagArea a:nth-child(10n+6){ background:#c7007d; } .tagArea a:nth-child(10n+7){ background:#008f5a; } .tagArea a:nth-child(10n+8){ background:#454da0; } .tagArea a:nth-child(10n+9){ background:#8bc800; } .dashboardHead{ display:block; margin:30px auto; border-bottom:1px solid #DDD; font-size:24px; color:#ccc; text-align:center; width:50%; line-height:3em; } .dashPanel1{ width:44%; margin:2%; border: 1px solid #DDD; border-radius: 10px; background:#fff; float:left; min-width:700px; } .dashPanel1 h3{ text-align:center; display:block; width:100%; } .syncphone{ display:inline-block; margin-left:10px; color:#0099CC; } .newCustomer{ background:#b9f2ec; } .commontag{ margin:10px 0; float:left; } i.tag{ display:inline-block; padding:0 15px; line-height:1.75em; border:1px solid #DDD; border-radius:10px; margin:0 5px 5px; font-style: normal; } .marginspace{ margin:10px 0; } i.tag:hover{ background: #9ad48a; color: #FFF; } .coltag span{ display:inline-block; color: #666; margin:7.5px; line-height: 2em; border: 1px solid #DDD; border-radius: 10px; padding:0 10px; } .coltag span.active{ background: #9ad48a; color: #FFF; } .taghead:before{ content:"标签:"; } .colormark{ position:relative; } .colormark .colorlist{ position:relative; width:100%; height:36px; margin:auto; display:none; margin-top:6px; } .colormark .colorlist li{ width:14px; height:14px; display:inline-block; border-radius:50%; margin:0 2px; cursor:pointer; box-shadow: 2px 2px 5px #ccc; border:none; } .colorlist .color1 { background:RGBA(185,242,236,0.6); } .colorlist .color2{ background:RGBA(185,241,204,0.6); } .colorlist .color3{ background:RGBA(242,241,185,0.8); } .colorlist .color4{ background:RGBA(242,185,228,0.6); } .colorlist .color0{ background:white; } .color1 .slidepanel{ background:RGBA(185,242,236,0.6); } .color2 .slidepanel{ background:RGBA(185,241,204,0.6); } .color3 .slidepanel{ background:RGBA(242,241,185,0.6); } .color4 .slidepanel{ background:RGBA(242,185,228,0.6); } .color0 .slidepanel{ background:white; } .teamStatistics{ width:100%; text-align:center; border-collapse:collapse; } .handover{ margin-left:8px; display:inline; margin-bottom:-5px; } .selectProduct, .selectnum{ display:none; } .nosale{ text-align:center; font-size:15px; } .pricecontrol{ text-align:center; font-size:14px; } .pricecontrol td img{ max-height:80px; } .pricecontrol li{ line-height:40px; display:block; } .pricecontrol li:nth-child(2n){ background:#F2F2F2; } .pricecontrol li .unit{ display:inline-block; padding:0 20px 0 5px; } .pricecontrol li .price{ display:inline-block; padding:0 10px 0 20px; } .new:after{ content:"New"; position:absolute; font-size:10px; color:#fff; margin-left:8px; animation: shine; animation-duration:0.3s; animation-iteration-count: infinite; } @keyframes shine{ 0%{opacity:0.5;} 100%{opacity:1;} } .claim, .claim1{ display: inline-block; height: 34px; line-height: 34px; font-weight: bold; color: #0099CC; background: url(../images/claim.svg) 0 center no-repeat; background-size:20px; padding-left: 30px; } @media only screen and (max-width:1300px) { .table2{font-size:11px;} .table2 .theader{font-size:10px;} .table2 .col3{width: calc(26% - 30px);padding-left: 15px;} .table2 .col4, .table2 .col5{ width:7.5%; } } .statement{ position:relative; font-size:12px; -webkit-background-clip: text; margin:10px 30px; text-align:center; background: linear-gradient(to bottom,black, white); background-clip: text; animation:flashcolor 5s infinite alternate; } @keyframes flashcolor{ 0% {background-position:0 0;} 100% {background-position:200px 200px;} } .postchkbox{margin-top:20px;}