* { padding:0;margin:0;border:none; }
body, p, table, tr, td, th, dl, dt, dd, ol, ul, li, input, button, select, textarea { font-family:system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; }
body { background: #ebedf0 url(/assets/bg.png) repeat-x 0 -33px; text-align: center; }


a { text-decoration:none;color:#0C63B6; }
a:link,a:visited { text-decoration:none;color:#0C63B6; }
a:hover,a:active { text-decoration:underline;color:#0C63B6; }

.container { width:960px; margin:0 auto; }
.clr { display:block; clear:both; height:1px; overflow:hidden; }
.hr { border-bottom:1px solid #eee; height:1px; overflow:hidden; }


h1,h2,h3,h4 { font-family:inherit; }

input, textarea { background:#fff; }
 
textarea { resize:vertical; height:130px;}

.container { width:960px;margin:0 auto;  }

.header { height:80px;}

.header .logo { font-size:20px;float:left;margin:10px 0 0; }
.header .logo img { width:50px; height:50px; }
.header .navigator { float:right;margin:10px 16px 0 0;}
.header .navigator li { float:left; list-style-type:none;}
.header .navigator a { color:#ccc;text-decoration:none;display:flex;align-items:center;gap:6px;border-bottom:none;height:60px;line-height:1.2;font-size:17px;text-align:center;padding:0 12px;}
.header .navigator a.current { color:#fff;font-size:18px; }
.header .navigator .nav-icon { width:16px;height:16px;flex:none; }

.header .navigator li.lang-switch { position:relative; margin-left:10px; }
.header .navigator li.lang-switch details { position:relative; }
.header .navigator li.lang-switch summary { display:inline-block; list-style:none; cursor:pointer; margin-top:19px; padding:0 10px; border:1px solid rgba(255,255,255,0.45); border-radius:2px; color:#ccc; font-size:13px; line-height:22px; }
.header .navigator li.lang-switch summary::-webkit-details-marker { display:none; }
.header .navigator li.lang-switch summary::after { content:""; display:inline-block; margin-left:6px; border:4px solid transparent; border-top-color:#ccc; vertical-align:1px; }
.header .navigator li.lang-switch details[open] summary { color:#fff; border-color:#fff; }
.header .navigator li.lang-switch details[open] summary::after { border-top-color:#fff; }
.header .navigator li.lang-switch ul { position:absolute; right:0; top:46px; z-index:30; margin:0; padding:4px 0; min-width:128px; background:#fff; border:1px solid #d7dde6; box-shadow:0 1px 3px #ccc; text-align:left; }
.header .navigator li.lang-switch li { float:none; }
.header .navigator li.lang-switch a,
.header .navigator li.lang-switch a:link,
.header .navigator li.lang-switch a:visited { display:block; height:auto; margin:0; padding:8px 14px; border:none; color:#333; font-size:14px; line-height:1.4; text-align:left; text-decoration:none; }
.header .navigator li.lang-switch a.current,
.header .navigator li.lang-switch a.current:link,
.header .navigator li.lang-switch a.current:visited { color:#0C63B6; font-size:14px; }
.header .navigator li.lang-switch a:hover,
.header .navigator li.lang-switch a:active { background:#f5f6f7; color:#0C63B6; text-decoration:none; }


.footer { text-align:center;padding:20px 50px;}
.footer .navigator { display:block;}
.footer .navigator li { display:inline;margin:0 10px;list-style-type:none; }
.footer .navigator a { text-decoration:none;}
.footer .navigator a:hover,
.footer .navigator a:active { border-bottom:1px dashed #a3a4a5;text-decoration:none;}
.footer .copyright { font-size:12px;text-shadow:0px 1px 1px #fff; }


body.home { background:#ebedf0 url(/../images/bg03_home.png) repeat-x; }

/*.home .introQuickLink { height:126px; }*/
.home .featureList {margin:20px 0 0;} 
.home .featureList .feature { margin:10px;border:1px solid #c7cdd6;border-radius:8px;background:#eff1f3;box-shadow:0px 1px 3px #ccc;width:290px;height:240px;float:left;}
.home .featureList .featureContent { border-top:1px solid #fff;border-radius:8px;padding:15px;text-shadow:0 1px 1px #fff;text-align:left;}
.home .featureContent h3 { font-weight:bold;font-size:22px;margin:0 0 10px 0;}
.home .featureContent p { }

.home .container {background-image:url(/../images/bg.home.title.min.jpg);background-repeat:repeat-x;background-position:2px 0; }

.content {  text-align:left;}


/* Basic Layout Element */

.article,.intro, .download, .document, .developer { margin:40px 20px 10px;border:1px solid #c7cdd6;/*border-radius:8px;*/background:#f5f6f7;box-shadow:0px 1px 3px #ccc; }


.section { padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px solid #eee; overflow: hidden; }
.lastSection{
	border:none;
	margin-bottom:0px;
}
.sectionDesc { color:#aaa;/*margin-top:-22px;*/margin-bottom:20px; }

.noBorder { border-width:0; }


.normalTitle { border-bottom:1px solid #d7dde6;border-radius:10px 10px 0 0;/*border-top:1px solid #fff;*/padding:20px 40px;text-shadow:0 1px 1px #fff;}
.normalContent { background:#fff;/*border-radius:0 0 10px 10px;*/padding:40px; }


.panelTitle { /*border-radius:10px 10px 0 0;border-top:1px solid #fff;*/padding:20px 40px;text-shadow:0 1px 1px #fff;}
.panelContent { padding:0 40px 80px; }


.processTitle { border-bottom:1px solid #d7dde6;border-radius:10px 10px 0 0;padding:20px 40px;text-shadow:0 1px 1px #fff;}
.processContent {  background:#fff;padding:20px 40px;  }
.processOperator { border-top:1px solid #d7dde6;border-radius:0 0 8px 8px; }
.processOperator .operator { text-align: center; border-top:1px solid #fff;padding:15px 40px;border-radius:0 0 8px 8px;background:#F5F6F7;}


.normalTitle h2,
.panelTitle h2,
.processTitle h2 { font-size:20px;font-weight:bold; }
.panelTitle .desc, 
.normalTitle .desc,
.processTitle .desc,{ color:#999;text-shadow:0 1px 1px #fff; }


.innerPanel { box-shadow:0px 1px 3px #ccc;background:#fff;border-radius:2px; }
.innerPanel .title { padding:20px 0 10px;border-bottom:2px solid #eee;margin:0 20px; }
.innerPanel .title h3 { font-size:18px;color:#333;font-weight:bold;}
.innerPanel .title p { font-size:14px;color:#999;margin:0;}
.innerPanel .content { padding:10px 20px;}
.innerPanel .operator { padding:10px 20px; border-top:1px solid #d7dde6;border-radius:0 0 2px 2px;background:#F0F1F2;overflow: hidden; }



label { font-size:16px;display:block;padding:5px 0; }
.form .desc { color:#999;font-size:14px;display:block; font-weight:bold;}

.form .column { margin:10px 0; }
.form .inputQ { width:400px;  }
.form input.inputQ[type=checkbox] { width:20px;  }
.form select { border:1px solid #ccc; border-radius:2px; font-size:16px;padding:5px;}
.form .splite { border-bottom:1px solid #eee;height:1px;overflow:hidden;margin:30px 0; }
.form .columnTip { float:right;width:400px; }
.form .columnTip .tip { float:left;border:1px solid #f9f9f9;border-radius:4px;padding:7px 20px 10px;background:#f9f9f9 no-repeat 20px 12px;padding-left:45px;font-size:14px;color:#999;margin-bottom:2px; }

.form .columnTip .helpTip { background-image:url(/../images/ico_infobar_msg.gif) ; }
.form .columnTip .errorTip { height: 20px; background-image:url(/../images/ico_infobar_alert.gif) ;color:#f66; }
.form .columnTip .okTip { background-image:url(/../images/open-api_10-05.png);}

.columnTip { float:right;width:400px; }
.columnTip .tip { float:left;border:1px solid #f9f9f9;border-radius:4px;padding:7px 20px 10px;background:#f9f9f9 no-repeat 20px 12px;padding-left:45px;font-size:14px;color:#999;margin-bottom:2px; }

.columnTip .helpTip { background-image:url(/../images/ico_infobar_msg.gif) ; }
.columnTip .errorTip { background-image:url(/../images/ico_infobar_alert.gif) ;color:#f66; }

.columnContent { color:#111; margin: 10px 0; font-size:16px; }


.btn {  }
a.btn {
    
    -moz-transition: box-shadow 0.1s linear 0s;
    background:  #67A00D;
    border-color:#fff #338904 #338904;border-radius:6px;
    box-shadow:1px 1px 4px #ccc;
    border-radius: 6px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    
    cursor:pointer;
    text-decoration:none;
    
}
a.btn input { cursor:pionter;font-weight:bold;cursor:pointer;text-shadow:0 1px 1px #333; 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#64cc24), to(#338904));
    background:-moz-linear-gradient(top, #64cc24, #338904); ; }

a.btn:hover input { background:#000;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#74dc34), to(#439914));background:-moz-linear-gradient(top, #74dc34, #439914); }

a.btn:active input { background:-webkit-gradient(linear, 0 0, 0 bottom, from(#64cc24), to(#338904));
    background:-moz-linear-gradient(top, #64cc24, #338904); }
    
a.btnMiddle input{ padding:4px 30px;font-size:16px; }
    
.text { border:1px solid #ccc;border-radius:2px; }  
.textMiddle { padding:8px 10px;font-size:16px; }    
.verifyCode { width:110px; }
.verifyImage { width:130px;border:1px solid #eee;}
.verifyCodeContainer { margin:6px 0 0; }

.infoTipsLink { background:url(/../images/ico_infobar_msg.gif) no-repeat 0 0;margin-left:5px;padding-left:20px;cursor:pointer; }
    

/* Content Layout */


.articleContent P { margin:15px 0; }
.articleContent ul { margin:0 0 20px; }
.articleContent ul li { margin:0 0 0 20px; }


.listContent { background:#fff;border-radius:0 0 10px 10px; }
.article .list { float:left;width:200px; }
.article .list li { list-style-type:none; }
.article .list li.selected { background:url(/../images/icon_arrow4.gif) no-repeat 180px 18px;}
.article .list li a { text-alignt:right;display:block;margin:0; padding:10px 10px 10px 40px; border-bottom:1px solid #d7dde6;  }

.article .mainContent { margin-left:200px;border-left:1px solid #d7dde6;padding:20px 40px; }



.reference h3 { font-size:24px;margin:0 0 20px 0;font-weight:bold; }
.reference label { font-size:18px;display:block;padding:0 0 10px 0;}
.reference .column { padding:10px 0 20px; }

.reference .attribute {  }
.reference .attribute p{ padding:20px 0;  }
.reference ol { padding:0 0 0 25px; }
.reference .attribute table {border:1px solid #eee;border-collapse:collapse;border-left-width:0;border-right-width:0;}
.reference .attribute th { border:1px solid #eee;padding:5px 20px;text-align:left;font-weight:normal;vertical-align:top;border-left-width:0;border-right-width:0; }
.reference .attribute td { border:1px solid #eee;padding:5px 20px;text-align:left;vertical-align:top;border-left-width:0;border-right-width:0; }


.catalogHome {}
.catalogHome blockquote { margin:20px 0; }

/*.home .introQuickLink { height:126px; }*/
.home .featureList {margin:20px 0 0;} 
.home .featureList .feature { margin:10px;border:1px solid #c7cdd6;border-radius:8px;background:#eff1f3;box-shadow:0px 1px 3px #ccc;width:290px;height:240px;float:left;}
.home .featureList .featureContent { border-top:1px solid #fff;border-radius:8px;padding:15px;text-shadow:0 1px 1px #fff;text-align:left;}
.home .featureContent h3 { font-weight:bold;font-size:22px;margin:0 0 10px 0;}
.home .featureContent p { }


.loginPanel { margin:0 200px;border:1px solid #d7dde6\9; }
.loginPanel .inputQ { display:block;width:376px; }
.loginPanel .columnTip { float:none;margin:0;margin:5px 0 10px; }
.loginPanel .columnTip .tip{ float:none; }


.registAppPanel {}

.appTitle h2 { float:left;}

.accountInfo { margin:0 0 0;float:right;}
.accountInfo .avatar { float:left;margin-right:20px;}
.accountInfo .avatar img{ width:40px;height:40px;}
.accountInfo .info { float:left; }
.accountInfo .name { font-weight:bold;line-height:1.5;max-width:200px;word-wrap:nowrap;overflow:hidden; }


.appContent .appList { border-top:1px solid #eee;border-bottom:1px solid #eee;}
.appContent .appList .app {border-bottom:1px solid #eee;padding:15px 15px;display:block;}
.appContent .appList a.app:hover,
.appContent .appList a.app:active { background:#f9f9f9;}
.appContent .appList .appInfo { margin-right:300px;}
.appContent .appList .icon { float:left;margin-right:10px;border:1px solid #f9f9f9;width:75px;height:75px;background:#f0f0f0;}
.appContent .appList .icon img { width:75px;height:75px;border-raidus:10px;box-shadow:0 1px 2px #ccc;background:#fff; }

.appContent .appList .info { margin-left:60px; }
.appContent .appList .info .title{ font-size:18px;font-weight:bold; }
.appContent .appList .info .title span{ display:block;}
.appContent .appList .info .engName{ font-weight:normal;font-size:14px; width:400px; overflow:hidden; word-wrap: word-break;word-break: break-all; }
.appContent .appList .info .desc{ height:20px;overflow:hidden; }

.appContent .appList .app .operator{ float:right; }

.appContent .appDetail .icon { float:right;}
.appContent .appDetail .info { margin-right:220px;}
.appContent .appDetail .info .title { font-size:24px; }
.appContent .appDetail .info .title span { display:block;font-size:16px; }
.appContent .appDetail .info .metaData dl{ clear:both; }
.appContent .appDetail .info .metaData dt{ padding:5px 0; text-align:left; width:100px;float:left; }
.appContent .appDetail .info .metaData dd{ padding:5px 0; text-align:left;margin-left:100px; }


.appContent .appStatus { padding:20px;background:#FFF9E3;border-radius:3px;color:#999; }
.appContent .appStatus .status { font-weight:bold;color:#444; }
.appContent .appStatus label { color:#000; }

.appContent .appInfoTab { border-bottom:1px solid #eee;height:39px;margin-bottom:10px; }
.appContent .appInfoTab li { float:left;list-style-type:none;margin-right:2px;border:1px solid #eee;  }
.appContent .appInfoTab li.current { border-bottom:1px solid #fff; }
.xbtnIntro { font-size:16px;color:#111;font-weight:bold; width:300px;margin:20px auto 0; text-shaodw:0 1px 0 #fff;padding:5px 20px;text-align:center;display:block; border:1px solid #ccc;border-radius:8px; background:#f9f9f9; box-shadow:0 2px 2px #000; }
.appContent .appInfoTab li a { display:block;padding:0 20px;height:38px;line-height:40px;}
.appContent .appInfoTab li a:link,
.appContent .appInfoTab li a:visited{ background:#f4f4f4;}
.appContent .appInfoTab li a:hover,
.appContent .appInfoTab li a:active{ background:#efefef;}
.appContent .appInfoTab li.current a { background:#fff; }

.appContent .tabContentWrapper { position: relative; }
.appContent .tabContentWrapper .tabContent { display: none; text-align:left; padding: 10px 0; }
.appContent .tabContentWrapper .tabContent.current { display: block; }


 .login_btn_wrapper, .cancel_btn_wrapper {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: box-shadow 0.1s linear 0s;
    background: #67A00D;
    
        
    background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#ADD35E), to(#377100), color-stop(0.3,#88BE18),color-stop(0.6,#71A911),color-stop(0.95,#67A10E));
    background-image:-moz-linear-gradient(
        0 0 90deg, 
        #add35e 5%,  
        #88be18 20%,  
        #71a911 40%,
        #67a10e 100% 
        );

    border-color: #6B9F11 #54850A #386601;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    /*display:inline-block;*/
    height: 30px;
    width: 90px;
    display: inline-block;
   
}
.cancel_btn_wrapper {
     background: #aaa;
    
        
    background-image:-webkit-gradient(linear,0% 0%, 0% 100%, from(#bfbfbf), to(#6d6d6d), color-stop(0.3,#969696),color-stop(0.6,#878787),color-stop(0.95,#727272));
    background-image:-moz-linear-gradient(
        0 0 90deg, 
        #9b9b9b 5%,  
        #787878 20%,  
        #5e5e5e 40%,
        #5e5e5e 100% 
        );

    border-color: #9b9b9b #5e5e5e #333;
}

.loginContent .login_btn_wrapper{
    
 }

.login_btn_wrapper_disabled {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #67A00D;
    border-color: #6B9F11 #54850A #386601;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 30px;
    /*margin-top: 9px;*/
    opacity: 0.7;
    filter: alpha(opacity=70);
    width: 90px;

}
.login_btn_wrapper_disabled:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.login_btn_wrapper:hover {
    text-decoration: none;
}
.login_btn_wrapper:active {
    
}
.login_btn, .cancel_btn {
    background: none repeat scroll 0 0 transparent;
   
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    /*font-weight: bold;*/
    height: 30px;
    line-height: 25px;
    text-align:center;
    
    width:100%;
    /**width:90px;*/

    float: right;
}
.login_btn_wrapper_disabled .login_btn {
    opacity: 0.7;
}

.btnIntro { width:300px; margin:10px auto 0;height:40px; line-height:40px; box-shadow:0 2px 4px #111;border-radius:3px; }
.btnIntro .login_btn { font-size:20px;text-shadow:0 1px 1px #333;border-radius:3px;display:block;width:300px;height:40px;line-height:35px; }

.featureIntro { margin:20px 380px 40px 0; }
.featureIntro ul{ margin:10px 0; }

.featureIntro dt { font-weight:bold;font-size:20px;margin:10px 0;color:#000; }
.featureIntro dt .sub { display:block;font-size:14px;  }
.featureIntro dd { color:#666; }
.featureIntro dd p { margin:8px; }
        
.xapp2app { background:url(/../images/open_api_image_01.png) no-repeat left 0; }
.xapp2server { background:url(/../images/open_api_image_00.png) no-repeat left 0; }

.intro p { color:#666; }


.document dt { font-size:20px;}
.document dt .sub { display:block;font-size:14px;  }
.document dd {  }

.download dt { font-weight:normal;font-size:20px;}
.download dt .sub { display:block;font-size:14px;  }
.download dd {  }

h3 { font-size:18px;color:#595959;font-weight:normal;margin:0 0 20px 0; }
h4 { font-size:16px;margin:40px 0 20px;font-weight:normal;}

.code { font-family:Courier New;word-wrap:break-word;}
p.code { padding:0 20px;  }
.appCode { font-family:Courier New;font-size:16px;display:block;color:#000; }

pre { font-family:Courier New;padding:10px 20px;background:#f9f9f9;border-radius:8px; }

.define { padding:10px 20px;background:#f9f9f9;border-radius:8px; }
.define dt { font-size:16px;font-weight:normal; }
.define dd {  }
.normalTitle h2 .sub { font-size:14px;display:block;color:#999; }

.columnDisplay {  }

.columnDisplay label { color:#999;font-size:14px; }

/*div.messagelist { padding:10px; margin:5px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; position:absolute; z-index:9999; font-size:30px; text-align:center; opacity:100;  border-bottom:1px solid #ddd; color:#666; background:#000; display:none;}

div.messagelist .tips {background:#0F0; width:100%;}*/

div.messagelist { position:absolute; font-size:25px; text-align:center;  opacity:100; display:none;}

div.messagelist .tips  { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; background:#ccc; padding: 20px; background: #fff7c9; border:1px solid #ddd; border-top:0; border-bottom:1px solid #ccc;}

.minorLink { float:right;line-height:32px;margin-left:20px; }
.changeLoginMethod { float:right;line-height:32px; }
.login_box_msg { padding: 10px 20px 0px; color: red; }

.lineright { padding: 10px 20px; }

#qlogin { padding-top:10px;}

.editappicon {display:none; line-height:40px;}

.sectionRightBox { width:48%; float:right;padding: 0 0 0 1%; /*border-left:1px solid #eee;*/margin-left: -1px; padding-bottom: 32767px!important; margin-bottom: -32767px!important; }

.sectionLeftBox { width:48%; float:left; padding: 0 1% 0 0; border-right:1px solid #eee; padding-bottom: 32767px!important; margin-bottom: -32767px!important;}

.sectionLeftBox .infoBox, .sectionRightBox .infoBox { margin: 5px 0 0  0; border: 1px solid #eee; padding: 10px;}

a.operatorBtnGreen, a.operatorBtnOrange { padding: 2px 8px; border-radius:5px; background: #88be18; color:#fff; font-size:17px;}
a.operatorBtnGreen { background:#ddd; }
a.operatorBtnGreen:hover { background: #88be18; color:#fff; }
a.operatorBtnOrange { background: #e2981c; }
a.operatorBtnOrange:hover { background: #e2a51c;  color:#fff; }

.login_btn_wrapper.submit { 
    background: #E8B749;
    background-image: -webkit-gradient(linear,0% 0%, 0% 100%, from(#ffc30f), to(#AC7915), color-stop(0.3,#E8B349),color-stop(0.6,#E4A82E),color-stop(0.95, #D0981A));
    background-image: -moz-linear-gradient( 0 0 90deg, #FFC30F 5%, #E8B349 20%, #e2a01c 40%, #efb300 100% );
    border-color: #E8B749 #e3a925 #d0981a; 
}
.login_btn.submit {

}

.alertBox { display:none; position: absolute; border: 1px solid #ddd; background:#fff; 
    border-radius:10px; text-align:center; box-shadow: 0 1px 10px #ccc; width: 350px;} 
.alertBox h5 { height:30px; background: #ddf4ad; border-radius:10px 10px 0 0; } 
.alertBox .alertContent { padding: 30px; overflow: hidden;} 
.alertBox .alertContent .iconWrap  { float:left; margin: 15px;}
.alertBox p { float:left; }
.alertBox .closeBtn { margin-bottom:20px; display: inline-block; background: #ddf4ad; width: 60px; padding:4px 10px;  border-radius:5px; border-bottom:1px solid #b4e849;} 
.alertBox .closeBtn:hover { background: #c7ee76; }

.alertBox .cancelBtn { margin-bottom:20px; margin-left:20px; display: inline-block; background: #ddf4ad; width: 60px; padding:4px 10px; border-radius:5px; border-bottom:1px solid #b4e849;} 
.alertBox .cancelBtn:hover { background: #c7ee76; }

.textDarkGray { color:#444; }
.textGray { color:#595959;}
.strong { font-size:16px;}
.textOrange { color:#f48a00;}
a.delAppBtn {padding: 2px 8px; border-radius: 5px;background: #88BE18;color: white;font-size: 17px;margin: 10px 0 0 0;text-shadow:none;float: right; background:#c0c0c0; color:#fff;}
a.delAppBtn:hover {background:#C41200; }

.faq li {margin-bottom: 16px;}
.faq dt { font-size: 16px; line-height: 1.6em; margin-bottom:5px;color: #636B89; }
.faq dd { font-size: 14px; line-height: 1.6em; color:#777;}

.sectionDesc { display:block; width:400px; margin-top:10px; padding: 10px 20px; background:#f0f4f5; position:relative;border-radius:5px;}
.sectionDesc:before { position:absolute; content:","; text-indent:-9999px; display: block; height: 24px; width:24px; background:url(/../images/appinfo_icons.png) -32px -32px no-repeat;top: -7px;left:10px;}
.columnContent:before { margin:5px 10px 0 0;float:left; content:".";text-indent:-9999px; display:block; width:10px; height:15px; background:url(/../images/appinfo_icons.png) -2px -32px no-repeat;}
.appinfo_readonly label { font-weight: bold; }

.contect_us { display:block; display: block; height:30px; width:30px; float:left;
    background:url(/../images/appinfo_icons.png) no-repeat -64px -28px; }

.baseinfo_title:before { display: block; height:30px; width: 30px; content:"."; text-indent:-9999px; 
    background:url(/../images/appinfo_icons.png) no-repeat -4px 0px; float:left;}
.appicon label {font-weight: bold;}

.shadow  {
  -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.3);
}

img.right {
  float: right;
  margin: 2px 0 16px 20px;
}

@media (max-width: 960px) {
  .container { width: auto; }
  .header { height: auto; background: #3e4146; padding: 8px 8px 4px; }
  .header .logo { float: none; margin: 4px 0 0; text-align: center; }
  .header .navigator { float: none; display: flex; flex-wrap: wrap; justify-content: center; margin: 0; }
  .header .navigator li { float: none; }
  .header .navigator a { height: auto; line-height: 1.2; padding: 12px; font-size: 16px; }
  .header .navigator a.current { font-size: 16px; }
  .header .navigator li.lang-switch { display: flex; align-items: center; margin: 6px; }
  .header .navigator li.lang-switch summary { margin-top: 0; padding: 8px 12px; line-height: 1.2; }
  .header .navigator li.lang-switch ul { top: calc(100% + 4px); }

  .article, .intro, .download, .document, .developer { margin: 16px 12px 10px; }
  .normalTitle, .normalContent { padding: 16px; }
  .sectionLeftBox, .sectionRightBox { float: none; width: auto; margin: 0; padding: 0; border-right: none; padding-bottom: 0 !important; margin-bottom: 0 !important; }
  .sectionLeftBox { border-bottom: 1px solid #eee; margin-bottom: 16px !important; padding-bottom: 16px !important; }
  .content img, .footer img { max-width: 100%; height: auto; }
  img.right { float: none; display: block; margin: 0 auto 16px; }
  .articleContent { overflow-wrap: anywhere; }
  .footer { padding: 20px 16px; }
}

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */