/*main css cmsyou*/
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:Helvetica,"STHeiti STXihei","Microsoft JhengHei","Microsoft YaHei",Tohoma,Arial;}
body{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif; font-size:13px; color:#666;margin: 0px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-backface-visibility:hidden;zoom:1;}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
ul,ol,li,dl,dt {list-style:none;margin:0;padding:0;border:0;background:none;outline:0;}
input,textarea,button,button[type=submit]:focus,input[type=button]:focus,input[type=submit]:focus,input[type=button]::-moz-focus-inner{ outline:none;}
input::-moz-focus-inner,button::-moz-focus-inner { border: 0; }
hr { width:100%; color:#CCCCCC; height:1px; size:1; noshade:noshade;}
a { color:#333; text-decoration: none;font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;outline:none;}
a:hover {color:#092851; text-decoration: none;}
ul,li{ list-style-type:none;}
h1, h2, h3{font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;}
.fl{ float:left;}
.fr{ float:right;}
.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}
.mt0{ margin-top:0px;}
.mt30{ margin-top:30px;}
.mb0{ margin-bottom:0px;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.pt0{ padding-top:0px;}
.pb0{ padding-bottom:0px;}
.hide{display:none!important;}
.show{display:block!important;}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.border-radius{border-radius:200px!important;}
.affix{position:fixed}
.clearfix{ clear:both;}
.clearfix:after{ content:" "; display:block; clear:both;}
.color-green{color:#a1f7c1!important;}
.color-blue{color:#26a2fb!important;}
.color-yellow{color:#e5cd6e!important;}
.color-orange{color:#e5cd6e!important;}
.color-red{color:#e56e6e!important;}
.color-violet{color:#9d94f5!important;}
.color-gray{color:#999!important;}
/*animate*/
.wow{visibility:hidden;opacity:0}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;opacity:1;visibility:visible}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*scrollbar*/
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-track{width: 6px;background-color:#132d6f;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
::-webkit-scrollbar-thumb{background-color:#0068f6;background-clip:padding-box;min-height:28px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
::-webkit-scrollbar-thumb:hover{background-color:#00eaff;}
::-webkit-scrollbar-corner{background-color:transparent;}
/*header*/
.bg-body,.bg-body-height{ width:100%; height:100%; background:#031d56 url(../images/bg.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.bg-blue{ background:#142a5e;}
.main{ width:100%; height:100%; padding:0; margin:0; overflow:hidden;}
.header{ position:absolute; left:0; top:0; width:100%; z-index:9;}
.header h1{ height:72px; color:#6ae8ff; font-size:24px; line-height:64px; letter-spacing:2px; font-weight:bold; text-align:center; margin-bottom:0; background:url(../images/bg-title.png) center center no-repeat;}
.header h1 span{max-width:400px;color:#00eaff;font-weight:bold; margin:0 auto; word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;/*background-image:none;background-image: linear-gradient(135deg,#6ae8ff,#47c4ff);-webkit-background-clip:text;color: transparent;*/}
/*main-container*/
.main-container{ width:100%; height:100%; overflow:hidden; clear:both;}
/*floatbox*/
.floatbox{ position:absolute; left:40px; top:72px; width:272px;}
.floatbox.fl{}
.box{ position:relative; border:0; border-radius:5px; padding:0;}
.box-title{position:relative;width:100%;height:26px;color:#41beff; font-size:14px; font-weight:bold; margin-top: -10px; margin-bottom: 10px;clear:both;}
.box-title h2{position:absolute;left:0;top:40%;-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:16px; line-height:26px; font-weight:bold; padding-left:12px; background:url(../images/icon-line-blue.png) left center no-repeat; display: inline-block;}
.box-title:after {position: absolute; right: 0; top: 10px; content:" "; width:70%; height:2px; background-color: #091c6d; display: block; clear: both; }
.box-content{margin-bottom: 30px;clear:both;}
.box-content:last-child(){margin-bottom:0;}
.stat-data{}
.items-list{}
.items-list ul li{min-height:80px;color:#00eaff;font-size:14px;border:1px solid #0055e7; border-radius:5px; margin-bottom:15px; padding:15px 20px; padding-left:95px; background-color:rgba(18,61,225,0.15); background-position:20px center; background-repeat:no-repeat;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.items-list ul li:hover{ background-color:rgba(18,61,225,0.3);}
.icon-items-001{ background-image:url(../images/icon-items-001.png);}
.icon-items-002{ background-image:url(../images/icon-items-002.png);}
.icon-items-003{ background-image:url(../images/icon-items-003.png);}
.icon-items-004{ background-image:url(../images/icon-items-004.png);}
.icon-items-005{ background-image:url(../images/icon-items-005.png);}
.icon-items-006{ background-image:url(../images/icon-items-006.png);}
.icon-items-007{ background-image:url(../images/icon-items-007.png);}
.items-list ul li h3{ color:#a9aab6; font-size:14px; line-height:1.5em; margin-bottom:0;}
.items-list ul li .number{ font-size:24px; line-height:1.25em; font-weight:bold; margin-bottom:0;}
/*charts-wrap*/
.charts-wrap{ margin-bottom:15px; clear:both;}
.charts-content{}
.column-item{ position:absolute; left:50%; bottom:15px; width:26px; max-height:150px; margin-left:-26px; z-index:1;}
.column-item.column-green{ left:56%; z-index:9;}
.column-content{ position:relative; width:26px; height:auto; vertical-align:bottom; padding-top:18px; padding-bottom:10px;}
.column-top{ position:absolute; top:0; left:0; width:100%; height:18px; background:url(../images/icon-column-top-blue.png) center center no-repeat;}
.column-green .column-top{background:url(../images/icon-column-top-green.png) center center no-repeat;}
.column-line{width:100%; height:auto; background:url(../images/icon-column-line-blue.png) center center repeat-y;}
.column-green .column-line{background:url(../images/icon-column-line-green.png) center center repeat-y;}
.column-bottom{ position:absolute; bottom:0; left:0; width:100%; height:10px; background:url(../images/icon-column-bottom-blue.png) center center no-repeat;}
.column-green .column-bottom{background:url(../images/icon-column-bottom-green.png) center center no-repeat;}
.charts-column{ position:relative; width:100%; height:180px; margin-bottom:10px; background:url(../images/bg-column.png) center bottom no-repeat; clear:both;}
.column-text{ position:absolute; left:-65px; padding-bottom:16px;background:url(../images/icon-instruct-line.png) center bottom no-repeat;}
.icon-instruct-line-2{left:auto; right:-64px; width:64px; text-align:right; padding-right:6px; padding-bottom:10px; background:url(../images/icon-instruct-line-2.png) center bottom no-repeat;}
.column-text .number{ font-size:16px; font-weight:bold;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.column-text .instruct-text{ font-size:12px; line-height:1.25em;}
.build-proportion{width:100%; height:184px; background:url(../images/bg-build-proportion.png) center center no-repeat!important; clear:both;}
/*account-list*/
.account-data{clear:both;}
.account-list{}
.account-list ul li{ width:100%; font-size: 16px; border:1px solid #0055e7; border-radius:5px; margin-bottom:10px; padding:10px 15px; clear:both; background-color:rgba(18,61,225,0.15);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.account-list ul li:hover{ background-color:rgba(18,61,225,0.3);}
.person-item{ width:50%; margin-top: 6px; margin-bottom: 6px;}
.person-item h3{ color:#a9aab6; font-size:14px; margin-bottom:0;}
.person-item .number{ font-weight:bold; margin-bottom:0;}
.person-item .number em{font-size:24px; font-style:normal;}
/*views-btns*/
.views-btns{position:absolute; left:430px; bottom:8px; width:480px;}
.views-btns ul li{ float:left; padding:8px;}
.views-btns ul li a{ width:104px; height:104px; color:#6ae8ff; font-size:20px; text-align:center; line-height:1.5em; font-weight:bold; border:2px solid #0a6cf4; border-radius:5px; padding:10px; padding-top:60px; background-color:rgba(18,61,225,0.15); background-position:center -8px; background-repeat:no-repeat; display:block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.views-btns ul li a:hover{ color:#6ae8ff; border-color:#6ae8ff; background-color:rgba(18,61,225,0.3);}
.icon-btn-trans{ background-image:url(../images/icon-btn-trans.png);}
.icon-btn-record{ background-image:url(../images/icon-btn-record.png);}
.icon-btn-invoice{ background-image:url(../images/icon-btn-invoice.png);}
.icon-btn-build{ background-image:url(../images/icon-btn-build.png);}
/*area-data*/
.floatbox.fr{left:auto; right:40px; top:90px; width:570px;}
.area-data{padding:20px 10px 10px;}
.area-list{}
.area-list ul:after{ content:" "; display:block; clear:both;}
.area-list ul li{ float:left; width:50%; padding:5px;}
.area-list ul li a{color:#41beff; font-size:16px; font-weight:bold; line-height:1.5em; text-align:center; border:1px solid #095acf; border-radius:5px; padding:15px 20px; background-color: rgba(18,61,225,0.15); word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.area-list ul li a:hover{ color:#6ae8ff; border-color:#6ae8ff;}
/*floatright*/
.floatright{ position:absolute; right:40px; top:72px; width:370px;}
.scrollbar{ overflow-y:scroll;}
.scrollbar::-webkit-scrollbar{width:5px;height:5px;}
.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 10px rgba(65,190,255,0.3);-webkit-border-radius:5px;border-radius:5px;}
.scrollbar::-webkit-scrollbar-thumb{-webkit-border-radius:0px;border-radius:0px;background:rgba(65,190,255,0.1);-webkit-box-shadow:inset 0 0 10px rgba(65,190,255,0.5);}
.scrollbar::-webkit-scrollbar-thumb:window-inactive{background:rgba(65,190,255,0.4);}
.scrollbar::-webkit-scrollbar-corner{background-color:transparent;}
.btn-back{position:absolute; right:410px; bottom:15px;}
.btn-back a{width:104px; height:104px; color:#6ae8ff; font-size:20px; text-align:center; line-height:1.5em; font-weight:bold; border:2px solid #0a6cf4; border-radius:5px; padding:10px; padding-top:60px; background-image:url(../images/icon-btn-back.png); background-color:rgba(18,61,225,0.15); background-position:center -8px; background-repeat:no-repeat; display:block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-back a:hover{ color:#6ae8ff; border-color:#6ae8ff; background-color:rgba(18,61,225,0.3);}
/*companys-data*/
.companys-list{ padding-right:12px; overflow:hidden; clear:both;}
.companys-list ul li{ width:100%; margin-bottom:10px; clear:both;}
.companys-list ul li a{ position:relative; color:#41beff; font-size:16px; font-weight:bold; border:1px solid #0744a2; border-radius:5px; padding:5px 10px; display:block;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.companys-list ul li a:hover,.companys-list ul li.active a{color:#0a6cf3;border-color:#0a6cf3;}
/*pagenavi*/
.pagenavi{clear:both; padding:15px 0; color:#fff; font:normal 12px/24px Arial; text-align:center;}
.pagenavi span{ padding:0 5px;}
.pagenavi a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #215dab; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#215dab; color:#fff!important; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
.pagenavi a:hover{height:24px; margin:0 3px; border:none; background:#fff; color:#215dab!important; line-height:24px; text-decoration:none;}
.pagenavi a.select{cursor:default;}
/*page-container*/
.page-container{ padding:30px; clear:both;}
.page-title{ position: relative; margin-bottom:10px; clear:both;}
.page-title .catname{ color:#00eaff; font-size:22px; line-height:1.75em; font-weight:bold; padding: 5px 0;}
.page-title .tabs{ color:#00eaff; font-size:18px; line-height:1.75em; font-weight:bold;}
.page-title .tabs a{ color:#a9aab6; padding-bottom:5px; margin-right:35px; display:inline-block;}
.page-title .tabs a:hover,.page-title .tabs a.active{ color:#00eaff; border-bottom:2px solid #00eaff;}
.page-title .btns-back{position: absolute; right: 0; top: 7px; font-size: 15px; padding: 2px 20px;}
.page-content{ clear:both;}
.page-btns{ /* padding-bottom: 100px; */}
.page-content:after{ content:" "; display:block; clear:both;}
.tools-wrap{ margin-bottom:20px; clear:both;}
.btns-group{}
.btns,.button{ color:#00eaff; font-size:18px; line-height:28px; padding:10px 20px; border:1px solid #0068f6; border-radius:5px;background-color: transparent;-webkit-appearance: inherit;cursor:pointer;}
.btns+.btns{ margin-left:5px;}
.btns:hover,.button:hover,.btns.active{ color:#fff; border:1px solid #fff;}
.btns-group .btns{float: left; padding-top:7px; padding-bottom:7px; margin-right:5px;}
.btns-long{ padding-left:60px; padding-right:60px;}
.btns-gray{color:#999;border:1px solid #999;}
.btns-gray:hover{color:#ddd;border:1px solid #ddd;}
.btns-add{ padding-left:36px; background:url(../images/icon-plus.png) 13px center no-repeat;}
.btns-add:hover{ background-image:url(../images/icon-plus-hover.png);}
.btns-operation{ color: #00eaff; font-size:18px; line-height:1.5em; margin:0 5px;}
.btns-operation:hover{ color:#fff!important;}
.line-blue{ color:#0a6cf4; font-size:14px; line-height:24px; margin:0 5px;}
.tools-group{}
.searchbar{ position:relative; width:300px; border: 1px solid #0068f6; border-radius: 20px;clear:both;}
.searchbar:hover{ border-color:#00eaff;}
.searchbar.active{ display:block;}
.searchbar .search-input{width:100%; color:#00eaff; font-size: 16px; line-height:24px; padding: 8px 0 8px 40px; border: none; _border:0; background:transparent; outline: 0;}
.searchbar .search-input::-webkit-input-placeholder{color: #0c79a8;}
.searchbar .search-input:-moz-placeholder{color: #0c79a8;}
.searchbar .search-input::-moz-placeholder{color: #0c79a8;}
.searchbar .search-input:-ms-input-placeholder{color: #0c79a8;}
.searchbar .btn-search{ position:absolute; left:10px; top:2px; width:32px; height:32px; background-color: transparent; background:url(../images/icon-search.png) left center no-repeat; border: none; color: #0c79a8; margin-right:0px; margin-top:2px; cursor: pointer; outline:none;}
.account-list{}
.account-list .input-item .input input{width: 100%; color: #fff;font-size: 18px;line-height: 26px; border:0; outline:none; background:transparent;}
.account-list .input-item .input input::-webkit-input-placeholder{color:#49acd0;}
.account-list .input-item .input input:-moz-placeholder{color:#49acd0;}
.account-list .input-item .input input::-moz-placeholder{color:#49acd0;}
.account-list .input-item .input input:-ms-input-placeholder{color:#49acd0;}
.table-list td,.table-list th{ color:#00eaff; font-size:18px; line-height:28px; padding:15px 15px;}
.table-list td a,.table-list th a{ color:#00eaff;}
.table-list td a:hover,.table-list th a:hover{ color:#fff;}
.table-list thead th{ height:48px; color:#a9aab6; font-size:16px; line-height:28px; font-weight:normal; padding-top:10px; padding-bottom:10px; background:#132d6f; border-bottom:1px solid #132b66;}
.table-list thead th:first-child{border-radius:5px 0 0 5px;}
.table-list thead th:last-child{border-radius:0 5px 5px 0;}
.table-list thead th.th-company,.table-list thead th.th-bankname{min-width: 120px;}
.table-list thead th.th-manage{text-align: center;}
.table-list tbody td,.table-list .btn{border-bottom:1px solid #1d3b83; padding-top:15px; padding-bottom:15px}
.manage-wrap .table-list tbody td,.manage-wrap .table-list .btn{padding-top:10px; padding-bottom:10px}
.nowrapone{word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:inline-block; overflow:hidden;}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#142c6b;}
.table-list .input-text-c{ padding:0; height:18px}
.table-list .select{ display:none;}
.table-list.active .td-ids{width:80px;line-height: 30px;padding-left: 0;padding-right: 0;}
.table-list.active .select .icheckbox_polaris{margin-right: 3px;}
.table-list.active .select{ display:inline;}
.table-list.active .ids{ display:inline;}
.table-list .select .icheckbox_polaris{ margin-right:10px;}
.table-list .select-item{ width:100%; text-align:left;display:none;}
.table-list.active .select-item{ display:contents;}
.table-list .select-item td{padding:15px 0;}
.select-tips{border: 1px solid #0068f6; padding:10px 10px; border-radius: 5px;}
.select-text{ float:left; color: #a9aab6; }
.icon-tips{ padding-left:30px; background:url(../images/icon-tips.png) left center no-repeat;}
.select-btns{ float:left; margin-left:30px;}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
.table-list-wide{ width:100%; overflow-x:auto;}
.bt-blue{ border-top:1px solid #091c6d;}
.bb-blue{ border-bottom:1px solid #091c6d;}
.info-form{ color:#00eaff; font-size:15px; line-height:1.5em;}
.info-form-gray{ color:#a9aab6;}
.subtitle{ color:#a9aab6; font-size:20px; line-height:1.5em; padding-top:25px; padding-bottom:25px; clear:both;}
.info-form .radio-group{ margin-bottom:20px; clear:both;}
.info-form .radio-group .radio-inline{ position:relative; margin-right:80px;}
.info-form .radio-group .radio-inline label{ padding-left:5px; cursor:pointer;}
.info-form .radio-group .radio-inline input[type=checkbox],.info-form .radio-group .radio-inline input[type=radio]{width: auto;display: inline-block;}
.icheckbox_polaris,.iradio_polaris{float: left;display:inline-block;margin: 0;padding: 0;width: 29px;height: 29px;background: url(../images/icon-checkbox.png) no-repeat;border: none;cursor: pointer;}
.icheckbox_polaris{background-position: 0 0;}
.icheckbox_polaris.hover{background-position: -31px 0;}
.icheckbox_polaris.checked{background-position: -62px 0;}
.icheckbox_polaris.disabled{background-position: -93px 0;cursor: default;}
.icheckbox_polaris.checked.disabled{background-position: -124px 0;}
.iradio_polaris{background-position: -155px 0;}
.iradio_polaris.hover{background-position: -186px 0;}
.iradio_polaris.checked{background-position: -217px 0;}
.iradio_polaris.disabled{background-position: -248px 0;cursor: default;}
.iradio_polaris.checked.disabled{background-position: -279px 0;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){
.icheckbox_polaris, .iradio_polaris{background-image: url(../images/icon-checkbox@2x.png);-webkit-background-size: 310px 31px;background-size: 310px 31px;}
}
.info-form .form-group{ position:relative; display:flex;}
.info-form .form-group .control-label,.info-form .form-group .control-input{ display:flex;}
.info-form .form-group .control-label{min-width:100px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; line-height:42px; text-align:right; margin-right:15px;overflow: hidden;}
.info-form .form-group .control-input{ width:100%; padding-right:30px; display: block;}
.info-form .form-group .control-input input,.info-form .form-group .control-input select,.info-form .form-group .control-input textarea,.info-form .form-group .control-input .item-show{height: calc(2.25rem + 8px); color:#00eaff; line-height: 1.75em; border:0; background: #132d6f; outline:none;}
.info-form .form-group .control-input input,.info-form .form-group .control-input textarea,.info-form .form-group .control-input select,.info-form .form-group .control-input .item-show{width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;border-radius: 0.25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;display: block;}
.info-form .form-group .control-input input::-webkit-input-placeholder{color:#49acd0;}
.info-form .form-group .control-input input:-moz-placeholder{color:#49acd0;}
.info-form .form-group .control-input input::-moz-placeholder{color:#49acd0;}
.info-form .form-group .control-input input:-ms-input-placeholder{color:#49acd0;}
.info-form .form-group .control-input textarea{height: calc(10.25rem + 8px);}
.info-form .form-group .control-input input[type=checkbox],.info-form .form-group .control-input input[type=radio]{width: auto;display: inline-block;}
.info-form .form-group .control-input .item-show{height:auto;min-height: calc(2.25rem + 8px);}
.info-form .form-group .control-input .item-show a{ color: #00eaff;}
.info-form .form-group .control-input .item-show a:hover{ color: #fff;}
.info-form .form-group .control-input .item-show.formtype-editor p:last-child{margin-bottom: 0;}
.info-form .form-group .control-input .item-show.formtype-textarea{max-height: 65px;overflow: hidden;overflow-y: auto;}
.info-form .form-group .control-input .item-show img{max-width:100%;height:auto;border:0;border-radius: 5px;}
.info-form .form-group .control-input .item-show.formtype-editor img{width: auto;max-height: 24px;border-radius: 5px;}
.item-image-list{ margin-top: 1px;}
.item-image-list a{margin-right: 2px;}
.item-image-list img{width:24px;max-height:24px;border-radius: 5px;}
.info-form .form-group .control-input textarea{width:100%!important;}
.info-form .form-group .control-input select{appearance: none; background-image: url(../images/icon-arrow-select.png); background-position: right center; background-repeat: no-repeat;}
.info-form .form-group .control-input select option{line-height: 1.5em; padding: 5px;}
.info-form .form-group .control-input .input-tips{position: absolute;top: 50%;right:40px;font-size:13px;-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.info-form .form-group .control-input .ms-ctn{height:44px!important;border:0;background: #132d6f;}
.info-form .form-group .control-input .ms-ctn input{}
.info-form .form-group .control-input .ms-ctn .ms-trigger{width:44px; height:44px;border-radius: 0.25rem;border-left: 0;background: transparent;background-image: url(../images/icon-arrow-select.png); background-position: right center; background-repeat: no-repeat;}
.info-form .form-group .control-input .ms-ctn .ms-trigger .ms-trigger-ico{margin: 20px 15px;display: none;}
.info-form .form-group .control-input .ms-sel-ctn{height: 44px;border-radius: 0.25rem;overflow: hidden;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 90%;font-size: 14px;padding: 5px 25px 5px 10px;margin-left: 6px;margin-top: 6px!important;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item .ms-close-btn{right: 7px;top: 5px;}
.page-build .info-form .form-group .control-label{ width:115px; text-align:right;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.btns-container{ /* position:absolute; bottom:0; left:0; */ width:100%; padding-bottom:40px; padding-top:30px; margin-top:15px; clear:both;}
/*upload*/
.control-upload{ position:relative; width:100%;}
.control-upload .btn-reupload{position:absolute; right:0; top:0; width:90px; height:44px; color: #a9aab6; line-height:44px; text-align:center; padding:0 10px; background: #132d6f; z-index:2; display:none;}
.control-upload .btn-reupload.active{display:block;}
.control-upload .btn-upload,.uploadifive-button{ position:absolute!important; left:0; top:0; width:100%!important; height:44px!important; color: #00eaff; line-height:44px!important; text-align:center; z-index:1; display:block;}
.control-upload .btn-upload:hover,.uploadifive-button:hover{ color:#41beff;}
.control-upload .btn-upload.yes,.uploadifive-button.yes{ left:auto; right:0; width:100px!important; color: #a9aab6; padding:0 10px; background: #132d6f;}
.control-texts{ position:relative; width:100%;}
.control-texts .control-texts-lists{}
.control-texts .control-texts-btns{ width:100%; height:44px; border-radius: .25rem; background: #132d6f;}
.control-texts .btn-add{ position:absolute; right:5px; top:5px; width:32px; height:32px; background:url(../images/icon-plus-cicle.png) center center no-repeat; z-index:1; display:block;}
.control-texts .picList .fx{ position:relative; padding-right:150px;}
.control-texts .picList .fx input{ width:100%;line-height: 1.75em;padding: .375rem .75rem;border-radius: .25rem;}
.control-texts .picList .fx .btn{position:absolute; right:5px; top:6px; width:32px; height:32px; border:0; outline:none; background-position:center center; background-repeat:no-repeat; z-index:1; display:block;}
.control-texts .picList .fx .btn:hover{ outline:none; filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
.control-texts .picList .fx .btn-up{ right:110px; background-image:url(../images/icon-up.png);}
.control-texts .picList .fx .btn-down{ right:75px; background-image:url(../images/icon-down.png);}
.control-texts .picList .fx .btn-del{ right:40px; background-image:url(../images/icon-del.png);}
.overflow-y{overflow-y:auto;}
/*select*/
.sel-box{width:100%;overflow:hidden}
.sel-box.on{border-color:#15a0f5}
.sel-title-box{position:relative;height:44px;color: #00eaff;line-height:44px;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background-color:#132d6f}
.sel-title{padding-left:12px;line-height:2.2}
.sel-sign{position:absolute;display:inline-block;right:3px;top:6px;width: 32px;height: 32px;background:url(../images/icon-arrow-down.png) center center no-repeat; background-size:28px auto;}
.sel-sign.on{background:url(../images/icon-arrow-up.png) center center no-repeat; background-size:28px auto;}
.sel-float-box{position:absolute;z-index:2;background-color:#132d6f;margin-left:-1px;overflow:hidden;color:#00eaff;line-height:1.8}
.sel-float-box.on{border-color:#15a0f5}
.sel-float-div{ height:44px;color:#a9aab6;line-height:44px;padding-left:12px;cursor:default;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:#132d6f;}
.sel-float-div:hover{background-color:#0068f6;color:#fff}
.sel-float-div-disabled{padding-left:12px;line-height:1.8;color:#bbb;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sel-hide{display:none}
/*sidebar*/
.sidebar{position:absolute; left:75px; top:90px; width:270px; z-index:99;}
.nav-list{padding-bottom: 1px; clear:both;}
.nav-list:after{ content:" "; display:block; clear:both;}
.nav-list ul li{ margin-bottom:10px; clear:both;}
.nav-list ul li a{color:#00eaff; font-size:17px; font-weight:bold; line-height:30px; text-align:left; border:2px solid #0745ac; border-radius:5px; padding:11px 20px; background: transparent; word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.nav-list ul li a:hover,.nav-list ul li.active a{color:#041951; border-color:#49c6ff; background: -webkit-linear-gradient(350deg, #6fedff, #49c6ff);background: linear-gradient(100deg, #6fedff, #49c6ff);background:#00eaff\9;}
/*manage-container*/
.manage-container{ width:100%; height:100%; padding-top:90px; padding-left:355px; padding-right:60px; padding-bottom:60px; clear:both;}
.manage-wrap{position:relative;width:100%; height:100%; padding:30px; border:2px solid #091c6d; border-radius:5px; clear:both;overflow: hidden;overflow-y: auto;}
.manage-wrap:after{ content:" "; display:block; clear:both;}
/*member*/
.bg-login{ width:100%; height:100%; background:url(../images/bg-login.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.member-container{ width:100%; height:100%; padding:0; margin:0; overflow:hidden;}
.member-login{ position:absolute; left:50%; top:50%; margin-left:-265px; margin-top:-210px; width:530px; height:530px; padding:60px 90px; background:url(../images/bg-login-inner.png) center center no-repeat;}
.login-wrap{ position:relative; width:100%; height:100%; padding:38px;}
.login-wrap h1{position:absolute; left:-8px; top:-120px; color:#6bf0ff; font-size:42px; font-weight:bold; letter-spacing:5px;word-break: break-all;text-overflow:ellipsis; white-space:nowrap; display:block; overflow:hidden;}
.login-wrap h2{color:#6bf0ff; font-size:22px; font-weight:bold; text-align:center;letter-spacing:2px; padding-top:12px; margin-bottom:35px; clear:both;}
.login-wrap .form-group{position: relative; padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
.login-wrap .form-group input{width:100%; height:52px; color:#00eaff; font-size:16px; line-height:36px; border: 2px solid #2d7abe; border-radius: 3px; padding-left:52px; background:transparent; outline: none;}
.login-wrap .form-group input:hover{ border-color:#00eaff;}
.login-wrap .form-group input::-webkit-input-placeholder{color: #46baff;}
.login-wrap .form-group input:-moz-placeholder{color: #46baff;}
.login-wrap .form-group input:-moz-placeholder{color: #46baff;}
.login-wrap .form-group input:-ms-input-placeholder{color: #46baff;}
.login-wrap .form-group label{position: absolute; left:5px; top:13px; width:48px; height:48px; margin:0; background-position:center center; background-repeat:no-repeat; display:block;}
.icon-username{ background-image:url(../images/icon-username.png);}
.icon-password{ background-image:url(../images/icon-password.png);}
.login-wrap .tips{ position:absolute; left:40px; top:95px; font-size:12px; display:none;}
.login-wrap .form-group .btn-success{ width:100%; color:#072b5b; font-size:20px; line-height:1.5em; font-weight:bold; letter-spacing:10px; padding:10px; border:none; background-color:#6bf0ff; outline:none;}
.login-wrap .form-group .btn-success:hover,.login-wrap .form-group .btn-success:focus,.login-wrap .form-group .btn-success:active{ color:#072b5b; background-color:#00eaff; box-shadow:none; outline:none;}
/*memberbar*/
.memberbar{ position:absolute; top:10px; right:15px; color:#ccc; font-size:14px; line-height:1.5em; text-align:right; z-index:99;}
.memberbar a{ color:#41beff;}
.memberbar a:hover{ color:#00eaff;}
.memberbar .username{ color:#ccc;}
.memberbar .username:hover{ color:#eee;}
.memberbar .line{ color:#095acf; margin-left:8px; margin-right:8px;}
/*publish*/
body fieldset{font-size: 12px;border:1px solid #D8D8D8; padding:10px;}
body fieldset legend{padding:3px 8px;font-weight:700;border:1px solid #132d6f;background-color: #F9F9F9;}
body fieldset.blue{border:1px solid #132d6f;border-radius: 0.25rem;}
body fieldset.blue legend{width: auto;font-size: 12px;padding:3px 8px 0;font-weight:700;color:#347add; background:none; border:none;margin-bottom: 0;}
body fieldset.blue>center{margin-top: -10px; margin-bottom: 3px;}
.pad-10{padding:10px; overflow:hidden}
.picBut {float:left; margin-top: 5px;}
.picBut a,.info-form .form-group .control-input input.button{color:#fff;text-decoration: none;display:inline-block;zoom:1; color: #999; font-size: 14px; line-height:1.5; padding: 5px 10px; border: 1px solid #999; border-radius: 5px; background-color: transparent; -webkit-appearance: inherit; cursor: pointer;}
.picBut a:hover{color: #ddd; border: 1px solid #ddd;}
.picList li{ padding:0 0 8px}
.info-form .form-group .control-input .picList li a,.info-form .form-group .control-input div a{ color:#ddd;}
.info-form .form-group .control-input .picList li a:hover,.info-form .form-group .control-input div a:hover{ color:#fff;}
.info-form .form-group .control-input .picList li input{width: 47%!important; height:auto; font-size: 12px; line-height: 1.5em; display: inline-block;}
.info-form .form-group .control-input input.button{width:auto!important; height:auto; display: inline-block;}
.info-form .form-group .control-input a+input.button{ margin-left: 10px;}
.info-form .form-group .control-input .upload-pic a img{ width: 64px!important; height:auto; border-radius: 0.25rem;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 500px;/* white-space: normal; */}
.info-form .column-type-images .form-group .control-input div input{width: 47%!important; height:auto; font-size: 12px; line-height: 1.5em; display: inline-block;}
.info-form .column-type-box .form-group .control-input{width:auto!important; line-height: 45px; margin-bottom: 0;}
.info-form .column-type-box .form-group .control-input input{height:auto;}
.info-form .column-type-box .form-group .control-input input+input{margin-left: 10px;}
.info-form .column-type-box .form-group .control-input label{width:auto!important; line-height: 45px; margin-bottom: 0; margin-right: 10px;}
.aui_main{min-width: 50%!important; line-height: 0;}
.aui_state_focus .aui_content{ width: auto; max-width: 100%; max-height: 600px; padding: 0!important; margin: 10px; overflow: hidden;}
.aui_content img{ width: auto; max-width: 100%; max-height: 600px;}

/*responsive css cmsyou*/
@media only screen and (max-height:1079px){
.header h1{ height:64px; font-size: 22px; line-height:56px; background-size:auto 64px;}
.floatbox{top:80px;}
.floatbox.fr{right:30px;top:80px;}
.floatright{top:80px;}
.box.mt30{ margin-top:20px;}
.items-list ul li{ padding:10px 15px 10px 80px;margin-bottom:10px;background-position: 15px center;}
.items-list ul li:last-child{ margin-bottom:0;}
.account-list ul li:last-child{ margin-bottom:0;}
.table-list thead th{min-width:76px;font-size:14px;line-height: 1.25em;/* white-space: nowrap; */}
.table-list thead th.th-ids{min-width: unset;}
.table-list thead th.th-datetime{width:120px;}
.table-list thead th.th-manage{width:140px;}
.table-list tbody td.td-manage{white-space: nowrap;}
.table-list td, .table-list th{ font-size:14px;line-height: 1.5em;padding-left: 10px;padding-right: 10px;}
.btns-operation{ font-size:14px;}
.account-list .input-item .input input{font-size:14px;}
}
@media only screen and (max-height:979px){
.sidebar{left:55px; top:80px;}
.manage-container{padding-top:80px; padding-left:335px; padding-right:55px; padding-bottom:35px;}
.manage-wrap{padding:10px 20px;}
.page-btns{ /* padding-bottom:90px; */}
.btns-container{padding-bottom:30px; padding-top:20px; margin-top:10px;}
}
@media only screen and (max-height:929px){
.header h1{ height:56px; font-size:20px; line-height:48px; background-size:auto 56px;}
.header h1 span{max-width:380px;}
.floatbox{top:70px;}
.floatbox.fr{top:70px;}
.floatright{top:70px;}
.box.mt30{ margin-top:10px;}
.items-list ul li{margin-bottom:6px;}
.charts-column{ margin-bottom:0;}
.sidebar{left:35px; top:70px;}
.manage-container{padding-top:70px; padding-left:315px; padding-right:35px; padding-bottom:25px;}
.manage-wrap{padding:10px 20px;}
.table-list thead th{ height:42px; padding-top:7px; padding-bottom:7px;}
.table-list tbody td,.table-list .btn{padding-top:12px; padding-bottom:12px;}
.manage-wrap .table-list tbody td,.manage-wrap .table-list .btn{padding-top:8px; padding-bottom:8px}
.box-title h2{font-size:14px;}
.box.mt30{ margin-top:15px;}
.person-item h3{font-size:14px;}
.person-item .number em{font-size:20px;}
.account-list ul li{font-size:13px;padding: 5px 10px;}
.items-list ul li h3{font-size:13px;}
.items-list ul li .number{font-size:22px;}
}
@media only screen and (max-height:879px){
.floatbox{top:20px;left:32px;}
.floatbox.fr{top:60px;}
.floatright{top:60px;}
.charts-column{ height:170px;}
.charts-wrap{ margin-bottom:5px;}
.account-list ul li{font-size:12px;}
.items-list ul li{margin-bottom:3px;}
.items-list ul li h3{font-size:12px;}
.items-list ul li .number{ font-size:20px; margin-top: 5px;}
.account-list ul li{margin-bottom:3px; padding:10px 15px 5px;}
.btns,.button{font-size: 14px; line-height: 24px;padding:8px 16px;}
.btns-long{ padding-left:40px; padding-right:40px;}
.btns-add { padding-left: 32px;}
.searchbar .search-input{font-size: 13px;line-height: 20px;padding: 6px 0 6px 36px;}
.searchbar .btn-search{top:0;background-size:18px auto;}
.table-list td,.table-list th{font-size:13px; line-height:26px; padding:10px 10px;}
.table-list thead th{font-size:13px;}
.table-list .select .icheckbox_polaris{margin-top: -2px;}
.btns-operation{font-size: 13px;}
.info-form .form-group .control-label{min-width:80px;}
.tools-wrap{ margin-bottom:10px;}
.info-form .form-group{ margin-bottom:10px;}
.info-form{font-size: 15px;}
.account-list .input-item .input input{font-size:15px;}
}
@media only screen and (max-height:799px){
.floatbox.fr{top:30px; right:15px;}
.floatright{top:15px; right:15px;}
.charts-column{ height:165px;}
.charts-wrap{ margin-bottom:3px;}
.items-list ul li{min-height: 70px; padding: 5px 10px 5px 70px; margin-bottom:3px; background-position: 10px center;}
.items-list ul li .number{ font-size:18px;}
.account-list ul li{padding:5px 10px;}
.nav-list ul li a{ font-size:14px;}
.page-title .catname{font-size: 20px; line-height:1.5em;}
.page-title .tabs{font-size: 14px; line-height:1.5em;}
.manage-wrap{padding:8px 15px;}
.table-list thead th{ height:38px; padding-top:5px; padding-bottom:5px;}
.table-list tbody td,.table-list .btn{padding-top:10px; padding-bottom:10px;}
.manage-wrap .table-list tbody td,.manage-wrap .table-list .btn{padding-top:6px; padding-bottom:6px}
.info-form .form-group{ margin-bottom:5px;}
.page-btns{ padding-bottom:70px;}
.btns-container{padding-bottom:25px; padding-top:15px; margin-top:5px;}
}
@media only screen and (max-height:750px){
body{ height:750px;overflow: auto;}
.bg-body-height{ height:750px;overflow: auto;}
}
@media only screen and (min-width:2199px){
}
@media only screen and (max-width:1919px){
.floatbox{ width:272px; left:32px;}
.floatbox.fr{ width:500px;}
.views-btns{ left:395px;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 460px;}
}
@media only screen and (max-width:1719px){
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 440px;}
}
@media only screen and (max-width:1679px){
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 400px;}
}
@media only screen and (max-width:1599px){
.sidebar{left:25px; top:60px; width:220px;}
.manage-container{padding-top:60px; padding-left:255px;padding-right:25px; padding-bottom:15px;}
.floatbox{ width:216px;}
.floatbox.fr{ width:440px;}
.account-list ul li{font-size:12px;padding: 5px 10px;}
.items-list ul li h3{font-size:12px;}
.items-list ul li .number{font-size:18px; margin-top: 5px;}
.page-title .tabs{font-size: 16px;}
.page-title .tabs a{margin-right: 20px;}
.info-form .form-group .control-label{margin-right: 10px;}
.info-form .form-group .control-input{padding-right: 0;}
.area-list ul li a{font-size:15px;}
.views-btns{ left:355px;}
.floatright{ width:340px;}
.companys-list ul li a{ font-size:15px;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 370px;}
.info-form .form-group .control-input .picList li input,.info-form .form-group .control-input div input{width: 42%!important;}
}
@media only screen and (max-width:1399px){
.manage-container{padding-left:235px;padding-right:10px; padding-bottom:10px;}
.floatbox{left: 10px;}
.sidebar{left: 8px;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 330px;}
}
@media only screen and (max-width:1299px){
body{overflow: auto;}
.info-form .form-group .control-input .ms-sel-ctn .ms-sel-item{max-width: 200px;}
}