@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);
/*Theme Colors*/
/*bootstrap Color*/
/*Normal Color*/
/*Border radius*/
/*2018.7.17*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header,  menu, nav, output, ruby, section, summary, time, mark, audio, video/*, input, textarea, b*/ {
    padding: 0;
    margin: 0;
}
li { list-style: none; }
em { font-style: normal; }
.cl,
.form2 { zoom: 1; }
.cl:before, .cl:after,
.form2:before, .form2:after {
    display: table;
    content: " ";
}
.cl:after,
.form2:after { clear: both; }
.disn,
.xs { display: none; }
.disb { display: block !important; }
.fl { float: left; }
.fr { float: right !important; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; }
.col-1 { width: 8.33333333%; }
.col-2 { width: 16.66666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333%; }
.col-5 { width: 41.66666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33333333%; }
.col-8 { width: 66.66666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333%; }
.col-11 { width: 91.66666667%; }
.col-12 { width: 100%; }

.wauto { width: auto !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }

.p0 { padding: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pl2em { padding-left: 2em !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px !important; }
.mr20 { margin-right: 20px; }
.ml0 { margin-left: 0 !important; }
.ml20 { margin-left: 20px !important; }
.ml20 { margin-left: 20px; }
.x-auto{overflow-x: auto;}
.alink { color: #0091d5; }
.font-12 { font-size: 12px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
@media(max-width:790px){
  .font-20 { font-size: 15px !important;
            white-space: nowrap;
  }
}
@media(min-width:790px){
  .font-20 { font-size: 20px !important; }
}
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-32 { font-size: 32px !important; }

.ti0 { text-indent: 0 !important; }
.fwb { font-weight: bold; }

/*iconfont*/
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1533448727256'); /* IE9*/
  src: url('iconfont.eot?t=1533448727256#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1533448727256') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1533448727256#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
}
.icon-menu:before { content: "\e6d1"; }
.icon-exit:before { content: "\e6a9"; }
.icon-user:before { content: "\e600"; }
.icon-pwd:before { content: "\e65e"; }
.icon-code:before { content: "\e71c"; }
.icon-phone:before { content: "\e6c1"; }
.icon-error:before { content: "\e68f"; color: #eb250b; }
.icon-success:before { content: "\e635"; color: #2aa515; }
.icon-dot:before { content: "\e626";}
.icon-map:before { content: "\e693"; font-size: 28px; color: #0091d5; }
.icon-arrow-down:before { content: "\e636"; }
.icon-arrow-up:before { content: "\e71d"; }
.icon-msg:before { content: "\e65b"; }
.icon-reply:before { content: "\e675"; }
.icon-upload:before { content: "\e78a"; }
.icon-download:before { content: "\e613"; }
.icon-file:before { content: "\e7dc"; }
.icon-close:before { content: "\e68c"; }
.icon-checkbox:before { content: "\e653"; }
.active .icon-checkbox:before { content: "\e652";  color: #0091d5; }

/*Preloader*/
.preloader {
  position: fixed;
  top: 0px;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: #fff;
}
.preloader .cssload-speeding-wheel {
  position: absolute;
  top: calc(50% - 3.5px);
  left: calc(50% - 3.5px);
}

/*Top Header Part*/
.navbar-header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #e4e9ec;
}
.top-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 100%;
  border-right: 1px solid #e4e9ec;
}
.top-left .top-logo { display: block; }
.top-left .top-logo span {
  display: inline-block;
  height: 42px;
  margin: 24px 10px 12px 22px;
}
.top-left .top-logo span img {
  max-width: 100%;
  height: 100%;
}
.top-left .top-logo em {
  padding-left: 70px;
  font-size: 16px;
  color: #888;
}
.top-right {
  position: relative;
  margin-left: 240px;
  overflow: hidden;
}
.top-right,
.top-right .bg { height: 120px; }
.top-right a,
.top-right span {
  position: absolute;
  top: 0;
}
.top-right a { color: #fff; }
.top-right .open-close {
  left: 0;
  padding: 8px 15px;
}
.top-right .open-close .icon-menu { font-size: 24px; }
.top-right .exit { 
  top: auto;
  z-index: 100;
  right: 12px;
  bottom: 6px;
}
.top-right span {
  display: inline-block;
  overflow: hidden;
}
.top-right span img { max-height: 100%; }
.top-right .left {
  left: 14%;
  width: 400px;
}
.top-right .right {
  right: 16%;
  width: 150px;
  text-align: right;
}

/*sidebar*/
.sidebar,
.show-sidebar .sidebar { top: 120px; }
.sidebar {
  background: #fcfbfd url(../../../plugins/images/sidebar.jpg) no-repeat 50% 100%;
  box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.08);
  border-right: 1px solid #e4e9ec;
}
#side-menu { padding-top: 0; }
.sidebar .label-custom { background: #01c0c8; }
#side-menu li.devider { display: none; }
#side-menu >li >a {
  color: #fff !important;
  background-color: #3ea4ef;
  border-left: 0;
}
#side-menu >li >a:hover,
#side-menu >li >a:focus,
#side-menu li.active>a {
  background-color: #0091d5;
  border-color: #0474a9;
}
.collapse.in { border-color: #999; }
#side-menu ul >li >a { 
  padding-right: 18px;
  color: #fff;
  background-color: rgba(0,0,0,.4);
} 
#side-menu ul >li >a:hover,
#side-menu ul >li >a:focus,
#side-menu ul >li >a.active { 
  color: #fff;
  background-color: rgba(0,0,0,.6);
  border-left: 4px solid rgba(0,0,0,.4);
}
.sidebar .nav-third-level li a { padding-left: 70px; }

/*footer*/
.footer {
  padding-top: 15px;
  padding-bottom: 6px;
  background: #edf1f5;
  background: #f2f2f2;
  border-top: 1px solid #d8dfe4;
}
.footer-bottom {
  padding-top: 8px;
  margin-top: 8px;
  text-align: center;
}

/*page-body*/
#page-wrapper { background-color: #fff; }
.fix-header #page-wrapper { margin-top: 120px; }
.page-title-wrapper {
  padding: 12px 25px;
  font-size: 18px;
  font-weight: bold;
  background-color: #edf1f5;
}
.page-title-wrapper em {
  font-size: 16px;
  font-weight: normal;
  color: #777;
}
.container-fluid {
  padding-top: 25px;
  padding-bottom: 0;
  margin-bottom: 100px;
}
.height340 {
  margin-top: 8px;
  margin-bottom: 12px;
  width: 25%;
}
@media(max-width:790px){
  .white-box2 {
    margin-bottom: 0;
  }
}
@media(min-width:790px){
  .white-box2 {
    margin-bottom: 0;
    background-color: #f4f7f9;
  }
}

.white-box {
  padding: 20px 25px;
  margin-bottom: 20px;
  background-color: #f6f8fa;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.white-box2.cur-hover:hover { background: #f8f9fb; }
.white-box .tan-box {
  padding: 20px 25px;
  background-color: #fafafa;
}
.white-box .box-title { font-weight: bold; }
.white-box .box-title .more,
.white-box .box-title .btn-small {
  margin-top: -2px;
  font-size: 14px;
  font-weight: normal;
}
.tan-title {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: bold;
}
.tan-box h5 {
  padding-bottom: 8px;
  font-weight: bold;
}
.tan-box p {
  padding-bottom: 8px;
  text-indent: 2em;
}
.tan-box p.prompt { color: #8d9ea7; }
.article-title {
  padding-top: 15px;
  padding-bottom: 27px;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  text-align: center;
}
.bill-box {
  border: 1px solid #edf1f5; 
}
.bill-box h5 {
  padding: 10px 20px;
  background-color: #edf1f5;
}
.bill-box .cont { padding: 15px 20px 5px; }

/*btn*/
.btn-custom,
.btn-inverse,
.btn-small {
  display: inline-block;
  padding: 5px 20px;
  line-height: 28px;  
  color: #fff;
  text-align: center; 
  cursor: pointer;
  background: #2cabe3; 
  border: 1px solid #2cabe3; 
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1) !important;
          box-shadow: inset 0 1px 1px rgba(0,0,0,.1) !important;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-transition: all 300ms linear 0s;
          transition: all 300ms linear 0s;
}
.btn-custom:hover,
.btn-inverse:hover,
.btn-small:hover {
  color: #fff;
  opacity: 0.8;
}
.btn-inverse {
  background-color: #4c5667;
  border: 1px solid #4c5667;
}
.btn-small {
  padding: 2px 10px 0;
  line-height: 26px;
  background-color: #006fc8;
  border-color: #006fc8;
}
.btn-custom i,
.btn-small i { margin-right: 3px; }

/*form*/
.form-box { padding: 0; }
.form-box li {
  position: relative;
  margin-bottom: 18px;
}
.form-box h3 {
  font-size: 24px;
  font-weight: normal;
  line-height: 30px;
  color: #333;
  text-align: center;
}
.form-box li .iconfont {
  position: absolute;
  top: 14px;
  left: 18px;
}
.form-box li .icon-user,
.form-box li .icon-phone { top: 16px; } 
.form-box li .icon-error,
.form-box li .icon-success {
  right: 15px;
  left: auto !important;
}
.form-box li .inp,
.form-box li .btn,
.form-box li .btn-h {
  display: block;
  height: 50px;
  line-height: 50px;
  text-align: center !important;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.form-box li .inp {
  padding-right: 10px;
  padding-left: 45px; 
}
.form-box li .inp,
.form-box li .btn-h { border: 1px solid #e4e7ea; }
.form-box li .inp:hover,
.form-box li .btn-h:hover,
.form-group .form-control:focus {
  box-shadow: 0 0 7px 0 #b1ddf2;
  border-color: #64bbe5;
}
.form-box li .inp input {
  width: 100%;
  height: 100%;
  line-height: 100%;
  color: #313131;
  vertical-align: top;
  background-color: transparent;
  border: 0;
}
.form-box li .inp.err,
.form-group .form-control.err,
.form-group2 .form-control.err
 {
  color: #eb250b;
  background-color: rgba(235, 37, 41, .04) !important;
  box-shadow: 0 0 7px 0 #f59285;
  border-color: #eb250b;
}

.form-box li .inp.err input { color: #eb250b; }
.form-box li .tip {
  display: block;
  padding-top: 5px;
  padding-left: 46px;
  margin-bottom: -10px;
  color: #eb250b;
}
.form-box .col2 .inp { width: 55%; }
.form-box .col2 .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 100%;
  text-align: right;
}
.form-box .col2 .right img {
  width: 100%;
  height: 100%;
}
.form-box li .btn-h,
.login-cont .form-box li .inp { background-color: rgba(0, 145, 213, .04); }
.form-box li .btn-h:hover { color: #337ab7; }
.form-box li .btn {
  padding: 0;
  font-size: 18px;
  color: #fff;
  background-color: #0091d5;
}
.form-box li .btn-h.disable {
  color: #666;
  cursor: not-allowed;
  background-color: #e8e8e8 !important;
  border-color: #ddd;
}
.form-box li .btn-h.disable:hover {
  box-shadow: none;
  border-color: #ddd;
}
.form-box li.special { margin-top: -8px; }
.container-fluid .form-box {
  width: 50%;
  margin: 0 auto;
}
.container-fluid .form-box li .inp { background-color: #fbfcfd; }

/*login*/
.login {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 640px;
  overflow: hidden;
  background: #f1f3f8 url(../../../plugins/images/login-bg.jpg) no-repeat 50% 100%;
}
.login .cont {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}
.login-logo {
  height: 48px;
  margin: 60px 70px 30px;
}
.login-logo img { height: 100%; }
.login-cont {
  float: right;
  width: 400px;
  margin-right: 70px;
  background-color: rgba(255, 255, 255, .7);
  border: 1px solid #64bbe5;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.login-cont .form-box {
  padding-right: 40px;
  padding-left: 40px;
}
.login-cont .form-box h3 { padding-top: 20px; }  
.login-cont .form-box li .btn-h { background-color: rgba(0, 145, 213, .08); }

/*news*/
.news-list ul { padding: 0 20px; }
.news-list li {
  position: relative;
  line-height: 38px;
}
.news-list li a, 
.news-list li >span { 
    padding-right: 100px;
    padding-left: 25px;
    color: #313131;
}
.news-list li a {  display: block; } 
.news-list li a:hover {
  color: #337ab7;
  background-color: rgba(0, 145, 213, .08);
}
.news-list li .icon-dot {
  position: absolute;
  top: -1px;
  left: 8px;
}
.news-list li em {
  position: absolute;
  top: 0;
  right: 15px;
}
.news-list li em b {
  padding-right: 30px;
  color: #337ab7;
}
.news-list li em b.replied { color: #009f3d; }
.news-list li .reply-cont {
  padding: 0 15px;
  margin-left: 55px;
  margin-bottom: 5px;
  color: #777;
  border-left: 3px solid #3ea4ef;
}
.news-list li .reply-cont .replier {
  padding-top: 5px;
  color: #337ab7;
}
.news-list li span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-list .page {
  padding-top: 20px;
	padding-bottom: 10px;
	text-align: center; 
}
.page,
.page a,
.page input {
	line-height: 30px;
  color: #555;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.page a {
	display: inline-block;
	min-width: 14px;
	padding: 3px 12px 0;
	margin: 0 1px;
  background-color: #fafafa;
	border: 1px solid #e4e4e4;
}
.page a.active,
.page a:hover,
.page .btn-go {
  color: #fff;
  background-color: #0091d5;
  border-color: #0091d5;
}
.page span { margin-left: 10px; }
.page input {
	width: 40px;
	height: 35px;
	margin: 0 10px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
	border: 1px solid #e4e4e4;
}
.btn-box { padding-top: 10px; }
.news-list .btn-box { display: none; }  
.news-list .btn-box .more { padding: 0 25px; }
.more {
  display: inline-block;
  border-color: #e4e7ea;
}
.more:hover {
  color:#2cabe3;
  border-color: #2cabe3;
}
.more .icon-arrow-down,
.more .icon-arrow-up {
  position: relative;
  top: -1px;
  margin-left: 5px;
}
.news-info .title {
  padding-bottom: 10px;
  text-align: center;
}
.news-info .title span {
  display: block;
  padding-top: 6px;
  font-size: 14px;
  color: #999;
}
.news-info .title em { padding: 0 10px; }
.news-info .cont p {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 15px;
  line-height: 28px;
  text-indent: 2em;
}
.news-info .cont img { max-width: 100%; }
.news-bar {
  padding-top: 10px;
  margin-top: 20px;
  border-top: 1px solid #e4e4e4;
}
.news-bar .fl { width: 70%; }
.news-bar .fl a {
  display: block;
  overflow: hidden;
  line-height: 28px;  
  white-space: nowrap;
  text-overflow: ellipsis;
}
.news-bar .fr { margin-top: 11px; }

/*network*/
.main-tab { padding-bottom: 10px; }
.main-tab li {
  float: left;
  padding: 0 25px;
  margin-bottom: 10px;
  margin-right: -1px;
  line-height: 36px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ddd;
}
.main-tab li.active {
  color: #fff;
  background-color: #0091d5;
  border: 1px solid #0091d5;
}
.tab-cont { display: none; }
.network-list { padding-top: 10px; }
.network-list li {
  position: relative;
  float: left;
  width: 50%;
  padding-top: 8px;
}
.network-list li .icon-map {
  position: absolute;
  left: 0;
}
.network-list li span {
  display: block;
  padding-left: 35px;
  font-size: 16px;
  line-height: 28px;
}
.network-list li em {
  display: block;
  font-size: 13px;
  color: #999;
}

/*form-group*/
.form-control {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.form-group .code img { height: 38px; }
.form-group .control-label { padding-top: 10px; }
.form-group .control-label.title {
  padding-right: 30px;
  font-size: 16px;
  font-weight: bold;
  color: #337ab7;
}
.form-group div { position: relative; }
.form-group .icon-error,
.form-group .icon-success {
  position: absolute;
  top: 8px;
  right: 25px;
}
.form-group textarea.form-control { padding: 9px 12px; }
.form-group .upload {
  position: relative;
  display: inline-block;
  margin-top: 4px;
}
.form-group .upload input {
  width: 100px;
  cursor: pointer;
}
.form-group .upload .inp-upload {
  position: absolute;
  top: 1px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.form-group .upload .tip {
  margin-left: 20px;
  color: #999;
}
.form-group .upload-list {
  width: 80%;
  padding-top: 10px;
}
.form-group .upload-list li {
  position: relative;
  padding: 0 12px;
  line-height: 28px;
}
.form-group .upload-list li:hover {
  background-color: #edf1f5;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
.form-group .upload-list li .icon-close {
  position: absolute;
  top: 6px;
  right: 10px;
  display: none;
  cursor: pointer;
}
.form-group .upload-list li:hover .icon-close { display: block; }
.form-group .upload-list li .icon-file { margin-right: 4px; }

.form-group .inp-upload2 {
  margin-top: 5px;
}

/*table*/
.tb { border-bottom: 1px solid #e4e7ea; }
.tb th,
.tb td {
  padding: 12px 8px;
  text-align: center;
  border-top: 1px solid #e4e7ea;
}
.tb th {
  font-weight: bold;
  background-color: #f6f8fa;
}
.tb tr:hover td { background-color: #f6f8fa; }

/* fold */
.fold-cont { display: none; }

/* form2 */
.form2 { margin-right: -2em; }
.form-group2 {
  position: relative;
  min-height: 26px;
  margin-bottom: 14px;
}
.form-lab {
  position: absolute;
  top: 0;
  left: 0;
  width: 6em;
  line-height: 28px;
}
.form-cont {
  display: block;
  margin-right: 2em;
  margin-left: 5em;
}
.form-group2.txt4 .form-lab { width: 4em; }
.form-group2.txt4 .form-cont {  margin-left: 4em; }
.form-group2.txt6 .form-lab { width: 7em; }
.form-group2.txt6 .form-cont {  margin-left: 6em; }
.form-group2.txt7 .form-lab { width: 9em; }
.form-group2.txt7 .form-cont {  margin-left: 7em; }
.form-group2.txt8 .form-lab { width: 8em; }
.form-group2.txt8 .form-cont {  margin-left: 8em; }
.form-group2.txt9 .form-lab { width: 10em; }
.form-group2.txt9 .form-cont {  margin-left: 9em; }
.form-group2.txt10 .form-lab { width: 10em; }
.form-group2.txt10 .form-cont {  margin-left: 10em; }
.form-group2 .inp {  
  height: 26px;
  padding: 3px 5px 4px;
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #e4e7ea;
}
.form-cont .inp { width: 100%; }
.form-group2 .inp.disabled { cursor: not-allowed; }
.form-group2 .address {
  margin-top: -1px;
  border-bottom: 1px solid #e4e7ea;
}
.form-group2 .address b {
  float: left;
  display: inline-block;
  margin-right: -4px;
  margin-bottom: -1px;
  border-bottom: 1px solid #e4e7ea;
}
.form-group2 .address b.lg { width: 40%; }
.form-group2 .address b.sm { width: 20%; }
.form-group2 .address b .inp { border-bottom: 0; }
.form-group2 .address b.lg .inp { width: 65%; }
.form-group2 .address b.sm .inp { width: 60%; }

.form-group2 .textarea {
  width: 100%;
  height: 78px;
  padding: 5px;
  border: 1px solid #e4e7ea;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.sign { padding-top: 20px; }
.sign .form2 { padding-bottom: 10px; }
.sign .fr.center { margin-right: 4%; }
.sign .date {
  margin-left: 0;
  text-align: right;
}
.sign .inp.name { width: 112px; } 
.sign .date .inp.lg,
.sign .date .inp.sm { text-align: center; }
.sign .date .inp.lg { width: 42px; }
.sign .date .inp.sm { width: 28px; }
.submit-box { padding-top: 20px; }
.submit-box .btn-custom { width: 120px; }

.checkbox-group {
  display: inline-block;
  margin: 1px 20px -1px 0;
  white-space: nowrap;
  text-indent: 0;
}
.checkbox-group .txt { padding-right: 5px; }
.checkbox2 {
  position: relative;
  line-height: 26px;
}
.checkbox2 i { 
  font-size: 20px;
}
.checkbox2 input {
  position: absolute;
  top: -1px;
  left: 1px;
  width: 16px;
  opacity: 0;
}
input[type=checkbox] {
  margin: -1px 2px 1px 0; 
  vertical-align: middle;
}


@media (min-width: 480px) and (max-width: 1023px)  {
  .top-left .top-logo span {
    margin-top: 17px;
    margin-bottom: 8px;
  }
  .top-right,
  .top-right img { height: 100px; } 
  .top-right .left { width: 150px; }
  .show-sidebar .sidebar { top: 100px; }
  .fix-header #page-wrapper { margin-top: 100px; }
  .login-cont { width: 340px; }
  .form-group2.col-3 { width: 33.33%; }
  /*.form-group2.col-6 { width: 66.66%; }*/
  .sign .fr.center { float: left !important; }
}

@media (max-width: 479px) {
  .xs { display: block !important; }
  .top-left {
    position: relative;
    width: 100%;
    height: 70px;
    background: #9acee3 url(../../../plugins/images/top-xs.jpg) no-repeat 0 0;
  }
  .top-left .top-logo span {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .top-left .top-logo em {
    padding-left: 0;
    line-height: 70px;
  } 
  .top-right { margin-left: 0; }
  .top-right,
  .top-right img { height: 100px; } 
  .top-right .left { width: 150px; }
  .top-right .right {
    right: 18%;
    width: 125px;
  }
  .show-sidebar .sidebar { top: 170px; }
  #page-wrapper { padding-bottom: 345px; }
  .fix-header #page-wrapper { margin-top: 170px; }
  .footer { font-size: 12px; }
  .container-fluid { padding: 20px 20px 0; }
  .white-box { padding: 15px 20px; }
  .white-box .tan-box { padding: 18px 20px; }
  .form-box li {
    margin-bottom: 14px;
    font-size: 12px;
  }
  .form-box li h3 {
    font-size: 18px;
    line-height: 30px;
  }
  .form-box li .iconfont {
    top: 10px;
    left: 12px;
  }
  .form-box li .icon-user,
  .form-box li .icon-phone { top: 11px; } 
  .form-box li .icon-error,
  .form-box li .icon-success { right: 12px; }
  .form-box li .inp,
  .form-box li .btn,
  .form-box li .btn-h {
    height: 40px;
    line-height: 40px;
  }
  .form-box li .inp { padding-left: 35px; }
  .form-box li .tip { padding-left: 36px; }
  .form-box li .btn { font-size: 14px; }
  .form-box li.special { margin-top: -6px; }
  .container-fluid .form-box { width: 90%; }
  .login-logo {
    height: 32px;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
  .login-cont {
    float: none;
    width: 78%;
    margin: 0 auto;
  }
  .login-cont .form-box {
    padding-right: 25px;
    padding-left: 25px;
  }
  .login-cont .form-box h3 { padding-top: 6px; } 
  .news-list ul { padding: 0; }
  .news-list li a {
    padding-right: 90px;
    padding-left: 20px;
    line-height: 38px;
  } 
  .news-list li .icon-dot { left: 3px; }
  .news-list li em.special {
    position: relative;
    right: auto;
    display: block;
    margin-top: -10px;
    padding-left: 25px;
  }
  .news-list li em b { padding-right: 15px; }
  .white-box .box-title .more,
  .news-list .page { display: none; } 
  .news-list .btn-box {
    display: block;
    text-align: center;
  }
  .main-tab li {
    padding: 0 10px;
    line-height: 32px;
  }
  .network-list li { 
    width: 100%;
    padding-top: 5px; 
  }
  .network-list li span { font-size: 15px; }
  .network-list li em { font-size: 14px; }
  .form-group,
  .form-horizontal .form-group { margin-bottom: 18px; }
  .form-group .control-label {
    padding-top: 0;
    margin-bottom: 6px;
  }
  .form-group .control-label.title {
    padding-top: 5px;
    margin-bottom: -10px;
  }
  .form-group .control-label.none { display: none; }  
  .form-group div + div { margin-top: 18px; }
  .article-title {
    padding-top: 5px;
    padding-bottom: 15px;
  }  
  .form-group2,
  .form2 >.fl,
  .form2 >.fr,
  .sign .form2,  
  .sign .inp.name { width: 100% !important; } 
  .form-group2 { margin-bottom: 10px; }
  
  .form-group2 .form-lab { position: relative; }
  .form-group2 .form-cont {
    margin-left: 0 !important;
    margin-bottom: 5px;
  }
  .form-group2 .form-cont .inp {
    padding-right: 0;
    padding-left: 0;
 }

  .sign { padding-top: 22px; }
  .sign >div { float: none !important; } 
  .sign .fr.center,
  .bill-box .sign .form-cont { margin-right: 0; }
  .sign .form-group2 .form-lab { position: absolute; }
  .sign .form-group2 .form-cont {
    margin-left: 5em !important;
    margin-bottom: 0;
  }
  .sign .form-group2.txt4 .form-cont { margin-left: 4em !important; }
  .sign .form-group2.txt6 .form-cont { margin-left: 6em !important; }
  .sign .form-group2.txt7 .form-cont { margin-left: 7em !important; }
  .sign .form-group2.txt8 .form-cont { margin-left: 8em !important; }
  .sign .form-group2.txt9 .form-cont { margin-left: 9em !important; }
  .sign .form-group2.txt10 .form-cont { margin-left: 10em !important; }  
  .form-group2 .address b.lg { width: 100% !important; }
  .form-group2 .address b.sm { width: 33.33% !important; }
}