/* html body */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%;font-size:100%; font-family: "Microsoft Yahei", simsun, "Helvetica Neue", Helvetica, Arial, sans-serif;}

/* custom */
.navbar-default { background: #fff;border:0;border-bottom: 1px solid #ddd;border-radius: 0;margin-bottom: 0;}
@media (min-width: 768px){
    .navbar-fixed-top  .navbar-right {margin:0;}
    .navbar-right .border-li {border-right:1px solid #ddd;}
    .navbar-right .border-li:last-child {border-right:0px solid #ddd;}
}
.navbar-right li a {font-size:14px;}
.dropdown-menu > li > a {padding:10px 20px;}
.navbar-default .navbar-brand { background: url(../../img/logo.png) no-repeat 15px center; background-size: 30px 30px;padding-left:55px;color:#333;}
.login-bar { background: url("../../img/loginbg.jpg") no-repeat top center;background-size:1920px 540px;width: 100%; height: 500px;}
.login-style {width: 100%; padding:15px 20px; margin:20px 0px;border-radius: 6px; background: #fff;box-shadow:0px 5px 10px rgba(0,0,0,.3);}
.register-bar { background: url("../../img/loginbg.jpg") no-repeat top center;background-size:2560px 720px;width: 100%; height: 100%;}
.register-style {width: 100%; padding:15px 20px; margin:20px 0px;border-radius: 6px; background: #fff;box-shadow:0px 5px 10px rgba(0,0,0,.3);}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-left-10 {margin-left: 10px;}
.margin-right-10 {margin-right: 10px;}
.margin-top-10 {margin-top: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-left-15 {margin-left: 15px;}
.margin-right-15 {margin-right: 15px;}
.margin-top-15 {margin-top: 15px;}
.username-icon {background:#fff url("../../img/login-user-icon@2x.png") no-repeat center center; background-size:20px 20px;padding:0px 25px;}
.username-icon-2 {background:#fff url("../../img/login-user-icon-1@2x.png") no-repeat center center; background-size:20px 20px;padding:0px 25px;}
.password-icon {background:#fff url("../../img/login-pass-icon@2x.png") no-repeat center center; background-size:20px 20px;padding:0px 25px;}
.verification-icon {background:#fff url("../../img/login-yzm-icon@2x.png") no-repeat center center; background-size:20px 20px;padding:0px 25px;}
.verification-img {border:1px solid #ccc;width:100%;padding:10px 16px; height:40px;font-size:18px;border-radius: 6px;}
.custom-form .btn-primary {background: #3d96f2;padding:8px 20px;border:0;}
.custom-form .btn-danger {background: #f23d3d;padding:8px 20px;border:0;}
.custom-form label {font-weight: normal;position: relative;}
.custom-form .checkbtn {  position:absolute;margin-right:0px; opacity: 0; -moz-opacity: 0;width: 14px; height: 14px; left: 0; top:2px}
.custom-form .checkbtn-style { position:absolute; width: 14px; height: 14px; left: 0; top:2px}
.custom-form .checkbtn-style img {vertical-align: baseline}
.check-text {margin-left:20px;font-size:12px;}
.login-info {font-size:12px;color:#f23d3d;}
.footer-bar {position: fixed; bottom:0; left: 0; background: #fff; width: 100%; text-align: center; height:40px; line-height: 20px;font-size:12px;color:#999}
.tab-box .nav {margin:0px -15px 15px -15px;padding:0px 15px;}
.back-pass { float: right;font-size:12px;}
.table-tab { margin:0px -20px;}
.table-tab .nav { padding:0px 20px;}
.table-tab .tab-content { padding:0px 20px;}
.table-tab .tab-pane {margin:20px 0px;padding:0}
.bg-title {padding:30px 0px;margin:0;}
.bg-dropdown-menu { width: 512px !important; padding:10px 5px; }
.btn-remove { padding:0px;}
.btn-remove .dropdown-toggle { padding:5px 10px; display: block;}
.bg-dropdown-menu li { float: left;width: 100px;text-align: left;padding:5px 10px;font-size:12px;}
.bg-dropdown-menu .active { background: #eee;}
.input-box .inner {padding:10px;border-radius:4px;border:1px solid #ddd;font-size:16px;min-height: 150px;}
.output-box .inner { background: #eee;padding:10px;border-radius: 4px;font-size:16px;min-height: 150px;}
.bg-dropdown-menu-right {right:0;left: auto;}
.input-box { position: relative;margin:0px 0px 15px 0px;}
.output-box  { position: relative;margin:0px 0px 15px 0px;}
#contentwordage { position: absolute; right: 10px; bottom:10px; background: #fff;}
.padding50 {padding:50px 0; height: 83%; overflow: auto;}
.up-photo { width: 150px; height: 150px; border:1px solid #ddd; position: relative; overflow: hidden;}
.up-photo-2 { position: absolute; left: 0; top:0;width: 150px; height: 150px; border:0;background: transparent;opacity: 0;}

/* icon */
.map-icon { width: 20px;height: 20px; float: left;margin-right:5px;}
.china { background: url("../../img/china-map-60.png") no-repeat left center; background-size:20px 20px;}
.america { background: url("../../img/america-map-60.png") no-repeat left center; background-size:20px 20px;}

/* yhd-index */
.page-color { width: 100%; height: 100%; overflow: hidden; background: rgba(240,240,240,1);}
.page-container { width: 100%; height: 100%;overflow: hidden; }

.top .navbar {background: #fff; position: fixed; top:0;left:0;width: 100%;z-index: 1000;}
.top .navbar-brand {width:200px;background: url(../../img/logo.png) no-repeat 15px center; background-size: 30px 30px;padding-left:55px;color:#333;font-size:14px;border-right: 1px solid #ddd;}
@media (min-width: 768px) {
    .top .navbar-collapse {padding:0;}
}
.top .tools li { font-size:18px;height: 50px; line-height: 50px; width: 50px;text-align: center;border-right:1px solid #ddd;}
.top .tools-right li { font-size:18px;height: 50px; line-height: 50px; width: 50px;text-align: center;border-left:1px solid #ddd;}
.top .tools li:hover { background: #ddd;}
.top .tools-right li:hover {  background: #ddd;}

.content {width: 100%;height: 100%;overflow: hidden;}
.view-size {padding:50px 0px 0px 0px; overflow: hidden;height: 100%;position: relative;}
.left {position: absolute;top:0px;left:0; width: 200px; height: 100%; border-right:1px solid #ddd;background:#fff url(../../img/tree.png) no-repeat center bottom; background-size: 100px 100px;border-top:1px solid #ddd; }
.position-info {top:50px;position:absolute;width: 100%;overflow: hidden;background: #fff;z-index: 2; }
.user-info { border-bottom:1px solid #ddd;padding:10px 15px; overflow: hidden;margin:0px 0px 0px 0px;}
.user-photo { float:left;position:relative;width: 60px; height: 60px; border-radius: 100%; margin: 0 auto; background: #ddd; overflow: hidden; }
.user-photo img {width: 100%; display: block;}
.user-name {float:left;margin-left:10px;}
.user-text {font-size:16px;color:#333;margin:5px 0px;width: 100%;text-overflow: ellipsis;overflow: hidden;}
.user-tag {color:#fff;font-size:12px;background: #f23d3d;padding:0px 10px;display: inline-block; border-radius: 2px; height: 24px; line-height: 24px; }
.edit-info { display:none;cursor:pointer;text-align: center;color:#fff;position: absolute; left:0; top:0;width: 60px; height: 60px; border-radius: 100%;  background: rgba(0,0,0,.5);}
.edit-info i {display: block;font-size:18px;margin:10px 0px 0px 0px;}
.edit-info span {display: block;font-size:12px;margin:5px 0px 0px 0px;}
.left-scroll-size {padding:135px 0px 40px 0px;height: 100%;overflow: hidden}
.left-scroll {padding:0px 0px 0px 0px;height: 100%; overflow: scroll ;}
.task-all {padding:0px 0px 0px 0px;height: 100%; /*overflow: auto*/}
.task-title {padding:10px 15px; font-size:14px; color:#333;}
.task-title i {margin-right:10px;font-size:16px; top:2px;}
.task-all .input-group {margin-bottom: 10px;}
.task-all .input-group .input-group-addon { background: #fff;}
@media (min-width: 768px){
    .nav-menu {margin-left: 20px;}
}
#menu #tree_root{overflow:auto;margin: 0px 0px;}
#menu #tree_root li span{display:block;height:32px;line-height:32px;color:#333;cursor:pointer;}
#menu #tree_root li span.tree2{padding:0px 15px;}
#menu #tree_root li span.tree3{padding:0px 25px;}
#menu #tree_root li span.tree4{padding:0px 35px;}
#menu #tree_root li span.tree5{padding:0px 45px;}
#menu li .hover,#menu li span:hover{background-color:#f5f5f5;}
#menu #tree_root .active span  { color:#f23d3d}
#menu ul{overflow:hidden;list-style: none; margin:0;padding:0;font-size:12px;}
#menu ul li b{font-weight:normal;position:relative;padding-left:15px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width:130px}
#menu ul li b:before{display:block;font-size:0;top:0px;left:0;content:"";width:5px;height:5px; border:solid 1px transparent;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;}
#menu ul li .On:before,#menu ul li .On2Off:before{top:4px;border-bottom-color:#f23d3d;border-right-color:#f23d3d;}
#menu ul li .Off:before{top:6px;border-top-color:#999;border-right-color:#999;}
#menu ul li .On2Off:before{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.change-btn-left {position: absolute;right:-20px;top:50%;width:20px; height: 32px;background: #fff;border-top-right-radius: 4px;border-bottom-right-radius: 4px;
    border: 1px solid #ddd;border-left:0;margin-top:12px;z-index: 1;}
.change-btn-left i {line-height: 32px;top:-1px;text-align: center; display: block;font-size:12px;}
.change-btn-left i:hover {color:#f23d3d}
.download-bar { position: absolute; bottom:0; left:0; height: 40px; background: rgba(90,190,220,.85); border-top:1px solid #46b8da; width: 100%;}
.download-btn { color:#fff; text-align: center; display: block;line-height: 40px;font-size:14px;}
.download-btn i { margin-right: 5px;top:4px;font-size:18px;}
.download-btn:hover { text-decoration: none;color:rgba(255,255,255,.8);}
.download-btn:active { text-decoration: none;color:rgba(255,255,255,1);}
.download-btn:focus { text-decoration: none;color:rgba(255,255,255,1);}
.download-btn:link { text-decoration: none;color:rgba(255,255,255,1);}
#menu #tree_root li .On  { color:#f23d3d}

.mid { width: 100%; height: 100%; overflow: hidden; }
.mid-size {padding:20px 0px 20px 0px; height: 100%;overflow: hidden;}
.mid-view {margin:0px 320px 0px 220px;  background: #fff;height: 100%;border:1px solid #ddd; border-radius: 4px; }
.mid-view-2 {margin:0px 20px 0px 220px;  background: #fff;height: 100%;border:1px solid #ddd; border-radius: 4px; }
.tab-pane {width: 100%;height:100%;padding:60px 0px 0px 0px;overflow: hidden;}
.tab-box {height: 100%;width: 100%;padding:10px 10px;position: relative;}
.tab-box .nav {position: absolute; top:15px;z-index: 990;background: #fff;width: 100%;}
.scroll-panel {width: 100%;height:50%;overflow: auto;position: relative;}
.scroll-panel .panel {height: 100%;overflow: hidden;margin:0;padding:0;border-radius: 0;}
.scroll-panel-a {width: 50%;height:100%;overflow: hidden;float: left}
.scroll-panel-b {width: 50%;height:100%;overflow: hidden;float: right;}
.scroll-panel-tool {width: 100%;height:32px;overflow: hidden;position: absolute;bottom: 0;left:0;}
.scroll-panel .panel .panel-body {height:100%;width: 100%;overflow: hidden;}
.scroll-panel .panel .panel-body .text-1 { height: 70%;padding-bottom:30px;overflow: scroll;display: block;}
.tab-content {height: 100%;width: 100%;overflow: hidden;}
.content-tool {margin:0;padding:0;list-style: none;width: 100%; height: 100%; overflow: hidden;background: #f5f5f5;border:1px solid #ddd;}
.content-tool li { float: left; padding:0px 12px;font-size:12px;line-height: 30px; color:#1a9fff}
.content-tool li:hover { background: #ddd;}
.content-tool-search {height: 26px;margin:2px 0px 2px 0px;border:0;border-radius: 2px;text-indent: 10px}
.change-btn-mid {position: absolute;right:50%;bottom:50%;width:40px; height: 20px;background: #fff;border-top-left-radius: 4px;border-top-right-radius: 4px;
    border: 1px solid #ddd;border-bottom:0;margin-bottom:-30px;margin-right:-20px;z-index: 1;}
.change-btn-mid i {line-height: 20px;top:-1px;text-align: center; display: block;font-size:12px;}
.change-btn-mid i:hover {color:#f23d3d}
.tab-view { padding:0px 0px 0px 0px;width: 100%; height: 100%;}
.tab-scroll { width:100%; height: 100%; overflow: auto;}
.linelink {width:100%; height:100%; overflow: auto;}
.linelink .text-center { width: 100%;}
.linelink-left { width: 40%; float: left; }
.linelink-mid { width: 20%; float: left; }
.linelink-right { width: 40%; float: left; }
.linelink-group {border-bottom: 1px solid #ddd;margin:0;padding:0;list-style: none;}
.linelink-item {  width: 100%;margin:0px auto 0px auto; position: relative;height: 32px; border-top:1px solid #ddd;border-left:1px solid #ddd; border-right: 1px solid #ddd;}
.linelink-item .attribute-btn { position: absolute; top:0;right:0;background:oldlace;}
.linelink-item .attribute-btn i { line-height: 30px;text-align: center;display:block; float:left;top:0; width:30px; height:30px;cursor: pointer;}
.linelink-item .attribute-btn i:active { background: #eee;}
.linelink-item .attribute-btn .line-plus { font-size:12px;}
.linelink-item .attribute-btn .line-remove { font-size:12px;padding:1px 0px 0px 0px}
.attribute { width: 300px}
.circle {margin:0px 0px 0px 0px;width: 100%;height: 32px; overflow: hidden}
.circle-1 { width: 20px; height: 20px; border-radius: 20px; border:1px solid #ddd;margin:7px 10px;}
.form-left { float: left;}
.form-right { float: right;}
.linelink-item .linelink-control {width: 100%;height: 31px;box-shadow: none;line-height: 28px;border-radius: 0px;border: 0px solid #ddd;padding: 0 10px;background: oldlace;font-size: 16px;font-weight: 700;color: #567290;}
.linelink-control:focus { box-shadow: none;outline:none}
.linelink h4 { margin-top:5px;margin-bottom:15px;padding:0;}
#customBox { display: none;}
.tab-content textarea.form-control {height:auto;resize: none;}
.example-bar { margin: 6px 0px;; overflow: hidden}
.example-bar .row {margin:0px -30px;}
.container-title {overflow: hidden;margin-bottom: 5px;}
.container-title .line { float: left; width: 40%; height:1px; background: #ddd;margin:5px 0px;}
.container-title h4 { float: left; width: 20%; text-align: center;margin-top:0px;margin-bottom:5px;font-size:16px}
.btn-group-margin {margin:8px 0px;}
.attribute [class^="col-xs-4"] { margin:0;padding:0;}
.attribute-item { height: 32px; line-height: 32px;}

.right {position: absolute;top:50px;right:0; width: 300px; height: 100%; border-left:1px solid #ddd;background: #fff;border-top:1px solid #ddd;}
.right-view-2 { width: 0;}
.change-btn-right {position: absolute;left:-20px;top:50%;width:20px; height: 32px;background: #fff;border-top-left-radius: 4px;border-bottom-left-radius: 4px;
    border: 1px solid #ddd;border-right:0;margin-top:-42px;z-index: 1;}
.change-btn-right i {line-height: 32px;top:-1px;text-align: center; display: block;font-size:12px;}
.change-btn-right i:hover {color:#f23d3d}
.right-scroll-size {width: 100%; height: 100%; overflow: hidden;}
.tab-right {width: 100%; height: 100%; overflow: hidden; position: relative;}
.tab-right section { display: none;width: 100%;height: 100%;}
.tab-right ul {margin: 0;padding:0;list-style: none;position: absolute; top:0px;right:0px;width: 20px;height: 100%;}
.tab-right ul li {border: 1px solid #ddd;text-align: center;border-top:0px;padding:5px 0px;font-size:12px;white-space: pre-line;background: #fff;}
.tab-right ul .active { background:#f23d3d;color:#fff;}
.tab-right .tab-title { background: #fff; color:#333; padding:0px 10px; height: 40px; line-height: 40px;font-size:14px;border-bottom: 1px solid #ddd;}
.tab-right .tab-content {padding:10px 30px 10px 10px; width: 100%; height: 100%;font-size:12px;}
.right-scroll-1 {width: 100%; height: 100%; overflow: hidden; position: relative;}
.right-scroll-2 {width: 100%; height: 40%; overflow: hidden; position: relative;}
.right-title {position:absolute;top:0;left:0;z-index:10;background:#fff;width:100%;border-bottom:1px solid #ddd;padding:0px 10px;height:40px;line-height:40px;margin:0;font-size:14px;border-top:1px solid #ddd;}
.form-box {/*margin:0px 10px 0px 10px;*/height: 100%; overflow: scroll}
.right-scroll-size-2 {padding:50px 0px 10px 0px; /*height: 100%;*/ overflow: hidden;}
/*.form-box .form-group {margin:0px 0px 10px 0px;}*/
.form-box .form-group .input-group-addon {font-size:12px;background: #fff;}
.fixed-state {position: absolute; top:50px; left: 0;z-index:1050;width: 100%; display:none;}
.fixed-state b {background: #fcf8e4;border:1px solid #faebce;color:#896c3f;border-top:1px solid #ddd; height: 36px;line-height: 36px; width:100%; text-align: center; margin: 0 auto; display: block;font-weight: normal;font-size:12px;}

.tip-center .modal.in .modal-dialog {-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}
.tip-center .modal-dialog {position:absolute;width:auto;margin:0px auto;left:0;right:0;top:50%}
@media (min-width:768px)
{
    .tip-center .modal-dialog{ width:240px;}
}
.tip-center .modal-footer {padding:0px 0px;overflow: hidden;}
.tip-center .modal-footer .modal-btn-group { overflow: hidden;list-style: none;margin: 0;padding: 0;}
.tip-center .modal-footer .modal-btn-group li { float: left; width: 50%;text-align: center;border-left: 1px solid #ddd;}
.tip-center .modal-footer .modal-btn-group li a { font-size:14px;display: block;color:#333;padding: 10px 0px;}
.tip-center .modal-footer .modal-btn-group li:first-child { border-left: 0;}
.tip-center .modal-footer .modal-btn-group li a.text-gray {color:#999;}
.exit-tip-text {color:#333;text-align: center; font-size: 12px;}
.exit-tip-text i {font-size:32px; top:0px;display: block;margin:0px 0px 10px 0px;color:#f23d3d}

.header-top{
    width: 100%;
    background: #01638A;

}
.header-img{
    max-width: 1140px;
    margin:0 auto;
}
.header-img img{
    width: 100%;
}

.input-box .inner{
    width: 100%;
}