@charset "utf-8";
body{background:#eee;color:#333;font-size:14px;font-family: "Microsoft Yahei";/*padding:20px;*/overflow-y: scroll;}
.white-bg{background: #fff;}
.gray-bg{background:#eee;padding:0;}
.grey-bg2{background:#eee;}
.light-gray-bg {background-color: #f6f6f6;}
.marktxt{color:#f45747;}
.w1200{width: 1200px;margin: 0 auto;z-index: 1;}
html{height: auto;}
/*APP研发css begin*/
/*app快速定制*/
.noAppBox{position: relative;text-align: center;}
.noAppBox .top{margin-top: 80px;}
.noAppBox .top p{color:#999;font-size: 16px;margin:50px 0 20px 0;}
.btn-create{color: #fff;background-color: #ff6b5c;border-color: #ff6c60;padding:9px 52px;}
.noAppBox .bottom{margin-top:290px;color:#555;}
.noAppBox .bottom p{margin-top: 5px;}
/*以创建app css*/
.appCreated{margin:0 -0.5%;}
.appModelBox,.appDetailBox,.messageBox{display: inline-block;background: #fff;border-radius: 4px;margin: 0 0.5%;padding:25px 0;height: 188px;vertical-align: middle;}
.appDetailBox{width:30%;min-width: 380px;}
.appModelBox{width:46%;}
.messageBox{width: 20.3%;}
.appDetailBox>div{display: inline-block;vertical-align: middle;}
.appDetailBox .applyIcon{width:100px;height: 100px; margin:0 15px;}
.appDetailBox .applyIcon img{width: 100%;}
.appDetailBox h4{margin-bottom: 5px;}
.createTime{margin-top: 10px;}
.createTime p{color:#999;}
.progress {height: 6px;background: #f2f2f2;border-left: 1px solid transparent;border-right: 1px solid transparent;border-radius:6px;margin:10px auto 6px auto;}
.progress > span {position: relative;float: left;margin: 0 -1px;min-width: 30px;height: 6px;}
.progress > span:before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;height: 6px;background:#28bd8b;border-radius: 6px;}
.matchPro-content>h4{color:#a7aaa9;margin-top:178px;}
.appState>span{display: inline-block;padding:1px 7px;background: #4a5971;color:#fff;}
.appState>span.normal{background: #4a5971;}
.appState>span.failed{background: #eb5449;}
.appState>span.succed{background: #28bd8b;}
.appModelBox ul{padding: 0;}
.appModelBox ul li{float:left;list-style:none;text-align: center;margin:10px 0;width: 33.3%;border-right: 1px solid #eee;}
.appModelBox ul li:last-child{border: 0;}
.appModelBox li span{display: inline-block;width: 72px;height:72px;border-radius: 100%;background: #f6f6f6;}
.appModelBox li span.active,.appModelBox li span:hover{background: #eee;cursor: pointer;}
.appModelBox li p{color:#666;font-size: 14px;margin-top: 20px;}
.appModelBox .iconfont{color:#ccc;font-size: 28px;line-height: 72px;}
.messageBox{text-align: center;}
.messageBox .btn.btn-message{padding:8px 35px;}
.messageBox .messageNum{color:#ff6b5c;}
.messageBox .messageNum span{font-size: 24px;padding-right: 5px;}
.messageBox .depict{margin:0 0 30px 0;}
section.mainBox{text-align: center;padding:34px 0;margin: 16px 0; }
section.mainBox h4{margin-bottom: 8px;}
.demoDownload{text-align: center;color:#555;padding:20px 16px;background: #fbfbfb;position: absolute;right:15px;box-shadow: 3px 3px 3px #e6e5e5;-webkit-box-shadow: 3px 3px 3px #e6e5e5;}
.demoDownload p{margin-top: 5px;}
.historyVerson .om-combo{width:auto;}
.historyVerson .seartd{float: right;}
.historyVerson .seartd #historyVerson{height: 30px;}
.downHistoryDialog{width:440px;height:228px;background:#fff;position: absolute;top:50%;left: 50%;margin-left: -220px;margin-top: -114px;padding:0 15px;z-index: 1055;}
.downHistoryDialog header{font-size:15px;position:relative;padding:20px 0 14px 0;border-bottom:1px solid #dedede;}
.downHistoryDialog header .iconfont{color:#cacaca;font-size: 14px;position: absolute;right:0;top:12px;}
.downHistoryDialog .btn-down{text-align: center;margin-top: 60px;}
/*app查看*/
.appCheck .form-control[readonly]{background: #fbfbfb;margin-top: -10px;border: 0;box-shadow: 0 0 0;border-radius: 0;}
.appCheck .form-control[readonly].bundleId{background: #fff;}
.appCheck .regExample{margin-top: 3px;}
.appCheck .rightBox .dot{margin: 0;}
.appCheck#appTrialMade  .form-control[readonly]{margin-top:10px;}
.appCheck#appTrialMade .rightBox{margin: 18px 0  18px 88px;}

/*app基础定制*/
/*.header>div,.appSetBox{width:1200px;margin:0 auto;}
.header>div{position: relative;}*/
.appSetBox{height: 100%;}
.appSetBox .page-header{margin: 0 0 15px 0;padding: 18px 0 0 0;border-bottom: 0;color:#666;}
.appSetBox .page-header a,.mainBox .left-tit{color:#333;font-size: 16px;font-weight: bold;}
.appSetBox .progress-f{padding: 0 100px;}
.appSetBox .progress-f menu li{width:20%;}

.mainBox{background: #fbfbfb;margin:44px 0 105px 0;border-radius: 3px;}
.mainBox .mainTop{padding:0 60px;}
.mainBox section{border-bottom: 1px solid #ddd;color:#aaa;}
.mainBox section:last-child{border-bottom-color:transparent;}
.mainBox .left-tit{width:10%;}
.mainBox .left-tit,.mainBox .rightBox{display: inline-block;vertical-align: top;margin: 30px 0; }
.mainBox .rightBox{margin-left: 88px;}
.rightBox .app-name,.rightBox .number,.rightBox .copywrite,.rightBox .color,.rightBox .bundleId,.rightBox .app-package{height: 44px;line-height: 32px;display: inline-block;}
.rightBox .app-name,.rightBox .bundleId,.rightBox .app-package{width: 288px;}
.rightBox .number{width:36px;}
.rightBox .copywrite{width: 440px;}
.rightBox .color{width:280px;}
.rightBox .bundleId{background: #fff;}
.app-name+label>span{color:#f45747;}
.app-name+label{margin-left: 16px;}
.rightBox .dot{display:inline-block;height: 4px;width: 4px;border-radius: 100%;background: #333;vertical-align: middle;margin: 0 11px;}
.rightBox .addIconBtn{text-align: center;height: 136px;width: 136px;background:#fff url("../images/addicon.png") no-repeat center;line-height:136px;border: 1px solid #ddd;margin-bottom: 10px;}
.rightBox .addIconBtn input[type='file']{height:136px;width:136px;opacity: 0;filter:alpha(opacity=0);cursor: pointer;}
.rightBox .addIconBtn:active{background-color: #f6f6f6;}
.rightBox .apply-perview{position:relative;width: 268px;height: 568px;background: url("../images/appDevelop/telImg.png") no-repeat center;background-size: contain;margin-top: 16px;}
.rightBox .apply-perview .applyIcon,.rightBox .apply-perview .applyName{display: inline-block;position:absolute;right:34px;}
.rightBox .apply-perview .applyIcon{width: 40px;height: 40px;border-radius:7px;top:210px;}
.rightBox .apply-perview .applyIcon img{width:100%;}
.rightBox .apply-perview .applyName{top:252px;font-size:6pt;right:30px;right:37px\9;-webkit-transform:scale(0.55);-moz-transform: scale(0.75) translate3d(-10px,0,0);}
.rightBox .copywrite+p{margin:10px 0 0 10px;}
.rightBox .regDown{color:#3585ff;padding:4px;cursor: pointer;}
.regExample{color:#333;font-weight:bold;margin-top: 25px;}
.regExample i{color: #ccc;font-weight:normal;}
.rightBox .colorList{margin-bottom: 15px;}
.rightBox .colorList button{position:relative;display: inline-block;width:36px;height:36px;border-radius: 100%;margin-right: 8px;border: transparent;}
.rightBox .colorList button:focus,.rightBox .colorList button:active{outline: none;}
.rightBox .colorList button.active:before{content:"\e64a";font-family:"iconfont" !important;position: absolute;top:9px;left:10px;color:#fff;}
.colorA{background: #4372fe;}
.colorB{background: #28262d;}
.colorC{background: #00a771;}
.colorD{background: #fbb327;}
.colorE{background: #554d8b;}
.colorF{background: #0ba9e5;}
.colorG{background: #f37c28;}
.colorH{background: #799bb5;}

.perviewBox{margin-top:18px;}
.perviewBox .pervDetail,.perviewBox .login-pereview{position:relative;display: inline-block;width: 280px;margin-right: 15px;}
.pervDetail .changeName,.pervDetail .changeIcon,.login-pereview .changeName,.login-pereview .regTxt{position:absolute;}
.perviewImg1{width:280px;height:498px;}
.perviewImg1 img{width: 100%;}
.login-pereview img{height:100%;}
.pervDetail .changeName.white,.login-pereview .changeName{color:#fff;}
.changeName.black{color:#333;}
.pervDetail .changeName{top:24px;width:100%;text-align:center;font-size: 16px;}
.login-pereview .changeName{top:100px;width:100%;text-align:center;font-size:20px;}
.pervDetail .changeIcon{bottom:2px;left:25px;text-align: center;color:#4372fe}
.changeIcon i{font-size: 20px;}
.changeIcon p{font-size: 6pt;margin-top: -7px;-webkit-transform:scale(0.55);-moz-transform: scale(0.75)}
.changeIcon.big{bottom:8px;}
.changeIcon.big i{font-size:32px;}
.changeIcon.big p{font-size: 12px;-webkit-transform:scale(1);-moz-transform: scale(1)}
.login-pereview{background: #4372fe;}
.regTxt{bottom:25px;left:128px;color:#4372fe;}

/*功能定制css*/
#functionMade .mainTop{padding:0;}
.mainTop .tab-content{padding: 40px 60px 50px 60px;}
.nav-tabs{padding: 0 60px 0 35px;font-size: 16px;}
.nav-tabs>li{padding:30px 0;}
.nav-tabs>li>a{padding: 0 25px;}
.nav-tabs>li:after{content: "";width: 1px;height:20px;background-color:#ddd;position: absolute;top:32px;}
.nav-tabs>li:first-child:after{content: "";width:0;}
.nav-tabs>li:first-child a {padding-left: 0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{color:#ff6b5c;border:1px solid transparent;outline: none;background: transparent;}
.nav-tabs li a:hover,.nav-tabs li a:focus{background: transparent;outline: none;border: 1px solid transparent;}
.functionList .right-arrow:before{content:">";position: absolute;right:60px;font-size: 14px;font-weight:bold;color:#666;}
.functionList li .custom{padding-left: 33px;display: inline;cursor: pointer;color: #666;}
.functionList li .custom:hover{background: transparent;}
.hint{font-size: 12px;font-weight: bold;}
.hint.black{color:#333;}
.hint.yellow{color:#deb136;}
.hint.green{color:#3e9932;}
.hint.red{color:#ff6b5c;}
.checkbox{font-size:14px;color:#666;margin-bottom: 12px;padding-left: 32px;	position: relative;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;-webkit-backface-visibility: hidden;}
.checkbox .requirIcon,.checkbox .optionIcon{display: block;background:url("../images/checkbox.png") no-repeat;height: 18px;width: 18px;left: 8px;top:1px;opacity: 1;position: absolute;-webkit-transition: opacity 0.1s linear;-moz-transition: opacity 0.1s linear;-o-transition: opacity 0.1s linear;transition: opacity 0.1s linear;-webkit-backface-visibility: hidden;}
.checkbox .requirIcon{background-position:0 0;}
.checkbox .optionIcon{background-position:-22px 0;}
.checkbox .optionIcon.active{background-position:-42px 0;}
.checkbox input[type="checkbox"]{outline: none !important;opacity: 0;	filter: alpha(opacity=0);	zoom: 1;}
.start-perview{position:relative;width: 460px;height: 819px;background: url(../images/appDevelop/function/app_1.jpg) no-repeat center;}
.start-perview .applyIcon,.start-perview p{position: absolute;bottom: 52px;left: 50%;}
.start-perview .applyIcon{width: 68px;height: 68px;margin-left: -34px;}
.start-perview .applyIcon img{width: 100%;}
.start-perview p{bottom:24px;color:#bbb;margin-left: -110px;}
.perviewImg2{width: 460px;height: 818px;}
#indexPage .changeIcon.big{left:35px;}
#store .nostore.changeIcon.big{left:78px;}
#store .hasStore .changeIcon.big{left:160px;}
#find .changeIcon.big{left:276px;}
#self .changeIcon.big{left:398px;}
#functionMade .pervDetail{width: 460px;}
#functionMade .changeName{font-size:20px;top:50px;}
#functionMade .pervDetail.prevwLink{background: url("../images/appDevelop/function/app_20.png") no-repeat;}
#functionMade .pervDetail.prevwLink .prevwIframe{width: 460px;height: 658px;margin-top: 93px;}
.privateBox{font-size: 14px;margin:30px 0 0 -64px;}
.privateBox li{padding:14px 0;}
.privateBox li>.privateTit{color:#999;padding: 0 50px 0 0;}
.privateBox li a{font-size: 12px;color:#4372fe;}
.privateBox li .linkAddr{width:388px;display: inline-block;}
.privateBox .radio{display: inline-block;position: relative;margin-right: 3px;}
.privateBox .radio>input[type='radio']{opacity: 0;cursor: pointer;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);position: absolute;left: 0;top:0;}
.privateBox .btn-way:before,.privateBox .btn-way.checked:before{font-size:17px;cursor: pointer;}
.privateBox .btn-way:before{content:"\e647";font-family:"iconfont" !important;color:#cdcdcd;}
.privateBox .btn-way.checked:before{content:"\e60c";font-family:"iconfont" !important;color:#585858;}

/*APP试用 css*/
#appTrialMade .mainBox{background: transparent;}
#appTrialMade .mainTop{padding:40px 60px;}
.complier{height: 410px;margin-bottom: 10px;padding:35px 0;text-align: center;}
.complier,#appTrialMade .mainBox>.mainTop,#appTrialMade .mainBox>.mainBot{background: #fff;border-radius: 3px;}
#loading{position: absolute;width:100%;height:100%;background-color: #fff;z-index:99999;}
#loading .loader{position:absolute;top:50%;left: 50%;margin: -45px 0 0 -28px;}
.complier .loader{box-sizing: border-box;display: flex;flex: 0 1 auto;flex-direction: column;flex-grow: 1;flex-shrink: 0;flex-basis: 25%;padding-top:113px;align-items: center;justify-content: center;}
.complier .loader p{color:#999;margin-top: 17px;font-size: 14px;font-weight: bold;}
.complier .loader .line-scale > div{background-color: #ff6b5c;width: 4px;height: 35px;border-radius: 2px;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both;display: inline-block;-webkit-animation: line-scale 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
    animation: line-scale 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);}
.line-scale > div:nth-child(1), .line-scale > div:nth-child(5){-webkit-animation-delay: 0.4s !important;animation-delay: 0.4s !important;}
.line-scale > div:nth-child(2), .line-scale > div:nth-child(4){-webkit-animation-delay: 0.2s !important;animation-delay: 0.2s !important;}
@-webkit-keyframes line-scale {
    0% { -webkit-transform: scaley(1);transform: scaley(1); }
    50% {-webkit-transform: scaley(0.4);transform: scaley(0.4); }
    100% {-webkit-transform: scaley(1);transform: scaley(1); }
}
@keyframes line-scale {
    0% {-webkit-transform: scaley(1);transform: scaley(1); }
    50% {-webkit-transform: scaley(0.4);transform: scaley(0.4); }
    100% {-webkit-transform: scaley(1);transform: scaley(1); }
}
.loadComplet h3{font-size: 16px;}
.versionNum,.loadComplet .txt-grey{font-size: 12px;}
.loadComplet p{margin-top: 5px;color:#333;}
.loadComplet .qrcode{width:160px;height:160px;margin:20px auto 0 auto;}
.loadComplet .qrcode img{width: 100%;}
.txt-grey{color:#999;}
.btn-down{margin-top: 28px;}
.btn-down .btn:nth-child(1){padding:8px 45px;margin-right: 20px;}
.btn-down .btn:nth-child(2){padding:8px 60px;}
.hint.grey{font-size:14px;color: #666;}
#appTrialMade .left-tit{color:#333;margin: 39px 0;width:16%;font-size:14px;}
#appTrialMade .rightBox .requireTit{color:#e8342e;font-weight: bold;position: relative;top:3px;}
/*APP审核 css*/
#appAudit .mainTop{height: 326px;text-align: center;}
.inAudit{padding-top: 143px;}
.auditRefer,.auditPass{padding-top: 77px;}
.depict{color: #999;margin-top: 8px;}
.auditIcon{display: inline-block;height:72px;width: 72px;background: url("../images/sprite.png");margin-bottom: 18px;}
.auditIcon.refer{background-position: 0 -111px;}
.auditIcon.pass{background-position: 0 0;}
/*APP生成 css*/
#appCreate .mainTop{padding:0;}
#appCreate .mainTop>div,.iosBox{text-align: center;}
#appCreate section{color:#333;padding: 40px 30px 60px 30px;}
.appBox,.iosBox{padding: 0 30px;}
.appBox:before{content: "";width: 1px;background: #ddd;height:89%;position: absolute;top:40px;right: 0;}
.appBox .btn-down .btn{margin-right: 0;}
.appBox .qrcode{margin-top: 28px;}
.appBox section:nth-child(2),.appBox section:nth-child(3){text-align: left;}
.appBox .publish{height: 120px;margin: 5px 0;}
.appBox .btn-publish{margin-top: 20px;}
.appsIconList{margin-top: 30px;}
.appsIconList li{display: inline-block;color:#3585fe;text-align: center;margin-right: 20px;}
.appsIconList li>span{display: block;width: 60px;height:60px;margin: 0 auto 8px auto;background: url("../images/appsIcon.png") no-repeat;cursor: pointer;}
.appsIconList .appsicon1{background-position: 0 0;}
.appsIconList .appsIcon2{background-position: 0 -63px;}
.appsIconList .appsIcon3{background-position: 0 -126px;}
.appsIconList .appsIcon4{background-position: 0 -189px;}
.appsIconList .appsIcon5{background-position: 0 -252px;}
.appsIconList .appsIcon6{background-position: 0 -315px;}
.iosBox .btn-down .btn{padding:8px  60px;margin: 50px 0 0 0;}
.iosBox .appsIconList li>span{height: 100px;width: 100px;}


.mainBot{border-top:1px solid #ddd;text-align: center;padding: 50px 0;}
/*APP研发css end*/


/*账户中心 css begin*/
section.account{padding: 0 20px;}
.account strong, .account span:not(.tip):not(.error){font-size: 14px;line-height: 50px;display: inline-block;}
.account strong{min-width: 135px;vertical-align: top;}
.account strong small{font-weight: normal;}
.account .box{background-color: #fff;border-radius: 3px;padding: 0 30px;margin-bottom: 20px;position: relative;}
.account .box-form{min-height: 360px;}
.account .box > div{min-height: 120px;border-bottom: 1px solid #eee;}
.account h4{color: #333;font-size: 16px;line-height: 55px;font-weight: normal;border-bottom: 1px solid #eee;}
.account .box ul{padding: 35px 0 55px 0;}
.account .box li img{border: 1px solid #eee;width: 230px;height: 320px;margin-top: 20px;}
.account .box dt{float: left;font-size: 16px;font-weight: bold;line-height: 120px;}
.account .box dd{float: left;margin-left: 70px;position: relative;top: 35px;}
.account .box dd p{line-height: 25px;font-size: 14px;color: #999;}
.account .box dd p:first-of-type{font-size: 16px;color: #333;}
.account .box dd.right{float: right;top: 50px;}
.account .box dd.blue{color: #3585ef;}
.account form.form-reset{padding: 65px 0;width: 330px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.account form.form-reset .form-group{position: relative;}
.account form.form-reset .form-group span.tip{left: 345px;line-height: 12px;}
.account form.form-reset .form-group span.error{width: 380px;z-index: 99;background-color: #fff;left: 345px;padding-left: 20px;}
/*账号管理*/
.table1 .checkbox{display: inline-block;font-size: 14px;line-height: 18px;margin: 5px 10px;}
.table1 .checkbox:first-of-type{margin-left: -9px;}
.table1 .checkbox input[type="checkbox"] + span{background-position: -22px 0;}
.table1 .checkbox input[type="checkbox"]:checked + span{background-position: -42px 0;}
/*账户中心 css end*/


/*APP版本管理 begin*/
.om-combo-trigger:before{content: "\e63b";}
.om-empty-text {color: #ccc !important;}
.form-control {font-size: 14px !important;}
#button_add:before, #button-new:before {content: "\e65e";top:0;font-size: 14px;}
span.blue{color: #3585ef;}
td[abbr="fileName"] {font-size: 12px;}
td[abbr="fileName"] {font-size: 12px;}
/*.om-grid div.hDiv th, .om-grid div.bDiv td {border: none;border-bottom: 1px solid #eee;}*/
.om-grid div.hDiv {background: #eee;}
.om-grid div.bDiv tr.evenRow {background: #fafafa;}
.search-panel .messageTip {padding: 36px 15px;color: #999;font-size: 12px;}
.search-panel .messageTip span {color: #555;font-size: 13px;}
.search-panel .messageTip strong {color: #ff6b5c;font-size: 36px;font-weight: normal;margin-left: 25px;margin-right: 50px;position: relative;top: 5px;}
.search-panel .messageTip strong small {margin: 0 10px;font-size: 12px;}
#appVersion-init {display: none;width: 750px;height: 300px;background: url("../images/appVersionInit.png") no-repeat;position: absolute;top: 35px;left: 45px;color: #999;font-size: 16px;}

/*产品研发表单*/
.table1 label[for]{line-height: 40px;}
.view-title{margin-bottom: 15px;}
.table1 label{font-size: 16px;}
.table1 tr{padding: 20px 0;display: block;border-bottom: 1px solid #eee;}
.table1 tr:last-of-type{border: none;}
#tableDiv{padding-left: 30px;}
.table1 td:first-of-type{width: 175px;}
.table1 td:nth-of-type(2){width: 330px;}
.table1 .radio-f{margin: 0 15px;}
.table1 .btn-next, .table1 .btn-cancel{margin: 0;width: 152px;display: inline-block;height: 40px;border-radius: 2px;}
.table1 .btn-next{margin-right: 20px;}
.table1 span.tip1{font-size: 12px;color: #aaa;display: inline-block;line-height: 30px;white-space: nowrap;}
#tipTable td:nth-of-type(3){width: 360px;}
.table1 td:nth-of-type(3) .tip1{position: absolute;white-space: nowrap;top: 10px;left: 18px;z-index: 1;}
#tipTable td:nth-of-type(3) label.error{position: absolute;margin-top: -20px;top: 50%;left: 18px;display: inline-block;width: 300px;text-align: left;background-color: #fff;z-index: 2;}
.table1 span[for] .error {text-align: left;margin: 0;font-size: 16px !important;left: 330px;position: absolute;top: 0;display: inline-block;width: 300px;z-index: 9;background: #fff;color: #ff6b5c;padding-left: 10px;}
.enum-input-item span[for] .error, .binary-input-item span[for] .error{left: 390px;top: -3px;}
.table1 input[type="radio"]{display: none;}
#tipTable input[type="radio"] + label, .productNetTable input[type="radio"] + label{width: 158px;height: 40px;border: 1px solid #ddd;text-align: center;cursor: pointer;border-radius: 1px;padding: 0;}
#tipTable input[type="radio"] + label:first-of-type, .productNetTable input[type="radio"] + label:first-of-type{margin-right: 9px;}
#tipTable input[type="radio"]:checked + label, .productNetTable input[type="radio"]:checked + label{border-color: #ff6b5c;}
#tipTable td:nth-of-type(1),#tipTable td:nth-of-type(3){position: relative;}
.errorMsg label.error, #tipTable label.error{margin-left:5px;color:#ff6b5c;margin-bottom:0;white-space: nowrap;vertical-align: baseline;}
#tipTable label.error{margin-left: 0;}
.errorMsg label.error::before, #tipTable label.error::before{content: "\e600";font-family: "iconfont";margin-right: 5px;position: relative;top: 2px;}
label.error:empty::before{content: "" !important;}
#tipTable td:nth-of-type(1) i.icon-help, #tipTable td:nth-of-type(2) i.icon-help{color: #ccc;position: absolute;top: 50%;margin-top: -8px;}
#tipTable td:nth-of-type(1) i.iconfont:hover + div, .icon-help:hover + .tip-div{display: block;}
.tip-div{display: none;}
.tip-div .tip1{position: absolute;width: 330px;padding: 20px 30px;min-width: 270px;border: 1px solid #ddd;background-color: #fff;z-index: 9;box-shadow: 0 5px 10px rgba(0,0,0,.12);}
.tip-div span{width: 0;height: 0;display:inline-block;border-width: 5px;border-style: dashed dashed solid dashed;border-color: transparent transparent #ddd transparent;font-size: 0;line-height: 0;position: absolute;bottom: 8px;}
.tip-div em{width: 0;height: 0;display:inline-block;border-width: 4px;border-style: dashed dashed solid dashed;border-color: transparent transparent #fff transparent;font-size: 0;line-height: 0;position: absolute;bottom: 7px;z-index: 10;}
.table1 .form-group.point::after{right: -10px;}
.table1 .form-group:not(.om-control) .form-control{display: inline-block;width: 240px;position: absolute;right: 0;}
.table1 .form-group span.tip1{position: absolute;left: 345px !important;top: 5px;white-space: nowrap;z-index: 2;}
.table1 .form-group{position: relative;}
.form-group-area .form-control{width: 100px !important;}
.form-group-area .form-control:first-of-type{left: 90px;}
.form-group-area span:not(span[for]){position: absolute;left: 204px;line-height: 40px;}
.form-group-area .value-minus {position: absolute;right: 115px;top: 8px;}
#enumType .form-group-area .form-control{position: static;}
#enumType .form-group-area > label:last-of-type{margin-left: 50px;}
#enumType .form-group-area button.icon-add1, #enumType .form-group-area button.icon-delete1, #binaryType .form-group-area button.icon-add1, #binaryType .form-group-area button.icon-delete1{color: #ccc;position: absolute;top: 8px;font-size: 20px;z-index: 2;}
#enumType .form-group-area button.icon-add1, #binaryType .form-group-area button.icon-add1{color: #ff6b5c;right: -35px;}
#enumType .form-group-area button.icon-delete1, #binaryType .form-group-area button.icon-delete1{right: -65px;}
#binaryType label{font-size: 14px;}
#binaryType .form-control{position: static;}
#binaryType .form-control:first-of-type{margin-right: 35px;}
#binaryType .form-control:not(:first-of-type){width: 60px !important;}
.productNetTable td:nth-of-type(3) .tip1{position: static;line-height: normal;padding-left: 10px;display: inline-block;white-space: normal;}
.productNetTable td:nth-of-type(3) .tip1.tip-en{display: none;}
.productNetTable .addIconBtn{margin-top: 10px;position: relative;}
.productNetTable .addIconBtn span{position: absolute;left: 140px;top: 55px;}
.pd-b-0{padding-bottom: 0 !important;}


/*APP版本管理 end*/

/*产品研发 begin*/
.product-init{margin: 0 25px;}
.product-has, .company-product-has {padding: 0 20px;}
.product-init .container{margin-left: 0;}
.product-init h4.product-title{padding-bottom: 15px;margin: 30px 0 0 20px;border-bottom: 1px solid #ddd;}
.product-create{position: relative;margin: 30px 0 50px;}
.product-box{position: relative;}
.product-cell{height: 308px;text-align: center;display: block;margin: 25px 0;min-width: 165px;}
.product-my .product-cell{background-color: #fff;}
.product-comp .product-cell{background-color: #f8f8f8;pointer-events: none;}
.product-my .product-cell:hover{box-shadow: 0 6px 30px rgba(0,0,0,.12);}
.product-cell:hover + .product-del {visibility: visible;}
.product-del:hover {visibility: visible;}
.product-comp .product-cell:hover{cursor: default;}
.product-create .nodata{width: 260px;}
.product-box.nodata{margin: 0 auto;}
.product-box.nodata .product-cell{background: #fff url("../images/addIcon1.png") center 90px no-repeat;}
.product-box.nodata span{color: #555;position: relative;top: 165px;border: none;}
.product-init h4.product-tip{color: #aaa;text-align: center;margin-top: 100px;}
.product-init > div h4.product-tip{position: absolute;top: 0;left: 50%;margin-left: 150px;padding-left: 20px;width: 230px;height: 90px;background: url("../images/arrow.png") left bottom no-repeat;}
.product-box mark{color: #fff;font-size: 12px;display: inline-block;float: right;padding: 7px 15px;}
mark.blue{background-color: #6f8cbc;}
mark.green{background-color: #77bf7a;}
mark.red{background-color: #eb5449;}
.product-box h3{font-size: 20px;font-weight: bold;padding: 23px 0 8px;clear: both;}
.product-box p{font-size: 12px;color: #ccc;}
.product-box h3 + p{color: #999;}
.product-item{margin: 35px 0;}
.product-box span{display: block;width: 80px;height: 28px;margin: 8px auto;line-height: 28px;border: 1px solid #ccc;border-radius: 1px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-del{position: absolute;color: #eb5449;right: 35px;bottom: 40px;visibility: hidden;border: none;background-color: #fff;}
.product-del:hover{color: #eb5449;}
.product-del .iconfont{font-size: 14px;}

p.product-title{line-height: 55px;background-color: #eee;}
p.product-title strong, p.product-title small{padding: 0 6px;}
p.product-title small{border-left: 1px solid #333;color: #666}
.panel-body p.product-title{background-color: #fff;}
.panel-body p.product-title strong{font-size: 24px;color: #999;font-weight: normal;}
.panel-body p.product-title small{color: #bbb;border-left: 1px solid #999;}
.product-leftbar{width: 234px;background-color: #fff;border-radius: 2px;position: absolute;left: 0;}
.product-leftbar ol{padding: 45px 0 45px 50px;}
.product-leftbar ol > li{font-size: 16px;line-height: 40px;}
.product-leftbar ol menu{color: #666;font-size: 14px;line-height: 30px;}
.product-leftbar ol > li.cur, .product-leftbar ol menu li.cur, .product-main-frame a.cur{color: #e71a11;}
.product-leftbar ol li a:hover{color: #e71a11;}
.product-main{margin-left: 248px;height: 100%;}
.product-main-frame{border-radius: 1px;/* margin-top: 56px; */}
.product-table{background-color: #fff;padding: 0 33px;border-radius: 2px;}
.product-main-frame .panel-body{padding-bottom: 30px;}
.product-main-frame .table-title{padding: 30px 0 5px;font-size: 16px;}
.product-main-frame h4.table-title{padding-left: 15px;}
.product-main-frame h4.table-title span{font-size: 12px;color: #aaa;padding-left: 15px;}
.product-main-frame .table-title a{padding: 0 30px;cursor: pointer;}
.product-main-frame .table-title a:first-of-type{border-right: 1px solid #eee;}
.buttonBar{position: relative;}
.buttonBar #button_add:hover{background-color: #eee;}
.product-main-frame #buttonBar, .product-main-frame .buttonBar{border: 1px solid #eee;border-bottom: none;top: 0;padding: 15px;height: 50px;}
.product-main-frame #buttonBar span:not(.om-btn){font-size: 12px;color: #aaa;display: inline-block;}
.product-main-frame #buttonBar span.tip1{position: absolute;left: 100px;top: 17px;}
.product-main-frame #buttonBar span.om-btn, .product-main-frame .buttonBar span.om-btn{position: absolute;left: 10px;top: 10px;}
.product-help{background-color: #fff;margin-top: 15px;border-radius: 2px;padding: 0 48px;}
.product-help h3{line-height: 80px;color: #999;}
.product-help h3 i{font-weight: normal;font-size: 24px;}
#button_add{font-size: 14px;}
.product-main-frame .column-btn:not(.btn-export){display: none;}
.buttonBar .btn-export{color: #ff6b5c;}
.product-right{width: 328px;position: absolute;top: 16px;right: 10px;z-index: 4;}
.product-right > button{float: right;color: #999;padding: 17px;height: 56px;}
.product-right > button:hover{color: #555;}
.product-rightbar{background-color: #fff;height: 0;margin-top: 56px;display: block;box-shadow: 0 6px 20px rgba(0,0,0,.12);border-radius: 2px;overflow: auto !important;}
.product-rightbar h4{line-height: 70px;padding: 0 18px;border-bottom: 1px solid #eee;position: relative;}
.product-rightbar h4 .btn-none{line-height: 24px;position: absolute;right: 18px;top: 20px;color: #ccc;}
.product-rightbar .btn-add{width: 288px;height: 40px;display: block;margin: 10px auto;border: 1px solid #ddd;border-radius: 1px;font-size: 12px;color: #999;}
.product-rightbar .btn-add i{font-size: 12px;color: #ccc;margin-right: 10px;}
.product-rightbar .btn-add:hover, .product-rightbar .btn-add:hover i{color: #ff6b5c;}
.member-list li{line-height: 50px;position: relative;padding-left: 65px;}
.member-list li:hover{background-color: #fbfbfb;}
.member-list li span:first-of-type{display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;position: absolute;top: 10px;left: 18px;color: #fff;}
.member-list li img{position: absolute;left: 38px;top: 27px;}
.member-list li span.red{background-color: #ff6b5c;}
.member-list li span.blue{background-color: #5cb0ff;}
.member-list li span.green{background-color: #84db91;}
.member-list.leader li button.iconfont{position: absolute;right: 23px;color: #ccc;}
.member-list.leader li:first-of-type button.iconfont::after{content: "\e663";}
.member-list.leader li:not(:first-of-type):hover button.iconfont::after{content: "\e664";}
.init-tip{border: 1px solid #eee;border-top: none;line-height: 100px;text-align: center;color: #aaa;font-size: 18px;}
#member-dialog{display: none;}
#auth-dialog{display: none;}
.member-dialog-body{padding: 30px 84px;}
.dialog-team, .dialog-memberlist{width: 300px;}
.dialog-team{float: left;}
.dialog-memberlist{float: right;position: relative;}
.dialog-memberlist > i {position: absolute;top: 50%;left: -23px;color: #ccc;font-size: 14px;}
.dialog-team p, .dialog-memberlist p{margin-bottom: 10px;}
.dialog-team .form-group{position: relative;}
.dialog-team .form-control{padding-left: 35px;}
.dialog-team .form-group label{position: absolute;top: 14px;left: 14px;color: #ccc;}
.member-list{overflow-y: auto;}
.member-dialog .member-list{background-color: #fbfbfb;border: 1px solid #e0e0e0;}
.product-rightbar .member-list{height: 694px;}
.dialog-team .member-list{height: 345px;}
.dialog-memberlist .member-list{height: 400px;}
.auth-dialog .member-list{height: 450px;}
.dialog-team input[type="checkbox"]{display: none;}
.auth-dialog input[type="radio"]{display: none;}
.dialog-team .member-list label, .auth-dialog .member-list label, .dialog-memberlist button{position: absolute;top: 15px;right: 10px;opacity: 1;line-height: 16px;}
.dialog-team .member-list label::before{font-family: "iconfont";content: "\e647";color: #ccc;font-size: 16px;}
.dialog-team .member-list label.checked::before{content: "\e63f";color: #3585fe;}
.dialog-team .member-list label.disabled::before{color: #ddd;}
.dialog-team .member-list label.disabled{cursor: not-allowed;}
.auth-dialog .member-list label.checked::before{font-family: "iconfont";content: "\e64a";font-size: 12px;color: #ff6b5c;}
.dialog-memberlist button{display: none;}
.dialog-memberlist li:hover{background-color: #f6f6f6;}
.dialog-memberlist li:hover button{display: inline-block;}
.dialog-memberlist button::before{font-family: "iconfont";content: "\e66c";color: #ccc;font-size: 16px;}
.product-cmpl{width: 512px;margin: 75px auto;}
.product-cmpl1 .product-cmpl-icon{width: 72px;height: 72px;background: url("../images/sprite.png") no-repeat;margin: auto;}
.product-cmpl1 h3{font-size: 20px;text-align: center;line-height: 50px;position: relative;}
.product-cmpl-btn{width: 180px;height: 40px;text-align: center;color: #ff6b5c;border: 1px solid #ff6b5c;border-radius: 1px;display: block;margin: auto;}
.product-cmpl-btn:hover{background-color: #ff6b5c;color: #fff;}
.product-cmpl2{margin-top: 75px;padding-top: 40px;text-align: center;border-top: 1px solid #ddd;position: relative;}
.product-cmpl2 span{color: #999;background-color: #fff;display: inline-block;position: absolute;font-size: 18px;width: 185px;top: -14px;left: 165px;}
.product-cmpl2.product-cmpl-links a{display: inline-block;padding: 0 26px;border-left: 1px solid #ddd;line-height: 14px;}
.product-cmpl2 a:first-of-type{padding-left: 0;border: none;}
.product-cmpl2 a:last-of-type{padding-right: 0;}
.product-cmpl2 .product-cmpl-box{width: 249px;height: 120px;border-radius: 3px;}
.product-cmpl2 .product-cmpl-box:first-of-type{background-color: #50a2ee;float: left;}
.product-cmpl2 .product-cmpl-box:last-of-type{background-color: #bbb35f;float: right}
.product-cmpl2 .product-cmpl-box i{color: #fff;font-size: 36px;display: inline-block;margin-top: 20px;}
.product-cmpl2 .product-cmpl-box p{color: #fff;line-height: 40px;}
.product-file{padding: 35px 30px;}
.product-file .product-file-row{padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.product-file-row label{margin-right: 60px;}
.product-file-row .regExample{margin-left: 140px;}
.product-file-btn {padding: 20px 0 0 140px;}
.product-file-btn button{display: inline-block !important;width: 155px !important;margin-left: 10px;}
.product-file-btn .btn-cancel{height: 40px;border-radius: 2px;margin-top: 30px;}

.product-module h3{color: #999;margin-bottom: 45px;}
.product-module p{font-size: 12px;}
.product-module p.errorMsg{display: none;}
.product-module-title{line-height: 70px;border-top: 1px solid #eee;border-bottom: 1px dashed #eee;padding: 0 50px;position: relative;}
.product-module-title i{display: inline-block;width: 36px;height: 36px;line-height: 70px;position: absolute;left: 0;top: 50%;margin-top: -18px;}
.jdwl{background: url(../images/APP2.png) 0 -36px no-repeat;}
.alzn{background: url(../images/APP3.png) 0 -36px no-repeat;}
.gmyz{background: url(../images/APP5.png) 0 -36px no-repeat;}
.product-module .control-label{width: 135px;text-align: left;padding-left: 50px;}
.product-module .form-group{position: relative;}
.product-module .form-group i{left: 480px !important;}
.product-module .form-group span.error{left: 500px !important;}
.product-module .form-control{display: inline-block;width: 330px;}
.product-module .form-group.point{width: 470px;}
.product-module-btns{width: 330px;margin-left: 110px;}
.product-module-btns button{display: inline-block !important;width: 155px !important;}
.product-module-btns .btn-next{float: left;}
.product-module-btns .btn-cancel{float: right;height: 40px;border-radius: 2px;margin-top: 30px;}
#jdwl .form-group.point:first-of-type::after, #alzn .form-group.point:first-of-type::after, #gmyz .form-group.point:first-of-type::after{top: 38px;}
#jdwl .form-group.point:first-of-type i, #alzn .form-group.point:first-of-type i, #gmyz .form-group.point:first-of-type i{top: 36px;}
#jdwl .form-group.point:first-of-type span, #alzn .form-group.point:first-of-type span, #gmyz .form-group.point:first-of-type span{top: 25px;}
.product-main-frame1{padding: 0 20px;}
.product-main-frame1 > p{line-height: 50px;}
tr.small{padding: 10px 0;}
tr.small label{width: 100%;text-align: left;line-height: 40px;padding: 10px 0 10px 10px;}
tr.small td:first-of-type, tr.small td:nth-of-type(2){background-color: #f6f6f6;}
tr.small td:nth-of-type(2){width: 340px;}
tr.small td:last-of-type label{position: absolute;top: -22px;display: block;}
tr.small input{width: 330px;}
#upgradeEditTable tr.small td:last-of-type{padding-left: 10px;color: #ccc;}
.product-review-list > li{border-bottom: 1px solid #eee;padding: 0 10px;}
.product-review-list > li > p{line-height: 60px;font-size: 16px;}
.product-review-list > li::before, .product-review-list > li::after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.product-review-list li:last-of-type{border: none;}
.product-review-list li > p button{font-size: 12px;color: #ccc;float: right;}
.product-review-detail{padding: 15px 0;}
.product-review-info-detail > li{line-height: 40px;}
.product-review-info-detail > li span:first-of-type{display: inline-block;width: 150px;font-size: 14px;color: #222;}
.product-review-info-detail > li span:last-of-type{font-size: 14px;color: #666;}
.table1 input[readonly]{background-color: #fff !important;}
tr.small td:last-of-type{position: relative;}
tr.small td:last-of-type span{position: absolute;top: 30px;}

@media (min-width: 992px){
    .product-init .col-md-3 {width: 25% !important;}
}
@media (min-width: 1440px){
    .product-init .col-lg-2 {width: 16.66666667% !important;}
}


/*硬件接入*/
.hardware-p{font-size: 18px;padding:20px 6px;}
.hardware{width: 100%;padding-left:6px;overflow: hidden;}
.hardware-left{width: 50%;float: left;padding-right:33px;}
.hardware-left .hardware-left-1{overflow: hidden;position: relative;margin-bottom: 30px;}
.hardware-left img{float:left;margin-right:15px;display: block;}
.hardware-left .hardware-left-main{padding:10px 0;overflow: hidden;}
.hardware-left .hardware-left-main .hardware-left-m{margin:10px 0 0 0;}
.hardware-left .hardware-left-h{font-size: 14px;}
.hardware-left .hardware-left-m{font-size: 12px;color:#666666;}
.hardware-left .hardware-left-a{position:absolute;bottom:5px;}
.hardware-right{width: 50%;float:right;}
.hardware-ba{margin-top: 100px;padding-left:6px;color:#999999;}
.hardware-bt{margin-bottom: 30px;padding-left:6px;color: #999999;}
.hardware-a{font-size: 12px;color:#3585fe;}
.hardware-close{margin-top: 1px;background: #fff;}
.hardware-close{padding:50px 0;}
.hardware-btn{margin:0 auto;display: block;padding:13px 66px;background: #555555;font-size: 14px;color: #fff;border: none;}
.hardware-btn:hover{background: #444;}
.hardwareMain h3{margin: 46px 0;font-size: 16px;font-weight: bold;}
.hardwareMain h4{margin: 46px 0;font-size: 14px;font-weight: bold;}
.hardwareMimg{height: 108px;background: url(../images/hardwareMimg.png) no-repeat;margin-bottom: 34px;}
.hardwareMimg1{height: 108px;background: url(../images/hardwareMimg.png) no-repeat 0 -108px;margin-bottom: 34px;}
.hardwareM a{color: #3585fe;}
.hardware-close .hardware-main{width: 220px;margin:0 auto;}


/*在线测试*/
.linetest{border-bottom:1px solid #eee;padding-left:6px;overflow: hidden;padding:0 0 35px 0px;}
.linetest p{float: left;}
.linetest .linetest-id{margin-right: 30px;margin-top:14px;}
.linetest .linetest-sum{margin-right: 10px;color: #ff6b5c;font-size: 36px;margin-top:-10px;letter-spacing: 1px;}
.linetest .linetest-sum .line-sumo{font-size: 14px;}
.linetest .linetest-p{font-size: 12px;color: #999999;}
.linetestImg{margin:110px auto 50px;display: block;}
.linetest-add{text-align: center;color: #999999;font-size: 18px;}
.linetest-btn{width: 180px;margin:0 auto 170px;}
.linetest-he{vertical-align: middle;}
.linetest-help{font-size: 18px;border-bottom:1px solid #eee;padding-bottom: 10px;}
.linetest-main{margin:30px 0 800px 0;}
.linetest-helpUL{padding-left: 22px;color: #555555;margin-top: -30px;}
.linetest-helpUL span{display: block;color: #999999;}

.linetest-bt{width: 200px;margin:50px auto;}
.linetest-box{border: 1px solid #ff6b5c;text-align: left;padding: 27px 0 0 30px;}
.linetest-table{text-align: left;font-size: 12px;margin:34px 0 66px 0;line-height: 2;}
.linetest-table tbody tr td{padding:0;border:none;color: #999;}
.linetest-tda{width: 50%;text-align: left;}
.linetest-table .linetest-td{color: #333;width: 70%;}
.linetest-on{font-style:normal;color:#77bf7a;margin-right: 6px;font-size: 15px;}
.linetest-off{font-style:normal;margin-right: 6px;font-size: 15px;}
.product-box>.linetest-boxoff{border: none;background: #f6f6f6;}
.linetest-del{background: #f6f6f6;bottom:60px;}
.linetest-left{width: 60%;padding-right:10px;float: left;}
.linetest-left>.linetest-tablemain>tbody>tr>td{height: 90px;vertical-align: middle;}
/*.linetest-left .range{margin: 50px 20px auto 20px;}*/
.linetest-right{width: 40%;float: left;}
#linetest-rightTd{padding:0;}
#linetest-rightTd>pre.linetest-pre{background:#fff;border: 6px solid #eee;border-top:none;text-align: left;padding:15px 16px 13px 25px;font-size:13px;color:#999;margin: 0;border-radius: 0;white-space: pre-line;height: 302px;overflow: auto;}
.linetest-tablemain{background: #eee;}
.linetest-tablemain a{color: #3585fe;}
.linetest-tablemain tbody{background: #fff;}
.linetest-tablemain>thead>tr>th{border: none;}
.linetest-tablemain.table{border: 1px solid #eee;}
.linetest-tablemain.table>tbody>tr{border: 1px solid #eee;}
.linetest-tablemain.table>tbody>tr>td{border: 1px solid #eee;}

/*产品ui设计*/
.ui-f{overflow: hidden;}
.ui-f ul li{text-align: center;float: left;width: 14.28%;font-size: 12px;line-height: 2.2;}
.ui-f ul li>img{margin-top: 25px;}
.ui-fi{display:block;width: 64px;height:64px;margin: 0 auto;margin-bottom: 17px;}
.ui-fi1{background: url(../images/productui-f.png) no-repeat center top;}
.ui-fi2{background: url(../images/productui-f.png) no-repeat center -66px;}
.ui-fi3{background: url(../images/productui-f.png) no-repeat center -132px;}
.ui-fi4{background: url(../images/productui-f.png) no-repeat center -198px;}
.uiBtn{color: #999999;text-align: center;padding:50px 0;border-top:1px solid #eeeeee;border-bottom:1px solid #eeeeee;margin-top: 50px;}
#uiBtn{width: 160px;margin: 0 auto;margin-bottom: 15px;}
.linetest-box:hover .product-del {visibility: visible;}
.uiUp{background: #fff;}
.uiUp>.uiUpTop{padding:0;}
.uiUpTop1{border-top:1px solid #eee;}
.uiUpfile{padding:10px 45px;border: none;}
.uiUpThree{background: #fff;}
.uiUpmsg{line-height: 106px;}

.Virtualmargin{margin-left:-33px;}
#Virtualp{padding-left: 33px;margin: 0;}
.Virtual-title{clear: both}
.uiVirtual-title{color: #999999;font-size: 24px;}
.uiVirtual-s{font-size: 12px;color: #999;}
.uiVirtual-sum-img{margin-top:4px;}
.uiVirtual-sum{overflow: hidden;padding:50px 0;}
.uiVirtual-sum-img{margin-right: 35px;}
.uiVirtual-sum-n{margin-right: 19px;}
.uiVirtual-sum li{margin-bottom: 7px;}
.uiVirtual-li{font-size: 12px;color: #999999;}
.uiVirtual-li>img{margin-left: 3px;}
.uiVirtual-sum-z{color:#666666;}
.uiVirtualclose{background: #fff;border: 1px solid #eee;width: 100px;margin-left: 30px;}
.uiVirtualclose:hover{background: #eee;}
.uiVirtualImg2{cursor: pointer;width: 40px;height: 40px;background: url(../images/uiVirtualImg2.png)}
.uiVirtualImg2:hover{background: url(../images/uiVirtualImg2bt.png)}
.uiVirtual-close{border: none;width: 160px;}
.uiCode{margin: 15px;}
.linetest-tablemain-c a{color: #cccccc;}
#uiVirtual-table{padding:0;}
#uiVirtual-table td{vertical-align: middle;}
#uiVirtual-table .uiVirtual-table-n1{border: none;}
#uiVirtual-table  .uiVirtual-table-n1o{border-right: 1px solid #eee;width: 20%;}
#uiVirtual-table .uiVirtual-table-n3{border-right: 1px solid #eee;}
#uiVirtual-table .uiVirtual-table-n{height: 100%;margin:0;}
.linetest-left .uiVirtual-range-1{display: inline-block;}
.uiVitual-btn{line-height: normal;padding:5px 15px;border:1px solid #ccc;color: #999;margin: 0 1px 5px 0;}
.uiVirtual-input{display: inline-block;width: 50%;margin-right: 10px;}
.uiVitual-btn-cus{background: #3585fe;color:#fff;border:1px solid #3585fe;}
.uiCodebg{width: 196px;height:232px;background: url(../images/uiCodebg.png) no-repeat center;position: absolute;right:180px;display: none;}
.uiCodebg p{text-indent: 18px;}

.panel-body .product-init .uiAftera-box{width: 280px;display: inline-block;padding:0 5px;}
#uiAfterBtn{padding: 50px 0 0 0;}
.uiAftera-box .uiAfter-table{margin: 35px 0 86px 0;}
.uiAftera-box h3{font-weight: normal;color: #333;}
.uiAftera-box td{line-height: 2.2;}
.uiAfter-float{margin: 0 auto;}
.uiAftera-box .uiAftera-del{bottom: 60px;right:32px;}
.uiAfteraDel-dialog{display: none;}
.uiAfteraDel-down{bottom:49px;right: 32px;}

.uiView-v{margin-top:20px;}
.uiAfter{border: 0;margin: 0;}
.uiViewa-all{text-align: center;}
.uiViewa{width: 256px;margin:0 auto;display: inline-block;margin-right: 15px;}
.uiView{padding: 0 0 0 30px;}
.uiAftera{padding: 20px 0 0 30px;}
.downUi{color: #999999;background: #f6f6f6;}
.downUi:hover{border: 1px solid #cccccc;color: #555555;}
.downUiimg{margin-right: 5px;}
.downUi-delete{bottom: 52px;}

.ui-dialog{padding:30px 60px;}
.ui-dialog-img{width: 478px;height: 200px;background: #fbfbfb;border: 1px solid #eee;}
.ui-dialog-imgd{width: 36px;height: 36px;background:url(../images/ui-dialog-img.png) no-repeat top;margin: 0 auto;margin-bottom: 12px;}
.ui-dialog-p{margin: 30px 0 20px 0;color: #999;}
.ui-dialogbtn{position: relative;background: #fbfbfb;border: 1px solid #eee;}
.ui-dialogbtn img{position: absolute;top:50%;left: 50%;margin-left: -7px;margin-top: -8px;opacity: 0;}
.ui-dialog .ui-dialog-s{font-size: 12px;color:#555;margin:30px 0 10px 0;}
.ui-dialog-blue{font-size: 12px;}
.uicheck-dialog{color:#555;display: none;}
.uicheck-dialog input{border: 1px solid #ddd;width: 317px;height: 78px;padding:12px 6px;border-radius: 2px;margin: 12px 0 30px 0;}

/*企业APP*/
.businessApp li{border-bottom: 1px solid #eeeeee;height: 70px;line-height: 70px;font-size: 16px;color: #cccccc;}
.businessApp li.businessApp-title{color: #333;font-size: 14px;}
.businessApp-title1{color: #333;}
.businessApp li img{margin-right: 15px;}
.businessApp li .pull-right{font-size: 14px;}
.businessApp img{margin-right: 15px;}
.businessApp .businessAppmade{font-size: 14px;}
.businessApp .businessApp-img{width: 36px;height: 36px;display: inline-block;vertical-align: middle;margin-right: 15px;}
.businessApp-img2{background: url(../images/APP2.png) no-repeat top;}
.businessApp-img3{background: url(../images/APP3.png) no-repeat top;}
.businessApp-img4{background: url(../images/APP4.png) no-repeat top;}
.businessApp-img5{background: url(../images/APP5.png) no-repeat top;}
.App1{display: inline-block;}
.Appblue{color: #3585fe;}
.hidden1{display: none;}
.businessAppbtn{margin: 50px auto;display: block;width: 160px;}
.businessApp input[type="checkbox"]{-webkit-appearance: none;opacity: 0;}
.businessApp input[type="checkbox"] + label:after{font-family: "iconfont" !important; font-size: 16px;content: "\e611";color: #aaa;}
.businessApp input[type="checkbox"] + label{line-height: 16px;}
.businessApp input[type="checkbox"]:checked + label:after{content: "\e63f";color: #3585fe;}
.businessApp input[type="checkbox"]:not(:checked) + label:after{color: #3585fe;}

/*产品配网引导*/
.productNetView{padding:0 48px 0 48px;}
.productNetViewc li{padding:40px 0;border-bottom: 1px solid #eee;}
.productNetViewc .productNetViewli{border: none;}
.productNetViewc p{width: 224px;font-size: 16px;}
.productNetViewc .productNetViewcl{margin-left: 20px;width: 300px;line-height: 1.5;}
.productNetViewcl>img{margin-top: 15px;}
.productNetView-help ul{padding-top:50px;overflow: hidden;}
.productNetView-help ul li{margin-bottom: 30px;}
.productNetView-help ul li img{margin-top: 15px;}

/*企业SaaS应用服务*/
.saas-banner{height: 296px;background: url(../images/Saasbanner.jpg) no-repeat center;margin-bottom: 30px;}
.saas-all{padding:0;border:1px solid #eee;border-radius: 0;margin-bottom: 30px;}
.saas .saas-all:hover{border: 1px solid #eee;}
.saas .saas-all img{width: 100%;}
.saas-gray{position: relative;}
.saas-graybg{height: 100%;width: 100%;background: #363a48;opacity:0.2;position: absolute;top:0;left: 0;}
.saas-all:hover{box-shadow: 0 6px 30px rgba(0,0,0,.12);}
.saas-con{overflow: hidden;margin-bottom: 27px;}
.saas .saas-wen{padding:22px 20px 56px;color: #666666;text-align: justify;height: 140px;}
.saas .saas-wen .saas-con-h{font-size: 20px;color:#222222;font-weight: bold;}
.saas .saas-wen .saas-con-p{font-size: 14px;color: #999999;}
.saas-copy{text-align: center;font-size: 12px;color: #666;line-height: 34px;}

.saas-intel{padding:60px 48px 0 48px;}
.saas-list{padding:60px 0;overflow: hidden;}
.saas-list1{background: #fff;}
.saas-list .saas-list-left .saas-list-leftTop{height: 380px;background: url(../images/saasbg.png) no-repeat center;position: relative;min-width: 440px;}
.saas-list .saas-listInteImg{height: 336px;width:190px;position: absolute;top:38px;left: 151px;display: none;}
.saas-list.virtual .saas-listInteImg,.saas-list.push .saas-listInteImg{left: 124px;}

.saas-listInteImg:first-child{display: block;}
.saas-list .saas-listInteImg1{background: url(../images/saasIntel1.jpg) no-repeat 0 0;}
.saas-list .saas-listInteImg2{background: url(../images/saasIntel1.jpg) no-repeat -190px 0;}
.saas-list .saas-listInteImg3{background: url(../images/saasIntel1.jpg) no-repeat -380px 0;}
.saas-list .saas-listInteImg4{background: url(../images/saasIntel1.jpg) no-repeat -570px 0;}
.saas-list .saas-listInteImg5{background: url(../images/saasIntel1.jpg) no-repeat -760px 0;}
.saas-list .saas-listInteImg6{background: url(../images/virtual4.jpg) no-repeat;}
.saas-list .saas-listInteImg7{background: url(../images/virtual3.jpg) no-repeat;}
.saas-list .saas-listInteImg8{background: url(../images/push6.png) no-repeat;}
.saas-list .saas-listInteImg9{background: url(../images/push5.png) no-repeat;}
.saas-list .saas-listInteImg10{background: url(../images/push4.png) no-repeat;}
.saas-list-leftBto{margin-top: 28px;text-align: center;}
.saas-list-leftBto li{display:inline-block;height: 80px;width: 96px;background: url(../images/saasIntel01.jpg) no-repeat;}
.saas-list-leftBto li.saas-list-leftBto1{background-position: 0 0;}
.saas-list-leftBto li.saas-list-leftBto2{background-position: 0 -80px;}
.saas-list-leftBto li.saas-list-leftBto3{background-position: 0 -160px;}
.saas-list-leftBto li.saas-list-leftBto4{background-position: 0 -240px;}
.saas-list-leftBto li.saas-list-leftBto5{background-position: 0 -320px;}
.saas-list-leftBto li.saas-list-leftBto6{background:url(../images/virtual1.jpg) no-repeat;}
.saas-list-leftBto li.saas-list-leftBto7{background:url(../images/virtual2.jpg) no-repeat;}
.saas-list-leftBto li.saas-list-leftBto8{background:url(../images/push1.png) no-repeat;}
.saas-list-leftBto li.saas-list-leftBto9{background:url(../images/push2.png) no-repeat;}
.saas-list-leftBto li.saas-list-leftBto10{background:url(../images/push3.png) no-repeat;}
.saas-white{background: #fff;height: 100%;width: 100%;opacity: 0.4;}
.saas-op{opacity: 0;}
.saas-list-right{margin-top: 110px;}
.saas-list-right p{font-size: 14px;color: #555555;margin-top: 30px;text-align: justify;line-height: 1.8;}
.saas-list2{height: 660px;background: url(../images/saas-list2Img.jpg) no-repeat top center;}
.saas-list2 h2{text-align: center;line-height: 200px;}
.saas-list2.virtual{height:750px;background: url(../images/virtual5.png) no-repeat center 170px;}
.saas-list2.push{height:750px;background:#f5f7fa url(../images/push7.png) no-repeat center 170px;}
.saas-list3{height: 741px;background: url(../images/saas-list3Img.jpg) no-repeat top center;}
.saas-list3.push{height: 790px;background:#fff url(../images/push8.png) no-repeat center -20px;}
.saas-list4{height: 741px;background: url(../images/saas-list4Img.jpg) no-repeat top center;}
.saas-list4.push{background:#f5f7fa url(../images/push9.png) no-repeat center 170px;}
.saas-list6{height: 806px;background: url(../images/saas-list6Img.jpg) no-repeat top center;margin-bottom: 18px;}
.saas-list5{background-color: #fff;}
.saas-list5>div{max-width: 1200px;margin: auto;}
.saas-list-device{width: 50%;height: 650px;float: left;position: relative;}
.saas-list-device:first-of-type{padding-left: 60px;min-width: 350px;}
.saas-list-device:last-of-type{padding: 130px 0;min-width: 550px;}
.saas-list-device img{box-shadow: 0 2px 10px rgba(0, 0, 0, .12);margin: 80px 0;position: absolute;}
.saas-list-device img:not(:first-of-type){opacity: 0;}
.saas-list-device ul{margin-top: 80px;}
.saas-list-device li{line-height: 45px;color: #aaa;cursor: pointer;}
.saas-list-device li i{display: inline-block;width: 12px;height: 12px;border-radius: 50%;border: 2px solid #ccc;margin-right: 20px;box-shadow: 1px 1px 2px #e6e6e6;}
.saas-list-device li span{display: inline-block;width: 110px;font-size: 18px;}
.saas-list-device li.active, .saas-list-device li:hover{color: #555;font-size: 120%;}
.saas-list-device li.active i, .saas-list-device li:hover i{background-color: #ff6b5c;border-color: #ff6b5c;}
.saas-list-device li.active span, .saas-list-device li:hover span{color: #ff6b5c;font-size: 120%;}
.saas-list-device li {transition: all .2s;}
.saas-list-device img.showout{animation: showout 1s forwards;-webkit-animation: showout 1s forwards;-moz-animation: showout 1s forwards;}
.saas-list-device img.showin{animation: showin 1s forwards;-webkit-animation: showin 1s forwards;-moz-animation: showin 1s forwards;}

@keyframes showout{
    from{
        margin-left: 0;
        opacity: 1;
    }
    to{
        margin-left: -60px;
        opacity: 0;
    }
}
@-webkit-keyframes showout{
    from{
        margin-left: 0;
        opacity: 1;
    }
    to{
        margin-left: -60px;
        opacity: 0;
    }
}
@-moz-keyframes showout{
    from{
        margin-left: 0;
        opacity: 1;
    }
    to{
        margin-left: -60px;
        opacity: 0;
    }
}

@keyframes showin{
    from{
        margin-left: -60px;
        opacity: 0;
    }
    to{
        margin-left: 0;
        opacity: 1;
    }
}
@-webkit-keyframes showin{
    from{
        margin-left: -60px;
        opacity: 0;
    }
    to{
        margin-left: 0;
        opacity: 1;
    }
}
@-moz-keyframes showin{
    from{
        margin-left: -60px;
        opacity: 0;
    }
    to{
        margin-left: 0;
        opacity: 1;
    }
}
@media (min-width: 1500px){
    #case .saas{
        width: 1200px;
    }
}

/* 云学院 start */
.center {text-align: center;}
.school-cards{padding: 55px 0 40px 0;}
.school-cards figure{border: 1px solid #f1f1f1; margin-bottom: 30px;}
.school-cards figure:hover{box-shadow: 0 6px 20px 5px rgba(243, 243, 243, .8);}
.school-cards figure > div{height: 175px; background-size: cover; background-repeat: no-repeat;}
.school-cards figure figcaption{line-height: 65px; text-align: center; font-size: 18px;}
.school-cards .ptgs{background-image: url("../images/ptgs.jpg")}
.school-cards .kfzn{background-image: url("../images/kfzn.jpg")}
.school-cards .jszc{background-image: url("../images/jszc.jpg")}
.school-cards .spjc{background-image: url("../images/spjc.jpg")}
.school-cards .cpal{background-image: url("../images/cpal.jpg")}
.school-cards .cjwt{background-image: url("../images/cjwt.jpg")}
.school-icons{padding: 60px 0 140px 0;}
.school-icons > p{padding-left: 15px; margin-bottom: 80px;}
.school-icons > div{text-align: center; margin-bottom: 30px;}
.school-icons i{display: inline-block; width: 100px; height: 100px; background-repeat: no-repeat; margin-bottom: 20px;}
.school-icons .powerby-icon-newUser{background-image: url("../images/school-icon1.png")}
.school-icons .powerby-icon-app{background-image: url("../images/school-icon2.png")}
.school-icons .powerby-icon-ui{background-image: url("../images/school-icon3.png")}
.school-icons .powerby-icon-hardware{background-image: url("../images/school-icon4.png")}
.school-icons a{text-decoration: underline; margin-right: 5px;}
.school-icons a:hover{color: #204aff;}
.powerby-container{padding: 30px 35px;}
.powerby-container > div{padding-left: 8px;padding-right: 8px;}
.powerby-card{background-color: #fff; min-height: 280px; padding: 0 30px; margin-bottom: 16px;}
.powerby-card h4{font-size: 16px; padding-top: 50px; padding-bottom: 35px;}
.powerby-card p{font-size: 12px; color: #666;line-height: 1.6;}
.ui-tpl-card {height: 200px;text-align: center;border: 1px solid #f6f6f6;}
.ui-tpl-card img {margin-top: 70px;margin-bottom: 30px;}
.case-title {font-size: 12px;padding: 20px 0;}
.case-title a {padding: 0 5px;display: inline-block;height: 12px;line-height: 1;}
.case-title a:first-child{color: #666;border-right: 2px solid #999;}
.school-link-blue, .school-link-blue:link, .school-link-blue:visited, .school-link-blue:hover, .school-link-blue:active{color: #204aff;}
.school-link-red, .school-link-red:link, .school-link-red:visited, .school-link-red:hover, .school-link-:active{color: #ff6b5c;}
.mg-b-10{margin-bottom: 10px;}
.mg-b-20{margin-bottom: 20px;}
.faq-container{margin-top: 30px; padding: 20px 45px; background-color: #fff; min-height: 800px;}
.faq-container .nav-tabs{padding: 0;}
.faq-container .tab-content > div h5{font-size: 16px; margin: 45px 0 20px; color: #000; counter-increment: title;}
.faq-container .tab-content > div h5::before{content: counter(title, decimal)".  ";}
.faq-container .tab-content p{color: #757575;padding: 0 1em;}
.faq-container .nav-tabs a{font-size: 18px;}
.mg-t-30 {margin-top: 30px;}
.levelmenu .submenu {background:#fff;}
.levelmenu {font-size: 16px;padding: 30px 0;counter-reset: level1;}
.submenu {font-size: .9em;padding: 10px 0 20px;}
.levelmenu a.cur, .levelmenu a:hover {color: #ff6b5c;}
.anchor-disabled {pointer-events: none;}
.submenu > li > a {color:#757575; display: block;padding: 10px 20px 0 28px;}
.levelmenu > li > a {display: block;padding-left:28px;padding-top:20px;line-height: 1.5;counter-increment: level1;}
.levelmenu > li > a::before {content: counter(level1, decimal)" ";}
.levelmenu > li > .submenu {counter-reset: level2;}
.levelmenu > li > .submenu > li > a {counter-increment: level2;}
.levelmenu > li > .submenu > li > a::before {content: counter(level1, decimal)"."counter(level2, decimal)" ";}
.submenu .submenu {counter-reset: level3;}
.submenu .submenu > li > a {counter-increment: level3;text-indent: 2em;}
.submenu .submenu > li > a::before {content: counter(level1, decimal)"."counter(level2, decimal)"."counter(level3, decimal)" ";}
.guidance-main {margin-top: 30px;margin-bottom: 30px;}
#guideFrame {border-radius: 2px;}
.guidance-doc {padding: 50px 50px;}
.guidance-doc h1, .guidance-doc h2, .guidance-doc h3, .guidance-doc h4, .guidance-doc p {line-height: 1.8;}
.guidance-doc h1{font-size: 24px; color: #999; margin-bottom: 50px;}
.guidance-doc h2{font-size: 20px; margin-bottom: 20px;}
.guidance-doc h2:not(:first-child){margin-top: 50px;}
.guidance-doc h3{font-size: 20px; margin: 50px 0 30px;}
.guidance-doc h4{font-size: 16px; margin: 40px 0 30px;}
.guidance-doc p{font-size: 13px; color: #757575; margin-bottom: 15px;}
.guidance-item{text-indent: -16px; padding-left: 16px;}
.guidance-item::before{content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #ff6b5c; margin-right: 8px;}
.guidance-doc p.guidance-img{margin-top: 25px; margin-bottom: 50px;}
.guidance-doc p.guidance-img img{max-width: 100%;}
.guidance-doc ul {display: flex;flex-direction: row;justify-content: space-around;}
.guidance-doc ul li img {margin-bottom: 10px;}
.guidance-doc ul li p {text-align: center}
.align-left {text-align: left !important;}
#scrollTop {width: 56px;height: 56px;border-radius: 2px;position: fixed;right: 50px;bottom: 80px;background: url("../images/scrollTop.png") no-repeat;cursor: pointer;transition: background .2s;display: none;}
#scrollTop:hover {background-image: url("../images/scrollTop-hover.png");}
.case-container{margin-top: 20px; padding: 35px 50px 0 50px;}
.case-container .row{border-bottom: 1px solid #eee; margin-bottom: 30px;}
.case-container .row:last-of-type{border-bottom: none;}
.case-container .row > div{margin-bottom: 30px; padding: 0; overflow: hidden;}
.case-container .row > div > a:not(.case-hover){cursor: default;}
.case-container h4{font-size: 16px; margin: 20px 0 30px;font-weight: bold;color: #555;}
.case-container p{font-size: 13px; color: #757575; line-height: 2;}
.case-container .case-img{height: 160px; background-repeat: no-repeat; background-size: cover; transition: all .2s;}
.case-container .case-hover{display: block;position: relative;width: 100%;}
.case-container .case-hover:hover .case-img{transform: scale(1.1);}
.case-container .case-a h5{color: #fff; padding: 10px 0; text-align: center; background-color: rgba(0,0,0,.2); width: 100%; margin: 0; position: absolute; left: 0; bottom: 0;}
.case-container .case-hover h5{}
.school-footer{position: relative; top: 60px;}
.case-container .row:first-child .case-img {background-image: url("../images/case_1.png");}
.case-container .row:nth-child(2) .case-img {background-image: url("../images/case_2.png");}
.case-container .row:nth-child(3) .case-img {background-image: url("../images/case_3.png");}
.case-container .row:nth-child(4) .case-img {background-image: url("../images/case_4.png");}

@media (min-width: 1440px){
    .school-cards figure > div {height: 220px;}
}
@media (min-width: 1200px) {
    .col-lg-3.ui-tpl-card {width: 20%;}
}


/* 云学院 end */