@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,blockquote,th,td{padding: 0; margin: 0;}
img{border: 0;}
ol,ul,li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: normal; font-size: 100%;}
i,b{font-style: normal;}
body{font-size: 12px; color: #333; font-family: \5fae\8f6f\96c5\9ed1;}
/* common */
.tab-hidden{display:none;}
.clear-float{clear: both; height: 0; font-size: 1px; line-height: 0px;}
.clear:after{display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clear{zoom: 1;}
.over-flow{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
a{color: #333; text-decoration: none;}
input,textarea{border: 0; resize: none; outline:none; font-family:\5fae\8f6f\96c5\9ed1; background:#fff;}
textarea{word-break: break-all;}
input::-ms-clear{display: none;}
.iopen-loading-mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: 0.8; filter: alpha(opacity = 80); z-index: 990;}
.mask-level-0{z-index: 990;}
.mask-level-1{z-index: 1000;}
.font-c-lgreen{color: #00bb2d;}
.font-c-dred{color: #c00505;}
.font-c-lblue{color: #3aafe0;}
.input-basic{border: #d2d2d2 1px solid; padding: 5px 10px;}
.input-basic .input-basic-text{height: 18px; line-height: 18px; font-size: 14px; color: #727272;}
.input-basic .input-basic-area{height: 72px; line-height: 24px; font-size: 14px; color: #abadb3; overflow: auto;}
.btn-basic{height: 18px; line-height: 18px; padding: 10px 0; text-align: center; display: inline-block; *display: inline; *zoom: 1; cursor: pointer;}
.btn-basic-save,.btn-basic-cancel,.btn-basic-delete,.btn-basic-audit,.btn-basic-forbid{width: 130px; margin-right: 30px; border-radius: 5px; font-size: 18px; color: #fff;}
.btn-basic-save{background: #3aafe0; border: #0c9fdc 1px solid;}
.btn-basic-save:hover{background: #1c96c9; border: #0e88bb 1px solid;}
.btn-basic-cancel{background: #c2c2c2; border: #a7a7a7 1px solid;}
.btn-basic-cancel:hover{background: #b2afaf; border: #a0a0a0 1px solid;}
.btn-basic-delete{background: #f61111; border: #f61111 1px solid;}
.btn-basic-audit{background: #4fc649; border: #4fc649 1px solid;}
.btn-basic-forbid{background: #A204EC; border: #A204EC 1px solid;}
.btn-basic-delete:hover{background: #c91123; border: #c91123 1px solid;}
.btn-browser{width: 70px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff; background: #3aafe0; border: #0c9fdc 1px solid;}
.btn-browser:hover{background: #1c96c9; border: #0e88bb 1px solid;}
.phcolor{ color:#999;}
#bing_account .pad-left{padding-left: 15px;}
.goto-top{background: url("img/goto-top.fw.png") center no-repeat; width: 60px; height:50px; position:fixed; bottom:50px; right:20px; cursor:pointer;}
/*.iopen-out{float: left; display: block; padding-left: 4px; height: 29px; width: 29px; cursor: pointer;}*/
.iopen-out-depart{padding:0 4px;display: block; height:28px; line-height:28px; float: left;}
.iopen-out{line-height: 20px; padding: 5px 3px 5px 4px; font-size: 14px; color: #2f2f2f; float: left; cursor: pointer;}
.iopen-out:hover{color:#3aafe0;}
/* simulate select */
.simu-select{font-size: 12px; font-family: Arial,\5fae\8f6f\96c5\9ed1; color: #333; background: #fff; cursor: pointer;}
.simu-select-cont{border: #D5D5D5 1px solid; height: 24px; line-height: 24px; padding: 4px 25px 4px 5px; position: relative; overflow: hidden;}
.simu-select-text{color: #333; overflow: hidden; white-space: nowrap; display: inline-block;}
.simu-select-icon{position: absolute; top: 0; right: 0; bottom: 0; width: 24px; background: url(img/select-arrow.png) center center no-repeat; background-color: #fff;}
.simu-select-icon:hover{background-color: #e2e2e2;}
.simu-select-list{position: absolute; top: 0; left: 0; z-index:990; cursor: pointer; display: none;}
.select-list-cont{border: #95B8E7 1px solid; border-top: none; max-height: 200px; overflow: auto;}
.select-list-cont ul{width: 100%; margin: 0; padding: 0}
.select-list-cont ul li{height: 26px; line-height: 26px; padding: 0 3px; background-color: #fff;}
.select-list-cont ul li:hover{background-color: #e2e2e2;}
.select-list-cont ul li.selected{background-color: #72a7e7; color: #fff;}
/* simulate radio checkbox */
.flabel-raido-check,.flabel-raido-simu,.flabel-check-simu{display: inline-block; *display: inline; *zoom: 1; height: 16px; line-height: 16px; padding: 7px 0; font-size: 14px; cursor: pointer;}
.flabel-raido-check{margin: 0 30px 0 5px;}
.flabel-raido-simu,.flabel-check-simu{width: 16px; background-image: url(img/radio-check-icon.png); background-repeat: no-repeat;}
.flabel-raido-simu{background-position: 0 8px;}
.flabel-raido-simu.checked{background-position: -30px 8px;}
.flabel-check-simu{background-position: 0 -22px;}
.flabel-check-simu.checked{background-position: -30px -22px;}
/* page */
.list-page{padding: 20px 0; text-align: center;}
.list-page a,.list-page span{display: inline-block; *display: inline; *zoom: 1; text-align: center; font-size: 14px; color: #7f817e;}
.page-item-num{min-width: 26px; height: 24px; line-height: 24px; margin: 0 5px; background-color: #fff; border: #c1c1c1 1px solid; cursor: pointer;}
.page-item-num.current,.page-item-num:hover{border-color: #ffba00; background-color: #ffba00; color: #fff;}
.page-item-point,.pitem-goto-text{height: 26px; line-height: 26px;}
.page-item-prev{background-image: url(img/page-item-arrow.png); background-position: 9px 7px; background-repeat: no-repeat;}
.page-item-next{background-image: url(img/page-item-arrow.png); background-position: -13px 7px; background-repeat: no-repeat;}
.page-item-prev:hover{background-position: 9px -12px;}
.page-item-next:hover{background-position: -13px -12px;}
.pitem-goto-text{padding-left: 40px;}
.pitem-goto-input{width: 30px; height: 24px; line-height: 24px; border: #c1c1c1 1px solid; *position: relative; *top: 2px;}
.pitem-goto-input input{width: 24px; height: 16px; line-height: 16px; padding: 2px 3px; color: #7f817e; text-align: center;}
/* form */
.form-opt-label{width: 90px; padding: 15px 0; line-height: 30px; font-size: 14px; color: #2a8ccc; word-break: break-all; float: left;}
.form-opt-input{width: 360px; padding: 15px 0; float: left;}
.form-opt-input .input-basic-text{width: 340px;}
.form-opt-input .input-basic-area{width: 340px;}
.form-opt-remark{padding: 15px 0; margin-left: 520px; line-height: 24px; font-size: 14px; color: #727272; word-break: break-all;}
.form-opt-info{padding: 15px 0; margin-left: 110px;}
.form-opt-second{float: right;}
.form-opt-band{width: 65px; padding: 15px 0; line-height: 30px; font-size: 14px; color: #2a8ccc; word-break: break-all; float: right; cursor: pointer;}
/* dialog */
.iopen-dialog{border: #dedede 1px solid; background: #fafafa; width: 260px; height: 200px; position: fixed; top: 0; left: 0; display: none; z-index: 990;}
.iopen-dialog h6{background: #f3f3f3; height: 38px; line-height: 38px; font-size: 14px; font-weight: bold; color: #333; border-bottom: #dedede 1px solid; padding: 0 40px 0 15px; overflow: hidden; position: relative; cursor: move;}
.iopen-dialog .dialog-close{width: 24px; height: 24px; background: url(img/iopen-icon.png) 0 0 no-repeat; position: absolute; top: 7px; right: 10px; cursor: pointer;}
.iopen-dialog .dialog-close:hover{background-position: -35px 0;}
.iopen-dialog .dialog-main{padding: 10px;}
.dialog-btn{height: 28px; padding: 10px 0; margin-top: 10px; border-top: #dedede 1px solid; text-align: right;}
.dialog-btn a{display: inline-block; *display: inline; *zoom: 1; height: 26px; line-height: 26px; border: #dedede 1px solid; border-radius: 5px; background: #f3f3f3; color: #333; padding: 0 20px; margin-right: 10px;}
.dialog-btn a:hover{border: #5eb4c8 1px solid; background:#5eb4c8; color:#fff;}
.dialog-btn a.b-btn-save{background: #4fc649; border: #4fc649 1px solid; color: #fff;}
.dialog-btn a.b-btn-save:hover{background: #3cb536; border: #3cb536 1px solid;}
.dailog-mask{background: #ccc; position: fixed;}
.alert-dialog{width: 320px; height:auto; z-index:1010;}
.alert-main dl{padding: 0 10px;}
.alert-main dt{float: left; width: 40px; height: 40px; background: url(img/dialog-alert.png) 0 0 no-repeat;}
.alert-main dt.icon-confirm{background: url(img/dialog-warn.png) 0 0 no-repeat;}
.alert-main dd{margin: 5px 0 0 50px; color: #333; font-size: 14px; line-height: 26px; min-height: 60px; max-height: 300px; word-break: break-all; overflow: hidden;}
/* tips */
.iopen-tips{max-width: 450px; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 2px 2px 10px #666; position: fixed; top: 0; left: 0; z-index: 800; display: none;}
.iopen-tips p{line-height: 24px; font-size: 16px; font-weight: bold; margin-left: 25px;}
.tips-success{color: #59a1d0; border: #59a1d0 1px solid;}
.tips-fail{color: #e7808a; border: #e7808a 1px solid;}
.tips-mark{width: 22px; height: 20px; margin: 2px 0; float: left;}
.tips-success .tips-mark{background: url(img/iopen-icon.png) -70px 0 no-repeat;}
.tips-fail .tips-mark{background: url(img/iopen-icon.png) -100px 0 no-repeat; top: 5px; *top: -2px;}
/* validate */
.valid-item{width: 240px; border: #ff5050 1px solid; border-radius: 5px; background: #ff5050; position: absolute; top: 0; left: 0; z-index: 800;}
.valid-item-arrow{position: absolute; top: -17px; left: 30px; border-style: dashed dashed solid dashed; border-color: transparent transparent #ff5050 transparent; width: 0; height: 0; font-size: 0; border-width: 8px;}
.valid-item-content{padding: 5px 15px 5px 10px; line-height: 24px; font-size: 14px; color: #fff; word-break: break-all;}
.valid-item-close{width: 9px; height: 9px; background: url(img/iopen-icon.png) 0 -30px no-repeat; position: absolute; top: 6px; right: 6px; cursor: pointer;}
/* frame */
.iopen-header{border-top: #3aafe0 4px solid; border-bottom: #DADADA 1px solid;}
.iopen-header-main{width: 1003px; height: 68px; margin: 0 auto;}
.iopen-logo{padding-top: 8px; float: left;}
.iopen-logo img{width: 54px; height: 51px; display: block;}
.iopen-name{height: 30px; line-height: 30px; padding: 19px 0 19px 15px; color: #222; float: left;}
.iopen-name span{vertical-align: middle;}
.iopen-name-title{font-size: 24px;}
.iopen-name-split{font-size: 20px; font-weight: 800; color: #595a5a; padding: 0 5px;}
.iopen-name-subtitle{font-size: 18px;}
.iopen-navs{padding-right: 80px; float: right;}
.iopen-navs li{font-size: 16px; float: left; cursor: pointer;}
.iopen-navs li a{color: #000; height: 20px; line-height: 20px; padding: 24px; display: block;}
/* .iopen-navs li.current,.iopen-navs li:hover{background: #3aafe0;} */
.iopen-navs li.current a,.iopen-navs li:hover a{color: #fff;}
.iopen-user{height: 30px; padding: 20px 5px 0 0; float: right;}
.iopen-user-logo{width: 26px; height: 26px; background: #dcdcdc; padding: 2px; border-radius: 3px; float: left;cursor: pointer;}
.iopen-user-logo img{width: 26px; height: 26px; display: block;cursor: pointer;}
.iopen-user-name{line-height: 20px; padding: 5px 3px 5px 8px; font-size: 14px; color: #2f2f2f; float: left;}
.iopen-login{height: 34px; padding: 17px 5px 0 0; float: right;}
.iopen-login span{height: 16px; line-height: 16px;}
.logn-tbar{float: right; padding-top: 17px;}
.logn-tbar-item{float: left;}
.ltbar-itm-name{display: block; height: 24px; line-height: 24px; padding: 0 20px; font-size: 18px; color: #000; cursor: pointer;}
.logn-tbar-item:hover .ltbar-itm-name,.logn-tbar-item.current .ltbar-itm-name{color: #0068FF;}
.logn-tbar li.sub{position: relative; z-index: 50;}
.logn-tbar-arrow{position: absolute; top: 10px; right: 8px; width: 7px; height: 4px; background: url(img/login_v3.5/icon-arrow-b-black-7x4.png);}
.logn-tbar-new{position: absolute; top: 0; right: 0; width: 18px; height: 7px; background: url(img/icon-new.gif) 0 0 no-repeat; display: none;}
.logn-tbar-sub{position: absolute; top: 18px; left: -110px; width: 200px; padding-top: 10px; display: none;}
.ltbar-sub-cont{background-color: #fff; border-top: #c10840 1px solid; border-bottom: #000 1px solid;}
.ltbar-sub-text dd{padding: 0 15px; border-bottom: #eee 1px solid;}
.ltbar-sub-text dd a{display: block; height: 30px; line-height: 30px; font-size: 14px; color: #555;}
.logn-tbar-item.sub:hover .logn-tbar-sub{display: block;}
.logn-tbar-item.focus .logn-tbar-sub{width: 280px; left: -100px;}
.logn-tbar-focus{padding: 15px 0 6px 10px; overflow: hidden;}
.login-btn-basic{padding: 8px 0; font-size: 14px; color: #2f2f2f; cursor: pointer; float:left;}
.login-btn-current{padding: 6px 20px 8px; color: #fff; background: #3aafe0; border-bottom: #257d9a 2px solid; border-radius: 3px;}
.login-btn-split{padding: 8px 12px; color: #ababab; vertical-align: top;float:left;}
.iopen-footer{padding: 25px 0;}
.iopen-footer li{height: 18px; line-height: 18px; padding: 3px 0; text-align: center; font-size: 12px; color: #8c8c8c;}
.iopen-footer li a{color: #8c8c8c;}
.iopen-footer li .footer-split{padding: 0 5px;}
.module-navs{background: #f6f5f5 url(img/module-navs-bg.png) 0 bottom repeat-x;}
.module-navs ul{width: 1000px; margin: 0 auto;}
.module-navs ul li{width: 180px; height: 18px; line-height: 18px; padding: 18px 0; text-align: center; border-bottom: #ddd 1px solid; float: left; cursor: pointer;}
.module-navs ul li a{font-size: 14px; color: #999;}
.module-navs ul li.current,.module-navs ul li:hover{border-color: #3aafe0;}
.module-navs ul li.current a,.module-navs ul li:hover a{color: #3aafe0;}
.module-wapper{width: 1000px; margin: 0 auto;}
/* my app */
.app-list{padding-top: 20px;}
.app-title{height: 20px; line-height: 20px; padding-top: 10px; font-size: 16px;}
.app-items{padding: 15px 0;}
.app-items-table{width: 100%; border-collapse: collapse; table-layout: fixed!important;}
.app-item-head th{background: #747e88; height: 16px; line-height: 16px; padding: 8px 0; text-align: center; font-size: 14px; font-weight: normal; color: #fff;}
.app-item-head th.alg-left{text-align: left;}
.app-item-head th.alg-right{text-align: right;}
.app-item-body{background: #fff;}
.app-item-body:hover{background: #f7f7f7;}
.app-item-body td{height: 40px; line-height: 40px; padding: 10px 0; border-bottom: #e6e6e6 1px solid; text-align: center; font-size: 14px; color: #1b1b1b;}
.app-item-body td.first-option{border-left: #e6e6e6 1px solid;}
.app-item-body td.last-option{border-right: #e6e6e6 1px solid;}
.app-item-body td.alg-left{text-align: left;}
.app-item-body td.alg-right{text-align: right;}
.app-item-logo{padding: 0 15px 0 40px; float: left;}
.app-item-logo img{width: 40px; height: 40px; display: block; border-radius: 5px;}
.app-item-opate{padding: 0 10px; cursor: pointer;}
.app-edit{padding: 30px 0 15px 0;}
.app-icon-list{padding: 20px 0 10px;}
.app-icon-list li{width: 50px; height: 50px; padding-right: 20px; float: left;}
.app-icon-list li img{width: 50px; height: 50px; display: block;}
.app-detail{padding-top: 30px; padding-bottom: 20px;}
.app-detail-navi{height: 16px; line-height: 16px;}
.adetail-navi-back{font-size: 14px; height: 16px; line-height: 16px; float: left;}
.adetail-navi-api{height: 16px; line-height: 16px; padding-left: 22px; font-size: 12px; color: #3aafe0; float: right; cursor: pointer;}
.adetail-navi-api-get{background: url(img/app-tips.png) 0 center no-repeat;}
.adetail-navi-api-opate{background: url(img/api-opate-icon.png) 0 center no-repeat;}
.adetail-navi-split{padding: 0 20px; color: #3aafe0; float: right;}
.app-detail-main{margin-top: 15px; border: #e6e6e6 1px solid;}
.app-detail-info{height: 40px; padding: 10px 40px;}
.app-detail-logo,.app-detail-name,.app-detail-time,.app-detail-developer{height: 40px; line-height: 40px; float: left;}
.app-detail-logo{width: 40px;}
.app-detail-logo img{width: 40px; height: 40px; display: block;}
.app-detail-name{padding: 0 80px 0 15px; font-size: 16px; color: #1b1b1b;}
.app-detail-developer{padding: 0 80px 0 100px; font-size: 14px; color: #868686;cursor: pointer;}
.app-detail-time{font-size: 14px; color: #868686;}
.app-type-table{width: 100%; border-collapse: collapse; table-layout: fixed!important;}
.app-type-head{border-top: #e6e6e6 1px solid; border-bottom: #e6e6e6 1px dotted;}
.app-type-head th{height: 16px; line-height: 16px; padding: 8px 0; text-align: center; font-size: 14px; color: #868686;}
.app-type-head th.first-option{text-align: left; padding-left: 40px;}
.app-type-body{background: #fff;}
.app-type-body:hover{background: #f7f7f7;}
.app-type-body td{height: 16px; line-height: 16px; padding: 12px 0; text-align: center; font-size: 14px;}
.app-type-body td.first-option{text-align: left; padding-left: 40px;}
.app-detail-content{padding: 0 20px 20px 40px; border-top: #e6e6e6 1px solid;}
.adetail-cont-title{height: 16px; line-height: 16px; padding: 20px 0; font-size: 14px;}
.adetail-cont-desc{word-break: break-all;}
/* app-mine */
.app-ide-wrap{width:1003px; margin:0 auto;padding:20px 0;}
.app-ide-top{height: 16px;line-height: 16px;padding:12px 0;}
.open-app-name{padding:0 3px; color:#81c6e9;}
.get-api-odder{float: right;display: block;}
.app-tips{width: 22px; height: 15px;float: left; background: url(img/app-tips.png) center no-repeat;}
.app-ide-dsc{padding:15px 10px;height: 40px;line-height: 21px; font-size: 14px;}
.warm-red{color:#ff4242;display: block;}
.app-ide-floater{margin: 10px 0;border:1px #e3e3e3 solid;}
.app-ide-floater:hover{border:1px #2AADE2 solid;}
.app-floater-head{height: 34px;padding:10px; padding-right: 32px; border-bottom:1px #e3e3e3 solid;}
.app-item-switch{display: block; background:url(img/switch-off.png) center no-repeat;float: left;height: 34px;width: 13px;}
.app-item-switch:hover{cursor:pointer;}
.app-item-swcon{display: block; background:url(img/switch-on.png) center no-repeat;float: left;height: 34px;width: 13px;}
.app-item-swcon:hover{cursor:pointer;}
.app-api-icon{display: block;float: left;margin: 0 10px;}
.app-api-icon img{height: 34px; width: 34px;}
.app-api-name{display: block;width: 760px;font-size:20px;color: #5eaedf;height: 34px;line-height:34px;padding-left: 15px;}
.api-block-item{padding:10px 33px;}
.api-detail{line-height: 30px;height: 30px; padding: 5px 0;width: 100%;}
.api-detail-name{width: 160px;margin-right: 20px;display: block;float: left;}
.api-detail-state{width:650px;float: left;}
.app-button-off{display: block;width: 72px;height: 35px; background: url(img/button-off.png) 0px -2px no-repeat;float:right; cursor:pointer;}
.app-button-on{display: block;width: 72px;height: 35px; background: url(img/button-on.png) 0px -2px no-repeat;float:right; cursor: pointer;}
.app-throw-correct{display: block;height: 30px;width: 17px; background: url(img/throw-correct.png) center no-repeat;float:right;padding-right: 25px;}
.app-throw-false{display: block;height: 30px;width: 17px; background: url(img/throw-false.png) center no-repeat;float:right;padding-right: 25px;}
.api-block-item .no-right{color:#ADADAD;}
.approval-text-wrap{width: 280px; margin: 0 auto;}
.approval-con-key{display: block; float: left;}
.approval-textarea-wrap{float: left; padding-left: 10px;}
.approval-con-val{width: 220px; height: 90px; border: #E2E2E2 1px solid;}
.approval-btn-pass, .approval-btn-refuse{height: 40px; line-height: 40px; width: 130px; background-color: #29D408; color: #fff; text-align: center; font-size: 16px; border-radius: 5px; float: left; cursor: pointer;}
.approval-btn-refuse{background-color: #F32D2D; margin-left:20px;}
.approval-btn-pass:hover{background-color: #4fc649;}
.approval-btn-refuse:hover{background-color: #f61111;}
.approval-btn-wrap{width: 280px; margin: 0 auto; padding-top: 15px;}
.app-search-wrap{width: 1003px; margin: 0 auto; padding: 20px 0;}
.app-search-part{float: right; height: 35px;}
.iopen-app-search b{display: block; width: 16px; height: 35px; padding-right: 14px; background: url("img/iopen-search-btn.png") center no-repeat; float: right; background-color: #eee; cursor: pointer;}
.iopen-app-search b:hover{background-color: #e2e2e2}
.iopen-app-search{float: right; width:180px; height: 35px; line-height: 35px;border: 1px #efefef solid;}
.iopen-app-search input{width: 80%; height: 28px; line-height: 28px; padding-left:5px;}
/* login-index */
.module-wrap{width: 1020px;margin: 0 auto;}
.module-tab{width: 100%;}
.module-tab-tr{margin-top:20px;}
.module-tab-td{width:232px;padding:10px;}
.module-each-item{border:1px #e3e3e3 solid;height: 255px; width: 232px; margin:10px; float: left;}
.module-each-item:hover{border:1px #2AADE2 solid;}
.module-item-detail{padding:35px 27px 10px 27px;border-bottom:1px #e3e3e3 solid;height: 143px;}
.app-detail-icon{float: left;cursor:pointer;}
.app-detail-icon,.app-detail-icon img{height: 62px;width: 60px;}
.app-detail-des{padding-left: 72px;}
.module-app-name{font-size: 16px;color:#36a0da;word-break: break-all;max-height: 42px;overflow: hidden;margin-bottom: 5px;cursor:pointer;}
.module-desc-item .item-key{color: #929292;line-height: 18px;display: block;float: left;}
.module-desc-item .item-value{line-height: 18px;color: #727171;margin-left: 2px;display: block;}
.module-item-state{text-align: center;background-color: #f7f7f7;height: 26px;padding:20px 0;}
.module-item-state span{font-size: 18px;}
.check-through{color: #4fbe3e;}
.check-wait{color: #adaead;}
.check-forbid{color: #e24234;}
.app-index-nav{position:relative;}
.add-app-btn{width: 132px; height: 39px;background: url(img/add-app-btn.png) center no-repeat;border:none;position: absolute;top:8px;right: 0;cursor: pointer;}
.add-btn-icon{background: url(img/add-btn-icon.png) center no-repeat;display: block;width:17px;height: 15px;position: absolute;top:11px;left:22px;}
.add-app-btn span{position: absolute;top:11px;left:52px;color:#2AADE2;}
.module-item-li{display: block; margin-bottom: 15px; float: left;}
/* login */
.login-con-wrap{width:1000px; margin:0 auto;}
.login-con-intro{height:565px; border: 1px #e3e3e3 solid; margin-top: 40px;}
.con-intro-left{padding: 25px;width: 95%;border-right: 1px #e3e3e3 solid; float:left;border-bottom:1px #e3e3e3 solid;}
.intro-item{padding: 9px; width: 30%; float:left; text-align: center; }
.intro-img-1{display: block; background: url(image/login_img_1.png) center no-repeat; width: 180px; height: 195px;}
.intro-img-2{display: block; background: url(image/login_img_2.png) center no-repeat; width: 180px; height: 195px;}
.intro-img-3{display: block; background: url(image/login_img_3.png) center no-repeat; width: 180px; height: 195px;}
.intro-name{display: block;padding: 16px 0 5px;font-size: 16px;color: #126ea8;text-align: center;}
.intro-value{padding-top: 30px;color: #999999;}
.con-intro-right{float: left; padding: 10px;}
.become-creator{display: block; background: url(img/demo/become_creator.png) center no-repeat; width:278px; height: 105px; cursor:pointer; margin: 5px auto;}
.become-step-name{display: block; margin: 15px 25px 0; font-size: 16px; font-weight: bold;}
.become-step-item{padding: 10px 0 0 25px}
.step-number{display: block; font-family: monospace; font-style: oblique; font-size: 33px; float: left;}
.step-item-name{display: block; margin: 3px 20px 4px; font-size: 18px; float:left;}
.step-item-value{display: block; margin-left: 20px; color: #e08d17; float:left;}
.login-con-socia{float: left; padding: 10px;}
.socialize-module-name{padding: 15px 10px 20px 30px; font-size: 16px;}
.social-app-icon{height: 48px; width: 48px; float:left;}
.social-app-part{padding-left: 15px;}
.social-app-part li{float: left; margin: 15px 15px;width: 195px;}
.social-app-part .app-name{float: left; font-weight: bold; padding-top: 5px; margin-left: 10px; display: block; width: 100px;}
.social-app-part .app-value{float: left; margin-left: 10px; padding-top: 5px; display: block; max-width: 100px;}
.iopen-register,.iopen-login-block{width:380px;  border: 2px #49AFFF solid; background-color: #fff; position: fixed; z-index:999;}
.iopen-after-reg{width:600px; height: 240px; border: 2px #49AFFF solid; background-color: #fff; position: fixed; z-index:999;}
.register-body{padding:20px 0;}
.register-head{height: 20px; line-height: 20px; padding: 20px 50px; border-bottom: 2px #eee solid; vertical-align: middle;}
.register-head em{float: left; width: 5px; height: 15px; background-color: #2BADD6; margin-top: 3px; border-radius: 2px;display: block;}
.register-head span{float: left; display: block; padding-left: 5px; font-weight: bold; font-size: 15px;}
.reg-user-email{padding: 5px 0; margin: 5px 50px; border-bottom: 2px #CFCECE solid;}
.login-user-name{padding: 5px 0; margin: 15px 50px; margin-top:5px; border-bottom: 2px #CFCECE solid;}
.mail-format-warn{padding: 5px 0 5px 12px; margin: 0 50px 0 74px; width: 140px; height: 17px; background-color: #E77575; border-radius: 3px; color: white;}
.reg-btn{height: 40px; line-height: 40px; width: 280px; margin: 10px auto; background-color: #2D74F3; border-radius: 4px; text-align: center; color: white; font-size: 16px;cursor:pointer;}
.login-block-btn{height: 40px; line-height: 40px; width: 280px; margin: 25px auto; background-color: #2D74F3; border-radius: 4px; text-align: center; color: white; font-size: 16px; cursor:pointer;}
.login-block-btn:hover{background-color: #3f85ff;}
.warn-wrap{padding:10px 0;position: relative;}
.warn-wrap b{color: #E77575; font-size: 32px; position: absolute; top: -10px; left: 80px;}
.iopen-login-mask{background:#000; width:100%; height:100%; position:fixed; top:0; bottom:0; left:0; right:0; opacity:0.7; z-index:998; filter: alpha(opacity = 70);}
.register-head b{display: block;width: 15px; height: 15px; background:url(img/login_close_btn.png) 0 0 no-repeat;}
.register-head b:hover{display: block;width: 15px; height: 15px; background:url(img/login_close_btn.png) 0 -14px no-repeat;}
.login-close-btn{width:15px; height:15px;position: absolute; top:10px; right:10px;}
.login-close-btn:hover{width:15px; height:15px;position: absolute; top:10px; right:10px; border:1px solid #3a96f4;}
.login-man{background:url(img/login-man.png) center no-repeat;width: 17px; height: 18px; display:block; float: left; padding: 0 3px;}
.login-pass{background:url(img/login-pass.png) center no-repeat;width: 17px; height: 18px; display:block; float: left; padding: 0 3px;}
.login-man-input{padding-left: 10px; width: 222px;}
.iopen-after-reg .after-reg-head{font-weight: normal;}
.after-reg-tip{padding: 5px 46px;}
.after-reg-tip b{background: url("img/throw-correct.png") center no-repeat; width:30px; height: 42px; display: block; float: left;}
.after-reg-tip span{height: 40px; line-height: 40px; display: block; font-size: 22px;}
.after-reg-btns{margin-top: 20px;}
.goto-your-mail{background: #3485FF; padding: 0 30px; text-align: center; height: 50px; line-height: 50px; border-radius: 5px; color: #fff; font-size: 16px; float: left; margin-left: 55px; cursor: pointer;}
.after-reg-btns span{float: right; margin-right: 70px; color: #2F82FF; margin-top: 28px; cursor: pointer;}
.mg-top-10{margin-top: -10px;}
/* question */
.question-item-area{width:1000px; padding:30px 0;margin:0 auto;}
.ques-item-li{padding: 10px 0;}
.qus-item-wrap{font-size: 13px;}
.qus-ask{padding: 5px 0;}
.qus-ask b{background: url(img/question-icon.png) center no-repeat ; width: 12px; height: 20px;display: block; float: left;}
.qus-ask span{display: block; color:#555555; padding-left: 20px; curso: pointer;}
.qus-ans{padding: 5px 0;}
.qus-ans span{padding-left: 20px;display: block; width: 750px; color: #909090;}
.question-edit-area{width: 1000px; margin: 0 auto; position: relative;}
.edit-submit-btn{float: right; height: 40px; line-height: 40px; padding: 0 50px; margin: 20px 0; background: #71D641; cursor: pointer;}
.edit-submit-btn:hover{background: #61bc3b}
.edit-submit-btn a{color: #fff; display: block; font-size: 16px;}
.text-area-mask{background: #fff; width: 998px; height: 137px; position: absolute; top: 33px; left: 2px; z-index: 777;}
.text-area-mask span{padding: 0 3px; color:#26abfd; cursor: pointer;}
.ques-need-tips{width: 260px; height: 20px; margin: 60px auto;}
.fback-item-answer{border-top: #C0C0C0 1px solid; padding: 10px 20px;}
/* download */
.down-con-wrap{width: 860px; margin: 0 auto; padding-top: 100px;}
.down-con-wrap table{margin: 0 auto;}
.down-app-logo{float:left;}
.down-cell{padding: 0 30px 80px 0;}
.down-app-dsc{float: left; width: 240px; margin-left: 15px; height: 66px; padding: 10px 0;}
.down-app-dsc h2{font-size: 16px; color: #2a8ccc; padding-bottom: 10px; cursor: pointer;}
.down-apple-logo{background: url(img/download-logo.fw.png) 0 0 no-repeat; width: 84px; height: 86px; display: block;}
.down-book-logo{background: url(img/download-logo.fw.png) -89px 0 no-repeat; width: 84px; height: 86px; display: block;}
.down-android-logo{background: url(img/download-logo.fw.png) 0 -91px no-repeat; width: 84px; height: 86px; display: block;}
.down-logo-logo{background: url(img/download-logo.fw.png) -89px -91px no-repeat; width: 84px; height: 86px; display: block;}
/* course */
.course-list-wrap{width:1000px; padding:30px 0; margin: 0 auto;}
.course-list-left{width:210px; float: left; border: #d1d1d1 1px solid; background: #eee; padding: 10px 0;}
.course-dl-head{height: 28px; color: #2E97E9;}
.course-title{height: 28px; line-height: 28px;padding: 0 15px; font-size: 18px;}
.course-sub-title{height: 32px; line-height: 32px;padding: 0 15px; font-size: 16px; position: relative; color: #8d8d8d;}
.course-grand-title{height: 26px; line-height: 26px; font-size: 15px;}
.course-grand-title span{color: #2E97E9; display: block;}
.course-grand-title span:hover{text-decoration: underline;}
.course-dt-con{}
.list-swip-close{background: url(img/sddefy.png) center no-repeat; width:4px; height: 6px; float: right; display: block; position: absolute; top: 16px; right: 15px;}
.list-swip-open{background: url(img/swapopen.png) center no-repeat; width:6px; height: 4px; float: right; display: block; position: absolute; top: 18px; right: 15px;}
.course-dd{cursor:pointer; list-style: disc; margin: 0 40px;}
.course-list-right{float: left; padding-left: 30px; width: 758px;}
.tab-up-style,.tab-up-style td,.tab-up-style th{border: #ddd 1px solid; width: 70%; border-collapse: collapse;}
.tab-up-style th{background: #e9e9e9;border: none; font-size: 16px; font-weight: normal; padding: 0 10px;}
.tab-up-style tr{font-size: 14px;}
.tab-up-style td{padding:0 15px;}
.tab-cell-data{width: 250px; min-height: 30px; float: left;line-height: 30px; word-wrap: break-word; word-break: break-all; padding: 3px 0;}
.tab-cell-data a{color: #2e97e9;cursor:pointer}
.tab-cell-data span{color: red;padding-left: 10px;}
.tab-cell-detail{width: 349px; min-height: 30px; float: left; line-height: 30px; word-wrap: break-word; padding: 3px 0;}
.tab-cell-detail a{color: #2e97e9;padding-left: 10px;cursor:pointer}
.course-tab-down{margin-top: 20px;}
.tab-down-style{font-size: 16px; }
.tab-cell-comment{width: 372px;min-height: 40px; word-break: break-all; line-height: 40px; word-wrap: break-word;}
/* tuwen */
.artical-title{font-size: 15px; text-align: left;padding-left: 20px; padding-bottom: 5px;padding-top: 5px;background: rgb(233, 233, 233);margin-top:5px;font-weight:bold;color: #F77B08;}
.artical-content{text-indent: 2em; padding: 10px 0; font-size: 14px;line-height: 26px;}
.artical-content p a{color: #2e97e9;cursor:pointer}
.artical-ftitle{font-size: 14px; text-align: left;padding-left: 20px; padding-bottom: 5px;padding-top: 15px;font-weight:bold;}
.artical-img{margin:15px 0; text-align: center;}
.artical-img img{max-width:100%;}
.artical-content-sl{padding-left: 30px;font-size: 18px;line-height: 26px;font-family: Times, TimesNR, 'New Century Schoolbook', Georgia, 'New York', serif;}
.artical-content-sl span{font-size: 14px;font-family: \5fae\8f6f\96c5\9ed1; color:#616161;font-style:italic;}
.selected_province{width: 800px; padding: 15px 0; float: left;}
.app-province li{margin:0 10px 10px 0;}
.pic-set-item{padding-top:4px;overflow:hidden;}
.pic-item-list li{width:150px;height:12px;line-height:12px;text-align:center;font-size:14px;padding:11px 0;background:#f9f9f9;border:#ccc 1px solid;float:left;cursor:pointer;position:relative;}
.pic-item-list li:hover,.pic-set-item li.selected{border:#06c 1px solid;height:14px;line-height:14px;padding:10px 0;color:#0574d2;font-weight:bold;}
.pic-item-list li .app-check{width:14px;height:12px;position:absolute;top:8px;left:8px;}
/* developer */
.developer-detail{width: 1000px; margin: 0 auto;padding-left: 300px;}
.developer-icon-list{padding: 5px 0 10px;}
.developer-icon-list li{width: 360px; height: 210px; padding-right: 20px; float: left;}
.developer-icon-list li img{width: 360px; height: 210px; display: block;}
/* not result */
.no-result{padding-top:60px;}
.no-result-normal{width:450px; height:150px; margin:0 auto; background:url(img/no-result.png) center bottom no-repeat; opacity:0.3; filter:alpha(opacity = 30);}
.no-result-normal .no-result-remark{padding-left:60px; font-size:30px; line-height:30px; color:#4EBABC;}
.no-result-middle{width:360px; height:110px; margin:0 auto; background:url(img/no-result-middle.png) center bottom no-repeat; opacity:0.5; filter:alpha(opacity = 50);}
.no-result-middle .no-result-remark{padding-left:70px; font-size:24px; line-height:30px; color:#4EBABC;}
.no-result-small{width:200px; height:70px; margin:0 auto; background:url(img/no-result-small.png) center bottom no-repeat; opacity:0.5; filter:alpha(opacity = 50);}
.no-result-small .no-result-remark{padding-left:30px; font-size:16px; line-height:30px; color:#4EBABC;}
.unload-tips{width:250px; height:30px;margin-left: 90px;margin-top: 4px;position: absolute;}

/* ioop protol */
.regis-protol-dmain{padding: 15px 20px;}
.ioop-protol-wapper{min-height: 400px; overflow: auto;}
.ioop-protol-wapper h3{font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; text-align: center;}
.ioop-protol-wapper h4{height: 28px; line-height: 28px; text-align: center;}
.ioop-protol-content{padding: 10px 0;}
.ioop-protol-content p{line-height: 24px; word-break: break-all; text-indent: 2em;}
.ioop-protol-content p a{color: #f00;}

.p-summary{font-size: 15px;line-height: 28px;}
.hand-show{cursor: pointer;}