/* 字体 */



html{background-color: #fff;position: relative;min-height: 100%;overflow-x:hidden;}

body{background-color: transparent;color:#333333;font-size:13px;overflow-x: hidden;}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

  font-family:"montserratregular",'Microsoft Yahei',"HelveticaNeue", "Helvetica Neue", Helvetica, Arial,sans-serif;

}

a{color:#454545;cursor:pointer;}

a:hover, a:focus{text-decoration:none;color:#515ddd;}

ul li{list-style:none;}

em,cite,i{font-style:normal;}

fieldset{ font-size:12px; }

legend{ font-size:14px; padding-bottom:5px; margin-bottom:10px; font-weight:bold; }



input.noupdown::-webkit-outer-spin-button,

input.noupdown::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

.dn-duihuan{ padding:10px 12px; }

.dn23_caiwutab{font-size:22px;}

.dn23_huiyuanz{margin-top:70px}



/* 英文强制分行 */

.word-break{ word-wrap:break-word; white-space:normal; word-break:break-all; }



.form-control{ border-color:#c3c6c9; font-size:12px; padding:10px 12px; color:#333; box-shadow:none; -webkit-box-shadow:none; -webkit-transition:none; }

.form-control:focus { border-color: #00c1de; }

.form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; }





.tab-btn{width: 100%;margin:30px auto 0 auto; text-align:center;}

.tab-btn ul{font-size: 0}

.tab-btn li{width: 220px;line-height: 48px;display: inline-block;text-align: center;border:1px solid #ced9f2;margin:0 9px 15px 0;box-sizing: border-box}

.tab-btn li:nth-child(4n){margin:0}

.tab-btn li a{display: block;font-size: 14px}

.tab-btn li.on a{color:#fff;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -o-linear-gradient(to left, #4196fe,#7c7ee5 );background: -moz-linear-gradient(to left,#4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1)}

.tab-btn li a:hover{background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5 );background: -o-linear-gradient(to left, #4196fe,#7c7ee5 );background: -moz-linear-gradient(to left, #4196fe,#7c7ee5 );background: linear-gradient(to left, #4196fe,#7c7ee5 );filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe,endcolorstr=#7c7ee5,gradientType=1);color:#fff}

/*primary nav*/

.nav-primary:before,.nav-primary:after {display:table;content:" ";}

.nav-primary:after {clear:both;}

.nav-primary {background:linear-gradient(to bottom, #eaf2ff, #c3d8ff);}

.nav-primary li {line-height:1.5}

.nav-primary li li a {padding:5px 15px;}

.nav-primary li a i {margin-right:0.5em;font-size:1.4em;display:inline-block;width:24px;text-align:center;}

.nav-primary > ul > li > a {color:#404b5b;padding:10px 10px 10px 15px;position:relative;font-weight:normal;word-wrap:break-word;margin: 10px 0 0 10px;}

.nav-primary > ul > li > .dropdown-menu {margin-left:0;border-radius:0}

.nav-primary > ul > .dropdown-submenu:hover > a,.nav-primary > ul > .dropdown-submenu:focus > a,.nav-primary > ul > li > a:hover,.nav-primary > ul > li > a:focus,.nav-primary > ul > li > a:active,.nav-primary > ul > li.active > a {color:#ffffff;margin-left:10px;border-radius:100px 0 0 100px;background:linear-gradient(to right,#8971ea,#7f72ea,#7574ea,#6a75e9,#5f76e8);transition:color .3s ease-in-out 0s;}

.nav-primary > ul > li.active > a {}

.nav-primary > ul > li > a:hover {color:#ffffff;}

.nav-primary > ul > .dropdown-submenu  > a:after {display:none}

.navbar .nav-brand {display:inline-block;width:195px;text-align:center;padding:22px 10px;background: #4652dd;}

.navbar .nav-brand img {max-height:25px;}

.navbar .nav-brand .txt {font-size:20px;color:#fff;font-weight:bold}

.nav-primary li.group {padding:10px 0 10px;}

.nav-primary li.group span {padding-left:15px;color:#525365;margin-left: 10px;font-weight: bold;}

.nav-primary.bg-light > ul > li > a {border-bottom-color:#dedede;color:#666;border:0;font-size:14px;}

.nav-primary.bg-light > ul > .dropdown-submenu:hover > a,.nav-primary.bg-light > ul > .dropdown-submenu:focus > a,.nav-primary.bg-light > ul > li > a:hover,.nav-primary.bg-light > ul > li > a:focus,.nav-primary.bg-light > ul > li > a:active {color:#444;background:#ebebeb;}

.nav-primary.bg-light > ul > li.active > a {color:#000;background:#dedede;}



.nav-switch{ display:block; padding:5px 0 0 0; font-size:24px; text-align:center; }

.nav-switch:hover{ color:#fc3; }

/*overrid the bootstrap colors*/

.zdy-ss .header-item {position:relative;top:17px;}

.zdy-ss ul {padding-left:0;}

.zdy-ss li {list-style-type:none;}

.zdy-ss .search-block span {font-weight:400;color:#515ddd;opacity:.8;}

.zdy-ss input {width:280px !important;border-radius:100px;height:32px;font-size:12px;background:#f5f7ff;color:#555 !important;border:1px solid #eee;padding:0 35px 0 15px;}

.zdy-ss .to-page {border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:8px;}

.zdy-ss input:hover {border:1.5px solid #515ddd;}

.zdy-ss button {border:none;position:absolute;right:18px;top:18px;background:none;height:30px;width:50px;font-size:14px;color:#555;}

.zdy-ss .dropdown-menu {left:33px !important;right:33px !important;top:53px;border:none;padding:10px !important;}

.zdy-ss .to-pa a {color:#666;font-size:13px;line-height:30px;}

.zdy-ss .search-tag a {border-radius:2px;border:1px solid #adb0b8;padding:2px 8px;font-size:12px;color:#575d6c;margin-right:15px;}

.panel{border-color: #e0e4e8; }

.panelsy {

  margin-bottom: 20px;

  background-color: #ffffff;

  border: 1px solid #dddddd;

  border-radius: 4px;

  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);

}





.panel-heading, .panel-footer{border-color: #d2e1f6;background:#e4efff; color: #333;}

.panel-default .panel-heading{ border-left:3px solid #515ddd;}

.panel-heading:before, .panel-heading:after {display: table;content: " ";}

.panel-heading:after {clear: both;}

.panel-heading .nav{font-size: 12px;margin: -10px  -15px;}

.panel-heading .nav > li > a{border-radius: 0;margin:0;border-width: 0 1px;line-height: 19px;}

.panel-heading .nav > li > a:hover{border-width: 0 1px;}

.panel-heading .nav-tabs{margin: -10px  -16px -11px -16px;}

.panel-heading .nav-tabs > li > a{line-height: 20px}

.panel-heading .nav-tabs.nav-justified{width: auto;}

.panel-heading .nav-tabs.pull-left > li:first-child > a, .panel-heading .nav-tabs.nav-justified > li:first-child > a{border-radius: 4px 0 0}

.panel-heading .nav-tabs.pull-right > li:last-child > a, .panel-heading .nav-tabs.nav-justified > li:last-child > a{border-radius: 0 4px 0 0}

.panel-heading .nav-tabs > li > a:hover, .panel-heading .nav-tabs > li > a:focus{border-width: 0 1px;background: transparent;border-color: transparent;}

.panel-heading .nav-tabs > li.active > a, .panel-heading .nav-tabs > li.active > a:hover, .panel-heading .nav-tabs > li.active > a:focus{background:#fff;border-width: 0 1px;border-color:#ddd;}

.panel-heading .label-large{vertical-align: 10%}

.panel-heading.bg{margin:-16px;margin-bottom:15px;border: none;}



.panel-card {border-radius:10px;border:0;-webkit-box-shadow:0 1px 15px 1px rgba(113,106,202,0.08);-moz-box-shadow:0px 1px 15px 1px rgba(113,106,202,0.08);box-shadow:0px 1px 15px 1px rgba(113,106,202,0.08);}

.panel-card .card-heading {font-size:16px;color:#5a72e3;font-weight:bold;padding:14px;border-radius:10px 10px 0 0;border-bottom: 1px solid #e4e6f0;background:#f8f9fc;}

.panel-card .card-body {padding:10px;}

.lansebg{background-image:linear-gradient(58deg, #515ddd 0, #4cc6f3 100%);}

.hongsebg{background-image:linear-gradient(58deg, #ff4b5b 0, #ff7e4b 100%);}

.lvsebg{background-image:linear-gradient(58deg, #2bcd72 0, #9acd2b 100%);}



.card-item{ display:block; border:1px solid #dedede; text-align:center; }

.card-item .card-heading{ background:#ddd; padding:8px 10px; color:#333; }

.card-item .card-body{ padding:10px; color:#666; line-height:1.8; }

.card-item .card-body p{ margin:0; padding:0; }

.card-item.active{ border:1px solid #61a1e1; }

.card-item.active .card-heading{ background:#61a1e1; color:#fff; }

.card-item.active .card-body{ color:#333; }



.list_gray {margin:0;border:0;border-radius:0;}

.list_gray .list-group-item {border-radius:0;background:#f7f9fa;border:1px solid #f7f9fa;margin-bottom:5px;color:#333;width:18.7%;display:inline-block;margin-right:25px;line-height:60px;}

.list-group-item1{line-height: 50px;margin-left:10px;}

.list_gray .list-group-item:last-child {margin-right:0;}

.list_gray .list-group-item:hover {background:#fff;color:#333;border-color:#515ddd;}

.comment-list .panel-heading {border-left:0;}

.panel-collapse {padding-bottom:3px;}

.panel-collapse .panel-content {display:none;}

.panel-collapse .panel-heading {margin-bottom:0}

.panel.bg {border:none}

.panel.bg .panel-heading.bg {margin:-15px;margin-bottom:15px;}

.panel.bg .list-group-item {border-color:transparent;}

.panel.bg .list-group-item a {color:#fff}

.panel .list-group {background:transparent;}

.panel .list-group.m-t-n .list-group-item:first-child {border-top:0}

.panel .table td,.panel .table th {padding:17px;border-top:1px solid #efefef;font-weight: normal;}

.panel .table-striped > tbody > tr:nth-child(odd) > td,.panel .table-striped > tbody > tr:nth-child(odd) > th {background-color:#fcfdfe;}

.panel .table-striped > thead > tr > th {background:#fafbfc;border-right:1px solid #e0e4e8;border-bottom:1px solid #e0e4e8;}

.panel .table-striped > thead > tr > th:last-child {border-right:none}

.panel-large {min-width:300px;}

.panel.no-bg {border:0;background:#fff;}

.panel.no-bg .panel-heading {background:none;border:0;}

.th-sortable {cursor:pointer;}

.th-sortable .th-sort {float:right;position:relative;}

.th-sort i{position:relative;z-index: 1}

.th-sort .icon-sort{position: absolute;left: 0;top: 3px;color: #bac3cc;z-index: 0}

.list-group {border-radius:4px}

.list-group-item {padding-right:15px;border-color:#e4e9ed;}

.list-group-item .icon-chevron-right {float:right;margin-top:5px;}

.list-group-item > .icon-chevron-right + .badge {margin-right:5px;}

a.list-group-item:hover,a.list-group-item:focus,a.list-group-item:active {background-color:#f1f5f9;}

a.list-group-item.active {background-color:#e1e5e9;border-color:#e1e5e9;color:#3a5a7a}

a.list-group-item.active > .badge,.nav-pills > .active > a > .badge {color:#3a5a7a}

.list-group-item.media {margin-top:0}

.list-group-item.heading {background:#e4efff;border-left:4px solid #515ddd;}

.progress-mini {height:6px}

.progress-small{height: 10px}

.progress-small .progress-bar{font-size: 10px;line-height: 1em}

.navbar{background-color: #515ddd}

.list-normal{background: transparent;}

.list-normal > .list-group-item{border-radius: 0;border-width: 1px 0}

.list-normal > .list-group-item .badge{margin-right: -5px}

.input-group{position: relative; display:inline-table;}

.tooltip-inner{background-color:#233445;background-color: rgba(35, 52, 69, 0.9);}

.tooltip.top .tooltip-arrow {border-top-color: #233445;border-top-color: rgba(35, 52, 69, 0.9);}

.tooltip.right .tooltip-arrow {border-right-color: #233445;border-right-color: rgba(35, 52, 69, 0.9);}

.tooltip.left .tooltip-arrow {border-left-color: #233445;border-left-color: rgba(35, 52, 69, 0.9);}

.tooltip.bottom .tooltip-arrow {border-bottom-color: #233445;border-bottom-color: rgba(35, 52, 69, 0.9);}

.popover-content{font-size: 12px;line-height: 1.5}

/*override bootstrap dropdown-menu*/

.open{z-index: 1050}

.dropdown-menu > .panel{

  border: none;

  margin: -5px 0;

}

.dropdown-menu > li > a > i{ display:inline-block; width:24px; text-align:center; }

.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus,

.dropdown-submenu:hover > a,

.dropdown-submenu:focus > a,

.dropdown-menu > .active > a,

.dropdown-menu > .active > a:hover,

.dropdown-menu > .active > a:focus{

  background-image: none;filter:none;background-color: #515ddd;color: #fff;

}

.dropdown-menu > li > a:hover i{color: #fff}

.dropdown-submenu{position: relative;}

.dropdown-submenu:hover > .dropdown-menu {display: block;}

.dropdown-submenu > .dropdown-menu{left:100%;top:0;margin-top:0;margin-left: -1px}

.dropup .dropdown-submenu > .dropdown-menu{top: auto;bottom: 0;}

.dropdown-submenu.pull-left {float: none;}

.dropdown-menu.pull-left{left:100%;}

.dropdown-submenu.pull-left>.dropdown-menu{left: -100%;margin-left: 20px}

/*make a inverse one*/

.dropdown-menu.bg-inverse > .divider{height:1px;background-color: #2a3b4c;border: none}

.dropdown-menu.bg-inverse > li > a{color: #8e9eae}

.dropdown-menu.bg-inverse > li > a:hover,

.dropdown-menu.bg-inverse > li > a:focus,

.dropdown-menu.bg-inverse > li > a:active,

.dropdown-menu.bg-inverse > li.active > a,

.dropdown-menu.bg-inverse > .dropdown-submenu:hover > a{color: #fff}

.dropdown-menu .badge{margin-top: 1px}

.dropdown-select > li > a input{position: absolute;left: -9999em;}

/*breadcrumb*/

.breadcrumb{background-color: #fafbfc;border:1px solid #e0e4e8;padding-left: 10px;font-size: 12px}

.breadcrumb.path > li + li:before{ content:'\f105'; }





/*accordion*/

.accordion-group,.accordion-inner{border-color: #e0e4e8}

.accordion-inner{background: #fff;border-radius: 0 0 4px 4px}



.alert{font-size: 100%;/*border-color: rgba(10,20,20,.1);*/}

.close i{font-size: 12px;font-weight: normal;display: block;line-height: 1.5;}



.modal-backdrop{background: #fff}

.modal-backdrop.fade.in{opacity: 0.8;filter: alpha(opacity=80);}

.modal-header{border-radius: 6px 6px 0 0;background-color: #e4efff}

.modal-header .close{margin-top: 3px}

.modal-footer{padding: 14px 20px 15px;margin-top: 0;border-radius: 0 0 6px 6px;background-color: #f7f8f9}



.bg{background-color: #f7f8f9}

.label{font-weight: 700;}

.badge{background: #b1b5b9}

.badge.bg-white{color: #919599}

.text-white{color: #fff}

.text-muted{color: #333333}

.text-light{color: #919599}

.text-default{color: #a5b6c7;}

.text-warning{color: #f4c414;}

.text-danger{color: #ff5f5f !important;}

.text-primary{color: #515ddd}

.text-gray{color: #ccc}

.text-black{color: #333 !important; }

.text-color{color:#2b3f7e}



.text-center{text-align: center !important;}



.btn {color:#fff;background:#a7b2be;position:relative;border-width:0;font-weight:700;padding:9px 12px;}

.btn:hover,.btn:focus,.btn:active,.btn.active {background:#bac3cc;}

.btn.disabled,.btn.disabled:hover,.btn[disabled]:hover,fieldset[disabled] .btn:hover,.btn.disabled:focus,.btn[disabled]:focus,fieldset[disabled] .btn:focus,.btn.disabled:active,.btn[disabled]:active,fieldset[disabled] .btn:active,.btn.disabled.active,.btn[disabled].active,fieldset[disabled] .btn.active {background-color:#c4c9cf;color:#fff;}

.btn-white {padding:8px 12px;border-width:1px;border-color:#c3c6c9;color:#515ddd;background-color:#fff}

.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active {border-color:#c3c6c9;color:#515ddd;background-color:#f7f8f9;}

.btn-default {padding:8px 12px;border-width:1px;border-color:#c3c6c9;color:#515ddd;background-color:#f5f6f7}

.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active {border-color:#c3c6c9;color:#515ddd;background-color:#fafbfc;}

.btn-primary,.bg-primary,.btn-primary.btn-circle > i {color:#fff;background-color:#515ddd}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.btn-circle:hover > i,.btn.btn-circle:hover > i {color:#fff;background-color:#4652dd;}

.btn-success,.bg-success,.btn-success.btn-circle > i {color:#fff;background-color:#3fcf7f}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.btn-circle:hover > i {color:#fff;background-color:#4fdf8f;}

.btn-info,.bg-info,.btn-info.btn-circle > i {color:#fff;background-color:#515ddd;}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.btn-circle:hover > i {color:#fff;background-color:#61a1e1;}

.btn-inverse,.bg-inverse,.btn-inverse.btn-circle > i {color:#fff;background-color:#233445}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.btn-circle:hover > i {color:#fff;background-color:#314355;}

.btn-warning,.bg-warning,.btn-warning.btn-circle > i {color:#fff;background-color:#f4c414}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.btn-circle:hover > i {color:#fff;background-color:#f6d616;}

.btn-danger,.bg-danger,.btn-danger.btn-circle > i {color:#fff;background-color:#515ddd}

.wrap-rule-body .rule-item .btn-danger,.bg-danger{color:#fff;background-color:#f60;z-index:999}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.btn-circle:hover > i {color:#fff;background-color:#4652dd;}

.btn-twitter,.btn-twitter.btn-circle > i {color:#fff;background-color:#4652dd}

.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.btn-twitter.btn-circle:hover > i {color:#fff;background-color:#2fcff6;}

.btn-facebook,.btn-facebook.btn-circle > i {color:#fff;background-color:#335397}

.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.btn-facebook.btn-circle:hover > i {color:#fff;background-color:#4264ab;}

.btn-gplus,.btn-gplus.btn-circle > i {color:#fff;background-color:#dd4a38}

.btn-gplus:hover,.btn-gplus:focus,.btn-gplus:active,.btn-gplus.active,.btn-gplus.btn-circle:hover > i {color:#fff;background-color:#ea5e4d;}

.btn-on.active {color:#fff;border:1px solid #767676;background:#8e9eae}

.btn-small {padding:6px 10px;}

.btn-white.btn-small,.btn-default.btn-small {padding:5px 10px;}

.btn-large {padding:15px 16px;}

.btn-white.btn-large,.btn-default.btn-large {padding:14px 16px;}

.btn-white .caret,.btn-default .caret {border-top-color:#656565}

.dropup .btn-white .caret,.dropup .btn-default .caret {border-bottom-color:#656565}

.btn > i {line-height:1.428571429;}

.btn-mini,.btn-xs {padding:3px 6px;font-size:10.5px;border-radius:3px;}

.btn-mini i,.btn-xs i {font-size:9px}

.btn.btn-circle,.btn.btn-circle.disabled {padding:2px 5px;box-shadow:none;border:none;background:transparent;color:#3a5a7a;transition:none;}

.btn.btn-circle:hover,.btn.btn-circle:active,.btn.btn-circle.active {box-shadow:none;background:transparent;}

.btn-circle > i {color:#a5b6c7;background:#e5e9ed;width:60px;height:60px;padding:18px 0;font-size:24px;border-radius:50%;display:block;margin:0 auto;margin-bottom:6px;line-height:normal;transition:all .3s ease-in-out 0s;}

.btn-circle.btn-large > i {width:80px;height:80px;padding:22px 0;font-size:36px;}

.btn-circle.btn-small > i {width:40px;height:40px;padding:10px 0;font-size:20px;}

.btn-circle.btn-mini > i {width:30px;height:30px;padding:8px 0;font-size:14px;}

.btn-circle b.badge {position:absolute;right:5px;top:2px;}

.btn-circle .badge i {margin:0 -5px}

.btn-white.btn-circle > i {color:#a5b6c7;background:#fff}

.btn.btn-circle.disabled > i {background:#c4c9cf;}



[class^="icon-"]:before, [class*=" icon-"]:before{text-decoration: none;margin-left: 0.2em;margin-right: 0.2em}

.icon-stack [class^="icon-"]:before, .icon-stack [class*=" icon-"]:before{margin: 0;}

.icon-xlarge:before{font-size:1.5em;vertical-align: -14%;}

.btn-block{padding-left: 12px;padding-right: 12px}

.text-active, .active .text{display: none !important;}

.active >.text-active{display: inline-block !important;}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active{border:none;background-color: transparent;background-image: none;-webkit-box-shadow: none;box-shadow: none;text-decoration: none;color: #fff}

form, .carousel, .form-horizontal .control-group, .nav-tabs, .alert, .panel, .progress, .breadcrumb, .accordion{margin-bottom: 15px}

.media, .media .media{margin-top: 10px;}

.pagination{margin:5px 0;}

.pagination-large > li > a, .pagination-large > li > span{padding: 10px 14px}

/*common css*/

.bg-white{background: #fff;}

.bg-black{background: #2b3f7e;}

.bg-light{background: #f5f5f5;}

.bg-lighter{background:#f1f5f9}

.bg-default{background: #bac3cc}

.bg-white-desktop{background-color: #fff}

.bg-focus{background: #ffffee !important;}

.bg-blue{background:#2b3f7e}



.pos-rlt{position: relative;}

.pos-stc{position: static;}

.pos-abt{position: absolute;}

.content-box, .jqstooltip{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.line {*width: 100%;height: 2px;margin: 10px 0;font-size:0;overflow: hidden;background-color: #fff;border-width:0;border-top: 1px solid #e0e4e8;}

.line-mini{margin: 0}

.line-dashed{border-style: dashed;background: transparent;}

.line-large{margin-top:15px;margin-bottom: 15px}

.headline{border-bottom: 5px solid #000;margin-top: 0;line-height: 45px;}

.no-line{border-width: 0}

.no-border{border-color:transparent !important;}

.no-radius{border-radius: 0}

.block{display:block;margin-bottom: 0px}

.block.hide{display: none}

.inline, .inline-desktop{display:inline-block !important;}

.pull-right-desktop{float: right;}

.pull-none{float: none}

.clear{clear:both}

.line-v{border-left:1px solid #dddddd;padding-left:20px}

.line-v-right{border-right:1px solid #dddddd;padding-right:20px;}

.wrapper{}

.w-link{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0}

.btn-s-mini{min-width: 90px}

.btn-s-small{min-width: 100px}

.btn-s-medium{min-width: 120px}

.btn-s-large{min-width: 150px}

.btn-s-xlarge{min-width: 200px}

.btn-s-xxlarge{min-width: 300px}

.btn-padder{padding-left:40px;padding-right:40px}

.l-h-2x{line-height: 2em;}

.text-small{font-size: 12px;}

.text-mini{font-size: 10px;}

.text-large{ font-size:18px; }

.padder{padding:0 15px;}

.no-padder{padding: 0 !important;}

.pull-in{margin-left: -15px;margin-right: -15px;}

.pull-out{margin:-15px;}

.b-t{border-top: 1px solid #e0e4e8}



.m-l{margin-left: 15px}

.m-l-none{margin-left: 0}

.m-l-mini{margin-left: 5px;}

.m-l-small{margin-left: 10px;}

.m-l-large{margin-left: 20px;}

.m-l-n{margin-left: -15px}

.m-l-n-mini{margin-left: -5px}

.m-l-n-small{margin-left: -10px}

.m-l-n-large{margin-left: -20px}



.m-t{margin-top: 15px}

.m-t-none{margin-top:0}

.m-t-mini{margin-top: 5px;}

.m-t-small{margin-top: 10px;}

.m-t-large{margin-top: 2px;}

.m-t-n{margin-top: -15px}

.m-t-n-xmini{margin-top: -1px}

.m-t-n-mini{margin-top: -5px}

.m-t-n-small{margin-top: -10px}

.m-t-n-large{margin-top: -20px}



.m-r{margin-right: 15px}

.m-r-none{margin-right: 0}

.m-r-mini{margin-right: 5px}

.m-r-small{margin-right: 10px}

.m-r-large{margin-right: 20px}

.m-r-n{margin-right: -15px}

.m-r-n-mini{margin-right: -5px}

.m-r-n-small{margin-right: -10px}

.m-r-n-large{margin-right: -20px}



.m-b{margin-bottom: 15px;}

.m-b-none{margin-bottom: 0}

.m-b-mini{margin-bottom: 5px;}

.m-b-small{margin-bottom: 10px;}

.m-b-large{margin-bottom: 20px;}

.m-b-n{margin-bottom: -15px}

.m-b-n-mini{margin-bottom: -5px}

.m-b-n-small{margin-bottom: -10px}

.m-b-n-large{margin-bottom: -20px}



.p-t{padding-top:15px;}

.p-t-mini{padding-top: 5px;}

.p-t-small{padding-top: 10px;}

.p-b{padding-bottom:15px;}

.p-b-mini{padding-bottom: 5px;}

.p-b-small{padding-bottom: 10px;}

.p-b-none{ padding-bottom:0 !important;}

.p-t-none{ padding-bottom:0 !important;}

.p-t-large{padding-top: 20px;}

.p-r{padding-right:15px;}

.p-r-mini{padding-right:5px;}



.header-bar{border-bottom: 1px solid #e0e4e8}

.media-mini{min-width: 50px}

.media-small{min-width: 80px}

.media-large{min-width: 90px}

.avatar{border-radius: 500px;background-color: #fff;padding: 2px}

.thumb-mini{width: 24px}

.thumb-small{width: 36px}

.thumb{width: 64px}

.thumb-large{width: 90px}

.thumb img, .thumb-mini img, .thumb-small img, .thumb-large img{height: auto;max-width: 100%;vertical-align: middle;}

/** 等高 **/

.thumb-mini.thumb-height,

.thumb-small.thumb-height,

.thumb.thumb-height,

.thumb-large.thumb-height{ width:auto; }

.thumb-mini.thumb-height img,

.thumb-small.thumb-height img,

.thumb.thumb-height img,

.thumb-large.thumb-height img{max-height:100%;}

.thumb-mini.thumb-height{height: 24px}

.thumb-small.thumb-height{height: 36px}

.thumb.thumb-height{height: 64px}

.thumb-large.thumb-height{height: 90px}

/**/

.scroll-x, .scroll-y{overflow:hidden;-webkit-overflow-scrolling:touch;}

.scroll-y{overflow-y:auto;}

.scroll-x{overflow-x:auto;}

.no-touch .scroll-x, .no-touch .scroll-y{overflow: hidden;}

.no-touch .scroll-x:hover, .no-touch .scroll-x:focus, .no-touch .scroll-x:active{overflow-x: auto;}

.no-touch .scroll-y:hover, .no-touch .scroll-y:focus, .no-touch .scroll-y:active{overflow-y: auto;}

.no-touch .scroll-y:hover > *{margin-right: -10px;padding-right: 15px}

/*cols*/

.col-lg-2-4 {width: 20.000%;padding-left: 15px;padding-right: 15px}

.col-newline{clear:left;}

input[type="text"], select, textarea{min-width: 220px;height: auto;margin-bottom: 10px;}



/* Site CSS */

/* Header */

.navbar{background:#515ddd;min-height:60px;border-bottom: 0;box-shadow:0 0 5px rgba(0,0,0,.1);z-index:1010;border-radius:0;padding:0;margin-bottom:0; font-size:14px;}

.navbar.bg{border-bottom: 1px solid #636568;}

.navbar-brand{font-size:24px;min-width:90px;max-width:500px;font-style: italic;font-weight: 700;padding:10px 15px 0 10px; }

.navbar-brand img{max-height: 30px}

.navbar-brand, .navbar-brand:hover, .navbar-brand:focus{color: #fff;}

.navbar-form{position: relative;margin: 10px}

.navbar-form input[type="text"]{border-radius: 17px;font-weight: 700;text-indent: 1.5em;}

.navbar-form i{position: absolute;z-index: 1;left:.6em;top: 50%;margin-top: -8px;color: #bbb}

.navbar-nav{margin-top: 0px;}

.navbar-nav li > a{color: #fff !important;}

.navbar-nav li > a:hover{color: #fff;}

.navbar .nav > li > div{padding-left: 10px;padding-right: 10px}

.navbar .nav > li > div .dropdown-menu{margin-left: 10px;}

.navbar-avatar .thumb-small{margin:0 4px;vertical-align: baseline;width: 40px;}

.navbar-avatar > li > a{padding: 15px 10px}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background:#444fcd;color: #fff;}

.bg .nav li.dropdown > a:hover .caret{border-top-color:#fff;border-bottom-color:#fff;}

.bg .nav > li > a{color: #a5b6c7}

.bg .nav > li > a:hover{color: #fff;}

.bg .nav li.dropdown.open > .dropdown-toggle, .bg .nav li.dropdown.active > .dropdown-toggle, .bg .nav li.dropdown.open.active > .dropdown-toggle {background-color: #000;color: #fff;}

.navbar .badge-notes{float:right;margin-left:-15px;margin-top:-6px;position: relative;font-size: 11px}

.navbar-fixed .navbar{position: fixed;top:0;left: 195px;right: 0;z-index: 100;}

.navbar-fixed{padding-top: 51px}

.navbar-nav.pull-right{width: auto;}

.navbar-fixed .navbar-vertical{ left:90px;}

.dn23_tip{margin:10px 4px;}

.navbar .nav > li > .header-user{ padding:0; min-width:260px; }

.navbar .nav > li > .header-user .panel{ margin:0; }

.navbar .nav > li > .header-user .panel i{ display:inline-block; width:20px; text-align:center; }



.dropdown-toggle .badge{ position:absolute; right:2px; top:5px; font-style:normal; font-size:8px; font-weight:normal; padding:1px 3px; border-radius:50%; }

.dropdown-toggle .point{ position:absolute; right:8px; top:12px; display:block; width:9px; height:9px; overflow:hidden; border-radius:50%; }

/*content*/

#content {position:relative;min-height:calc(100vh - 130px);}

.page-title{background: #eaedef;border-bottom: 1px solid #d3d6d9;padding: 10px 15px}

/* Footer*/

footer{ font-size:14px; padding:25px 10px 15px 195px; line-height:2;}

.fnav{ font-size:16px; margin-bottom:0; }

.fnav span{ padding:0 12px; }



/*comments*/

.arrow:before, .arrow:after{position: absolute;display: inline-block;border-color: transparent;border-style: solid;content:"";}

.arrow-left:before{margin-left:-7px;top: 6px;left: 0px;border-right-color: #d1d4d7;border-width:7px 7px 7px 0;-moz-border-right-colors: #fff;}

.arrow-left:after{margin-left:-6px;top: 7px;left: 0px;border-right-color: #fff;border-width:6px 6px 6px 0;}



.arrow-right:before{margin-right:-7px;top: 6px;right: 0px;border-left-color: #d1d4d7;border-width:7px 0 7px 7px;-moz-border-left-colors: #fff;}

.arrow-right:after{margin-right:-6px;top: 7px;right: 0px;border-left-color: #fff;border-width:6px 0 6px 6px;}



.arrow-top:before{margin-top:-7px;top: 0;left: 6px;border-bottom-color: #d1d4d7;border-width:0 7px 7px 7px;-moz-border-top-colors: #fff;}

.arrow-top:after{margin-top:-6px;top: 0;left: 7px;border-bottom-color: #fff;border-width:0 6px 6px 6px;}



.chat-item{position: relative;}

.chat-item.arrow-left:before{top:11px;left:47px;}

.chat-item.arrow-left:after{top:12px;left:47px;border-right-color: #f1f5f9;}

.chat-item.arrow-right:before{top:11px;left:auto;right:47px;}

.chat-item.arrow-right:after{top:12px;left:auto;right:47px;}



.comment-list, .comment-item{position: relative;}

.comment-item .panel{padding: 10px}

.comment-item .panel-heading, .comment-item .panel-footer{font-size: 12px;padding: 10px 10px;margin-top:-10px;margin-left:-10px;margin-right:-10px;position: relative;}

.comment-reply{margin-left: 40px}

.comment-item:before{top:10px;left:47px;}

.comment-item:after{top:11px;left:47px;border-right-color: #f5f5f5;}

.comment-list:before{position: absolute;top: 0;bottom: 35px;left: 16px;width: 1px;background: #e0e4e8;content: '';z-index: 0;}

.comment-item > .thumb-small{width: 36px;}



/*Carousel*/

.carousel-padder{padding-left: 30px;padding-right: 30px;}

.carousel-control{width: 30px;color: #999;text-shadow:none;}

.carousel-control i {position: absolute;top: 50%;left: 50%;z-index: 5;display: inline-block;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;}

.carousel-control:hover,

.carousel-control:focus {color: #ccc;text-decoration: none;opacity: 0.9;filter: alpha(opacity=90);}

.carousel-indicators.out{bottom: -25px}

.carousel-indicators li{background: #ddd;background-color: rgba(0,0,0,0.2);border: none;margin: 0}

.carousel-indicators .active{background: #515ddd;width: 10px;height: 10px;}

.carousel-control.left, .carousel-control.right{background-image:none;filter:none;}

.carousel.carousel-fade .item {-webkit-transition: opacity 2s ease-in-out;-moz-transition: opacity 2s ease-in-out;-ms-transition: opacity 2s ease-in-out;-o-transition: opacity 2s ease-in-out;transition: opacity 2s ease-in-out;}

.carousel.carousel-fade .active.left,

.carousel.carousel-fade .active.right {left: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}

.carousel.carousel-fade .next,

.carousel.carousel-fade .prev {left: 0;z-index: 1;}

.carousel.carousel-fade .carousel-control {z-index: 3;}

.carousel ul.item, .carousel ul.item > li{list-style: none;margin: 0;padding: 0}



.dropfile{border:2px dashed #e0e4e8;text-align: center;min-height: 20px}

.dropfile.hover{border-color: #aac3cc}

.dropfile small{margin: 50px 0;display: block}



/*Charts*/

.axis{margin:6px 0 0}

.axis li{vertical-align:top;font-size: 9px;margin-right:2px;padding: 0;width: 10px;-webkit-text-size-adjust: none;text-align: center;line-height: 1em;white-space:nowrap}

.axis li:last-child{margin-right:0 !important;}

.axis-full{display: table;}

.axis-full li{display: table-cell;padding: 0;width: 1%;}

.easypiechart {position: relative;text-align: center;}

.easypiechart canvas {position: absolute;top: 0;left: 0;}

.easypiechart .easypie-text{position: absolute;z-index:1;line-height: 1;font-size: 75%;width: 100%;top: 60%}



.combodate select{display: inline-block;}

.doc-buttons .btn{margin-bottom: 5px}

.the-icons{list-style: none;margin: 0}

.the-icons i{font-size: 14px;width:40px;margin:0;display: inline-block;text-align: center;}

.the-icons a{line-height: 32px;display: block;}

.the-icons a:hover i{font-size:28px;vertical-align:middle}



.h{font-size: 180px;font-weight: 700;text-shadow: 0 1px 0 #d9d9d9, 0 2px 0 #d0d0d0, 0 5px 10px rgba(0,0,0,.125), 0 10px 20px rgba(0,0,0,.2);}



/* infobox */

.infobox-container {text-align: left;font-size: 0;}



.infobox { display: inline-block;width: 204px;height: 66px;color: #555;background-color: #FFF;box-shadow: none;border-radius: 0;margin: -1px 0 0 -1px;padding: 8px 3px 6px 9px;border: 1px dotted;border-color: #d8d8d8!important;vertical-align: middle;text-align: left;position: relative; }

.infobox>.infobox-icon { display: inline-block;vertical-align: top;width: 44px; }

.infobox>.infobox-icon>[class*="icon-"] {display: inline-block;height: 42px;margin: 0;padding: 1px 1px 0 2px;background-color: transparent;border: 0;text-align: center;position: relative;border-radius: 100%;-webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);box-shadow: 1px 1px 0 rgba(0,0,0,0.2); }

.infobox>.infobox-icon>[class*="icon-"]:before { font-size: 24px;display: block;padding: 6px 0 7px;margin:0;width: 40px;text-align: center;border-radius: 100%;color: rgba(255,255,255,0.9);background-color: rgba(255,255,255,0.2);text-shadow: 1px 1px 1px rgba(0,0,0,0.14); }

.infobox>.infobox-data {display: inline-block;border: 0;border-top-width: 0;font-size: 13px;text-align: left;line-height: 21px;min-width: 130px;padding-left: 8px;position: relative;top: 0;}

.infobox>.infobox-data>.infobox-data-number {display: block;font-size: 22px;margin: 2px 0 4px;position: relative;text-shadow: 1px 1px 0 rgba(0,0,0,0.15);}

.infobox .infobox-content {color: #555;}

.infobox>.stat {display: inline-block;position: absolute;right: 20px;top: 11px;text-shadow: none;color: #abbac3;font-size: 13px;font-weight: bold;padding-right: 18px;padding-top: 3px;}

.infobox>.stat:before {display: inline-block;content: "";width: 8px;height: 11px;background-color: #abbac3;position: absolute;right: 4px;top: 7px;}

.infobox>.stat:after {display: inline-block;content: "";position: absolute;right: 1px;top: -8px;border: 12px solid transparent;border-width: 8px 7px;border-bottom-color: #abbac3;}

.infobox>.label,.infobox>.badge {position: absolute;right: 20px;top: 11px;text-shadow: none;color: #FFF;font-size: 11px;font-weight: bold;}

.infobox .infobox-content {color: #555;}

.infobox .infobox-content:first-child {font-weight: bold;}



.infobox-small {width: 135px;height: 52px;text-align: left;padding-bottom: 5px;}

.infobox-small>.infobox-icon, .infobox-small>.infobox-chart, .infobox-small>.infobox-progress {display: inline-block;width: 40px;max-width: 40px;height: 42px;line-height: 38px;vertical-align: middle;}

.infobox-small>.infobox-data {display: inline-block;text-align: left;vertical-align: middle;max-width: 72px;min-width: 0;}



.infobox-dark {margin: 1px 1px 0 0;border-color: transparent!important;border: 0;color: #FFF;padding: 4px;}

.infobox-dark .infobox-content {color: #FFF;}

.infobox-dark>.infobox-icon>[class*="icon-"], .infobox-dark>.infobox-icon>[class*="icon-"]:before {background-color: transparent;box-shadow: none;text-shadow: none;border-radius: 0;font-size: 30px;}



.infobox-green { color: #9abc32;border-color: #9abc32; }

.infobox-green>.infobox-icon>[class*="icon-"] {background-color: #9abc32;}

.infobox-green.infobox-dark {background-color: #9abc32;border-color: #9abc32;}

.infobox-green>.badge{background-color: #9abc32;}

.infobox-blue { color: #6fb3e0;border-color: #6fb3e0; }

.infobox-blue>.infobox-icon>[class*="icon-"] {background-color: #6fb3e0;}

.infobox-blue.infobox-dark {background-color: #6fb3e0;border-color: #6fb3e0;}

.infobox-blue>.badge{background-color: #6fb3e0;}

.infobox-blue2 { color: #3983c2;border-color: #3983c2; }

.infobox-blue2>.infobox-icon>[class*="icon-"] {background-color: #3983c2;}

.infobox-blue2.infobox-dark {background-color: #3983c2;border-color: #3983c2;}

.infobox-blue2>.badge{background-color: #3983c2;}

.infobox-pink { color: #cb6fd7;border-color: #cb6fd7; }

.infobox-pink>.infobox-icon>[class*="icon-"] {background-color: #cb6fd7;}

.infobox-pink.infobox-dark {background-color: #cb6fd7;border-color: #cb6fd7;}

.infobox-pink>.badge{background-color: #cb6fd7;}

.infobox-red { color: #d53f40;border-color: #d53f40; }

.infobox-red>.infobox-icon>[class*="icon-"] {background-color: #d53f40;}

.infobox-red.infobox-dark {background-color: #d53f40;border-color: #d53f40;}

.infobox-red>.badge{background-color: #d53f40;}

.infobox-orange { color: #f79263;border-color: #f79263; }

.infobox-orange>.infobox-icon>[class*="icon-"] {background-color: #f79263;}

.infobox-orange.infobox-dark {background-color: #f79263;border-color: #f79263;}

.infobox-orange>.badge{background-color: #f79263;}

.infobox-grey {color: #999;border-color: #999;}

.infobox-grey>.infobox-icon>[class*="icon-"] {background-color: #999;}

.infobox-grey.infobox-dark {background-color: #999;border-color: #999;}

.infobox-grey>.badge{background-color: #999;}



.infobox>.stat.stat-success {color: #77c646;}

.infobox>.stat.stat-success:before {background-color: #77c646;}

.infobox>.stat.stat-success:after {border-bottom-color: #77c646;}

.infobox>.stat.stat-important {color: #e4564f;}

.infobox>.stat.stat-important:before {background-color: #e4564f;top: 3px;}

.infobox>.stat.stat-important:after {border-top-color: #e4564f;border-bottom-color: transparent;bottom: -6px;top: auto;}



.main {padding-top:2px;}

.main .page-head {padding:10px 0 5px;color:#515ddd;}

.main .page-head h4 {font-size:22px;}

.main .page-head h4 i.iconfont {font-size:22px;}



/* 加载过渡效果 */

.spinner { width: 60px; height: 60px; position: relative; margin: 50px auto; }

.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #67CF22; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2.0s infinite ease-in-out; animation: bounce 2.0s infinite ease-in-out; }

.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

@-webkit-keyframes bounce {

  0%, 100% { -webkit-transform: scale(0.0) }

  50% { -webkit-transform: scale(1.0) }

}

@keyframes bounce {

  0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }

  50% { transform: scale(1.0); -webkit-transform: scale(1.0); }

}



/* 布局型表格 */

.t-table{ position:relative; }

.t-table .t-thead{ display:-webkit-flex; display:flex; background:#f5f5f5; height:36px; line-height:36px; }

.t-table .t-thead > div{ flex:1; padding:0 15px; }

.t-table .t-row{ display:-webkit-flex; display:flex; border-bottom:1px solid #f5f5f5; font-weight:normal; }

.t-table .t-row .t-col{ flex:1; padding:8px 15px; line-height: 20px; }

.t-table .t-row:last-child{ border-bottom:0; }

/* 表格头部固定，且内容固定高度滚动 */

.panel-table-warp{ position:relative; }

.panel-table-warp .t-thead{ position:absolute; left:0; top:0; right:0; }

.panel-table-warp .t-body{ max-height:250px; overflow:hidden; overflow-y:auto; padding-top:36px; }



/* wx-qrcode */

.cash .wx-title{ font-size:16px; margin-bottom:5px; }

.cash .cash_price{ font-size:14px; margin-bottom:5px; }

.cash .wx-title b{ padding:0 5px; }

.cash .wx-qrbox{ padding:10px 0 10px; text-align:center; }

.cash .wx-qrbox>dt img{ width:300px; border:1px solid #ddd; margin-bottom:20px; }

.cash .wx-qrbox>dt>dl{ background:#ff7674 url('../../home/img/icon-red.png') no-repeat 20px center; padding:0; color:#fff; height:61px; font-size:16px; width:300px; margin:0 auto; }

.cash .wx-qrbox>dt>dl>dd{ padding:9px 0 0 50px; }

.cash .wx-bottom{ font-size:16px; padding-top:20px; }



/* 响应式 */

@media (max-width: 500px) {

  .cash .wx-qrbox>dt img{ width:230px; }

  .cash .wx-qrbox>dt>dl{ width:230px; }

}





/*desktop*/

@media (min-width: 992px){

  ::-webkit-scrollbar {width:.25em;height:.25em;position:absolute}

  ::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.15)}

  ::-webkit-scrollbar-track {background-color:rgba(0,0,0,0.0)}

  .navbar-brand{margin-left: auto;margin-right:auto;}

  .bg .navbar-brand{border-right-color: transparent;}

  .navbar-form input{transition:width .3s ease-in-out 0s;}

  .navbar-form input:focus{width:200px}

  .bg-black .navbar-form input{background-color: #102030;border-color:#314355;color:#8e9eae;}

  .bg-black .navbar-form input:focus{background-color: #fff;color:#222;}



  .nav-primary > ul > li > .dropdown-menu{margin-top: -1px;margin-left: 0}

  .nav-vertical > ul > li > a > i{display: block;font-size: 1.8em;margin:2px auto}

  .nav-vertical > ul > li > a{text-align: center;border-bottom: none;font-size: 11.5px}

  .nav-primary.nav-vertical > ul > li > a > .badge{position: absolute;top: 4px;right: 15px;font-size: 11px;padding:3px 6px}

  .nav-vertical li.group{ display:none; }



  #nav{position: relative;width: 195px;position: absolute;z-index:99;left:0;top:0;bottom:0;border-right:0;padding-top:0;overflow-y:auto}

  #nav.bg-light{background:#f3f3f3;border-color:#dedede}

  #nav.nav-vertical {width: 90px}

  #nav + #content{padding-left: 195px;}

  section#content{padding-left: 195px;}

  #nav.nav-vertical + #content {padding-left: 90px;}

  #nav .nav-switch{ color:#dedede; }

  #nav .nav-switch:hover{ color:#fc3; }



  #nav .logo_mark{ position:absolute;bottom:0;left:0;width:100%;padding-bottom:10px; text-align:center; font-size:12px; }

  #nav .logo_mark a{ color:#aeb6d5; }

  #nav .logo_mark a:hover{ color:#ddd; }



  .nav-primary.nav-doc > ul > li > a{border-bottom: none;padding: 3px 15px;text-shadow:none;}

  .nav-primary .affix{top: 0;min-width:149px;width:195px;}

  .nav-primary.nav-vertical .affix{top: 0;min-width: 89px}

  .content-sidebar{border-bottom:1px solid #d1d4d7;display: table;width:100%;border-spacing:0;table-layout:fixed;}

  .content-sidebar .sidebar{border:0 solid #d1d4d7;border-right-width: 1px;}

  .sidebar{width: 200px;display: table-cell;vertical-align: top}

  .sidebar-small{width: 160px}

  .sidebar-large{width: 300px}

  .main + .sidebar{border-right-width: 0;border-left-width: 1px}

  .modal{overflow-y: auto;}

  .col-lg-2-4{float: left;}



  .table-responsive:not(.pc-active){ overflow:visible; }

}



/*tablet*/

@media (max-width: 991px) {

  /* .slide-nav from left or right*/

  body{overflow-x: hidden;}

  body.slide-nav{overflow: hidden;}

  #header{

    -webkit-transition: -webkit-transform 0.2s ease;

    -webkit-transition-delay: 0s;

    -moz-transition: -moz-transform 0.2s ease 0s;

    transition: transform 0.2s ease 0s;

    -webkit-transform: translate3d(0px, 0px, 0px);

    -moz-transform: translate3d(0px, 0px, 0px);

    transform: translate3d(0px, 0px, 0px);

    -webkit-backface-visibility: hidden;

    left:0;

  }

  .slide-nav #nav{position: absolute;left: 0;top: 0;bottom:0;width: 45%;display: block !important;z-index: 810}

  .slide-nav .slide-nav-block{display:block !important;position: absolute;left: 0;right:0;top: 0;bottom: 0;z-index: 500}

  .slide-nav > #content{background-color: #f5f6f7;}

  .slide-nav > #header, .slide-nav > #content{

    -webkit-transform: translate3d(45%, 0px, 0px);

    -moz-transform: translate3d(45%, 0px, 0px);

    transform: translate3d(45%, 0px, 0px);

    overflow: hidden;

  }

  .slide-nav.slide-nav-right #nav{left: auto;right: 0}

  .slide-nav.slide-nav-right > #header, .slide-nav.slide-nav-right > #content{

    -webkit-transform: translate3d(-45%, 0px, 0px);

    -moz-transform: translate3d(-45%, 0px, 0px);

    transform: translate3d(-45%, 0px, 0px);

  }

  /* /.slide-nav */

  .page-title{padding: 10px}

  a:hover{text-decoration: none}

  .inline-desktop{display: inherit;}

  .pull-right-desktop{float: none}

  .hidden-sm.show, .visible-lg.show{display: inherit !important;}

  .bg-white-desktop{background-color: transparent;}

  .navbar > .btn{padding:10px 10px;}

  .nav-primary .dropdown-menu{position: relative;left: 0;float: none;display: block;border: none;background: transparent;padding-bottom: 0;-webkit-box-shadow: none;box-shadow: none;z-index: 0}

  .nav-primary .dropdown-menu a{color: #8e9eae;border-bottom: 1px solid #2a3b4c;}

  .nav-primary .dropdown-menu .active a{color: #fff;}

  .nav-primary.bg-light .dropdown-menu a{color: #3e4e5e;border-bottom-color:#d1d4d7;}

  .nav-primary.bg-light .dropdown-menu a:hover{color: #fff}

  .nav-primary .nav{position: static;}

  .col-lg-2-4{width: 100%;float: none}

  .nav-switch{ display:none;}

}



.tip_box{

  float:left;

  text-align:center;

  margin: 5px 0 5px 0px;

  padding-left: 10px;

  height: 34px;

  line-height:34px;

  cursor:pointer;

}



@media (min-width: 768px) {

  .navbar-brand{

    margin-left: auto;

    margin-right: auto;

  }

  .modal-content{

    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);

  }

  .modal.fade .modal-large{ width:900px; margin-left:-450px; }

  .modal.fade .modal-max{ width:1200px; margin-left:-600px; }

}



/*phone*/

@media (max-width: 767px) {

  .main.padder{padding:15px 10px}

  .row, .row .row{margin-left: -10px;margin-right: -10px;}

  .row [class*="col-"]{padding-left: 10px;padding-right: 10px;}

  .shift{display: none !important;}

  .shift.in{display: block !important;}

  .row-2-phone [class*="col-"]{width: 50%;float: left}

  .row-2-phone .col-newline{clear: none}

  .row-2-phone li:nth-child(odd) { clear: left;margin-left: 0}

  .visible-sm-inline{display: inline-block !important;}

  .hidden-sm-only{display: none !important;}

  .text-center-sm{text-align: center !important;margin-bottom: 8px;}

  .navbar{padding:0}

  .navbar > .btn{padding:11px;}

  .navbar-avatar > li > a{padding: 15px 10px}

  .navbar-form{float: none;}

  .nav-toggle{position: absolute;left: 0;top: 0}

  .padder-sm{padding-left: 15px; padding-right:15px;}

  .h{font-size: 150px}

  .modal.fade .modal-max{ width:700px; margin-left:-350px; }

}



@media (max-width: 440px) {

  .toolbar a{width:25%;float: left;margin-bottom: 10px}

  .toolbar a:nth-child(5n){clear: left}



  footer{ font-size:12px; padding:20px 10px 10px; line-height:1.8; }

  .fnav{ font-size:14px; margin-bottom:0; }

  .fnav span{ padding:0 5px; }

}



.input-group{ position:relative;margin-bottom:4px;}

.input-group .form-control:last-child,

.input-group .btn:last-child{ border-top-left-radius:0; border-bottom-left-radius:0; }

.input-group .btn:last-child{ border-left:0; float:none; }

.input-group .form-control:first-child,

.input-group .btn:first-child{ border-top-right-radius:0; border-bottom-right-radius:0; }

.input-group .btn:first-child{ border-right:0; }

.input-group .dropdown-input{ display:none; position:absolute; background:#fff; border:1px solid #ccc; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); z-index:10; }

.input-group .dropdown-input ul{ list-style:none; padding:0; margin:0; width:100%; }

.input-group .dropdown-input li{ list-style:none; margin:0; }

.input-group .dropdown-input li:hover{ background:#eee; }

.input-group .dropdown-input li a{ display:block; height:28px; line-height:28px; padding:0 20px; cursor:pointer; color:#333; }

.input-group .dropdown-input li i{ font-size:10px; color:#ccc; }



.filter-row .label{ background:#eee; color:#333; font-weight:normal; }

.filter-row *{ vertical-align:middle; }



.form-inline .form-control{ width:auto; vertical-align:top; }

.form-inline .form-group{ width:auto; display:inline-block; }

.form-inline .btn-group{ vertical-align:top; width:auto; }

.form-inline .btn{ vertical-align:top; }



.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{ vertical-align:middle;}

.table-border-none.table thead > tr > th, .table-border-none.table tbody > tr > th, .table-border-none.table tfoot > tr > th, .table-border-none.table thead > tr > td, .table-border-none.table tbody > tr > td, .table-border-none.table tfoot > tr > td{ border-top:0; }



.main-edit .btn-group{ padding:0; margin:0; }

.main-edit .btn-group .active span{ cursor: default; }

.main-edit form.padder{ padding:0; }



/* jconfirm */

.jconfirm{ z-index:1050!important; }

.jconfirm .jconfirm-box div.jconfirm-closeIcon{ top:5px; right:5px; width:30px; height:30px; line-height:30px!important; font-size:30px!important; z-index:1000; }

.bl_dialog .jconfirm-box{ padding:0; }

.bl_dialog .jconfirm-box div.jconfirm-content-pane{ margin-bottom:0; }

.bl_dialog .jconfirm-content{ padding:20px; }

.bl_dialog .jconfirm-box div.jconfirm-title-c{ background:#e4efff; padding:15px; }

.bl_dialog .jconfirm-box div.jconfirm-title-c .jconfirm-title{ padding-bottom:0; font-size:18px; font-weight:bold; }

.bl_dialog .jconfirm-buttons{ display:none; }



/* editor */

.edui-editor{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }



/* 重置按钮 */

.btn-toggle .btn-white.active{ background:#515ddd; color:#fff; border-color: #515ddd; }

.btn-toggle .btn-off.active{ background: #ccc; border-color: #c3c6c9; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

.btn-tab .btn-white, .btn-tab .btn-default{ padding:0; }

.btn-tab .btn-white span, .btn-tab .btn-default span{ display:inline-block; padding:5px 10px; }



.table_verify tr td{ word-break:break-all !important; word-wrap:break-word !important; }



/* 表格自适应 */

.table-responsive {

  min-height: .01%;

  overflow-x: auto;

}

@media screen and (max-width: 767px) {

  .table-responsive {

    width: 100%;

    -ms-overflow-style: -ms-autohiding-scrollbar;

  }

  .table-responsive > .table {

    margin-bottom: 0;

  }

  .table-responsive > .table > thead > tr > th,

  .table-responsive > .table > tbody > tr > th,

  .table-responsive > .table > tfoot > tr > th,

  .table-responsive > .table > thead > tr > td,

  .table-responsive > .table > tbody > tr > td,

  .table-responsive > .table > tfoot > tr > td {

    white-space: nowrap;

  }

  .table-responsive > .table-bordered {

    border: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:first-child,

  .table-responsive > .table-bordered > tbody > tr > th:first-child,

  .table-responsive > .table-bordered > tfoot > tr > th:first-child,

  .table-responsive > .table-bordered > thead > tr > td:first-child,

  .table-responsive > .table-bordered > tbody > tr > td:first-child,

  .table-responsive > .table-bordered > tfoot > tr > td:first-child {

    border-left: 0;

  }

  .table-responsive > .table-bordered > thead > tr > th:last-child,

  .table-responsive > .table-bordered > tbody > tr > th:last-child,

  .table-responsive > .table-bordered > tfoot > tr > th:last-child,

  .table-responsive > .table-bordered > thead > tr > td:last-child,

  .table-responsive > .table-bordered > tbody > tr > td:last-child,

  .table-responsive > .table-bordered > tfoot > tr > td:last-child {

    border-right: 0;

  }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,

  .table-responsive > .table-bordered > tfoot > tr:last-child > th,

  .table-responsive > .table-bordered > tbody > tr:last-child > td,

  .table-responsive > .table-bordered > tfoot > tr:last-child > td {

    border-bottom: 0;

  }

}

.panel > .table,

.panel > .table-responsive > .table,

.panel > .panel-collapse > .table {

  margin-bottom: 0;

}

.panel > .table caption,

.panel > .table-responsive > .table caption,

.panel > .panel-collapse > .table caption {

  padding-right: 15px;

  padding-left: 15px;

}

.panel > .table:first-child,

.panel > .table-responsive:first-child > .table:first-child {

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.panel > .table:first-child > thead:first-child > tr:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,

.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,

.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {

  border-top-left-radius: 3px;

}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,

.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,

.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,

.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,

.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {

  border-top-right-radius: 3px;

}

.panel > .table:last-child,

.panel > .table-responsive:last-child > .table:last-child {

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.panel > .table:last-child > tbody:last-child > tr:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {

  border-bottom-left-radius: 3px;

}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,

.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,

.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,

.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {

  border-bottom-right-radius: 3px;

}

.panel > .panel-body + .table,

.panel > .panel-body + .table-responsive,

.panel > .table + .panel-body,

.panel > .table-responsive + .panel-body {

  border-top: 1px solid #ddd;

}

.panel > .table > tbody:first-child > tr:first-child th,

.panel > .table > tbody:first-child > tr:first-child td {

  border-top: 0;

}

.panel > .table-bordered,

.panel > .table-responsive > .table-bordered {

  border: 0;

}

.panel > .table-bordered > thead > tr > th:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,

.panel > .table-bordered > tbody > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,

.panel > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,

.panel > .table-bordered > thead > tr > td:first-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,

.panel > .table-bordered > tbody > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,

.panel > .table-bordered > tfoot > tr > td:first-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {

  border-left: 0;

}

.panel > .table-bordered > thead > tr > th:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,

.panel > .table-bordered > tbody > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,

.panel > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,

.panel > .table-bordered > thead > tr > td:last-child,

.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,

.panel > .table-bordered > tbody > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,

.panel > .table-bordered > tfoot > tr > td:last-child,

.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {

  border-right: 0;

}

.panel > .table-bordered > thead > tr:first-child > td,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,

.panel > .table-bordered > tbody > tr:first-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,

.panel > .table-bordered > thead > tr:first-child > th,

.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,

.panel > .table-bordered > tbody > tr:first-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {

  border-bottom: 0;

}

.panel > .table-bordered > tbody > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,

.panel > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,

.panel > .table-bordered > tbody > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,

.panel > .table-bordered > tfoot > tr:last-child > th,

.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {

  border-bottom: 0;

}

.panel > .table-responsive {

  margin-bottom: 0;

  border: 0;

}



/* auth */

.main_auth{ padding:0px 10px 0px; }

.main_auth .main_title{ font-size:35px;color:#fff; color:#eee; }

.main_auth .panel{ max-width:450px; margin:0 auto; padding:30px 25px 20px; }

.main_auth .auth_title{ font-size:20px; margin-bottom:5px; font-weight:bold; }

.login_heading{ text-align:center; margin-bottom:0px;}

.dn23_tongzhi{padding:5px 5px 5px 5px; background:#fed8a7;color:#ff6634; }

.user_avatar{ width:64px; height:64px; display:inline-block; text-align:center; border-radius:50%; }

.main_auth .icon{ display:inline-block; width:16px; text-align:center; }

.main_auth .iconfont{ display:inline-block; width:16px; text-align:center; line-height:normal; }

.main_auth .nav-tabs > li > a:hover{ color:#2b3f7e; }

.main_auth .nav-tabs > li.active > a{ font-weight:bold; color:#2b3f7e; }



.third{

  display: flex;

}

.third .mini-logo{

  border-radius: 5px;

  margin-right: 10px;

}

.third .mini-logo img{

  width: 35px;

  height: 35px;

}



.input-group .parsley-error-list{ position:absolute; visibility:hidden; }

.input-group .captcha_img{ vertical-align:middle; }

.bg-black .navbar-brand{ color:#fff; }



/* table */

.border-none,

.border-none td,

.border-none th{ border:none !important; }



/* file input*/

.file-wrapper input[type=file]{

   position:absolute; left:0; top:0; width:100%; height:100%; margin:0; opacity:0; z-index:99; outline:0; display:block; cursor:pointer;

 }



.panel .table-server tbody td{ padding:10px 15px; }



.member_product .item a{ padding:10px 15px 10px 45px; margin:5px 0; border:1px solid #fff; display:block; background-repeat:no-repeat; background-position:left center; }

/*.member_product .item.item_vps a{ background-image:url('../images/home_icon_server.png'); }

.member_product .item.item_vps a:hover{ background-image:url('../images/home_icon_server_active.png'); }

.member_product .item.item_vhost a{ background-image:url('../images/home_icon_host.png'); }

.member_product .item.item_vhost a:hover{ background-image:url('../images/home_icon_host_active.png'); }

.member_product .item.item_server a{ background-image:url('../images/home_icon_idc.png'); }

.member_product .item.item_server a:hover{ background-image:url('../images/home_icon_idc_active.png'); }

.member_product .item.item_ssl a{ background-image:url('../images/home_icon_ssl.png'); }

.member_product .item.item_ssl a:hover{ background-image:url('../images/home_icon_ssl_active.png'); }*/



.member_product .item.item_server a{ background:#e3efff;border-radius:10px}

.member_product .item.item_server a:hover{ background:#515ddd; }



.member_product .item a i{ font-size:32px; color:#515ddd; position:absolute; padding-left: 8px; left:15px; top:15px; }

.member_product .item a:hover i{ color:#ffffff; }

.member_product .item h3{ font-size:14px; color:#515ddd; margin:4px 0 3px; white-space:nowrap; }

.member_product .item p{ font-size:12px; color:#515ddd; margin:0; padding:0; height:20px; line-height:20px; overflow:hidden; }

.member_product .item a:hover h3{ color:#ffffff;}

.member_product .item a:hover p{ color:#ffffff;}

.user-head-info {display:inline-block;width:100%;}

.user-head-info .user_avatar {width:100px;height:100px;margin-right:15px;border:6px solid rgb(227 239 255 / 80%);}

.user-head-info .user_name {font-size:22px;background-size:56px;}

.user-head-info .user_icon {padding:0 10px;display:inline-block;width:100%;}

.user-head-info .user_icon a {display:inline-block;width:auto;position:relative;font-size:13px;width:31.8%;color:#777;}

.user-head-info .user_icon a:hover {color:#515ddd;}

.user-head-info .user_icon i {position:relative;top:2px;margin-right:5px;}

.user-head-info .user_icon a.active {color:#000;}

.user-head-info .zdy-hy {line-height:30px;padding-left:0;font-size:13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.user-head-info .zdy-hym {line-height:40px;padding-left:0;color:#515ddd;}

.user-head-info .zdy-hyz {color:#fff !important;text-align:center;border-radius:100px;/*border:4px solid rgba(255,255,255,0.53);*/display:inline-block;font-size:12px;text-overflow:ellipsis;white-space:nowrap;line-height:23px;padding:0;min-width:75px}

.zdy-pt0 {padding:0 !important;}

.zdy-xhx {border-bottom:1px solid #eee;padding-bottom:18px;margin-bottom:10px;}

.zdy-dlsj {margin-top:19px;}

.zdy-dlsj p {display:inline-block;width:49%;font-size:12px;margin:0;color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.zdy-dlsj p:last-child {text-align:right;}

.zdy-xyed {font-size:13px;padding-left:10px;}

.dn23-btn {background:#515ddd;padding:8px 22px;color:#ffffff;}

.dn23-btn:hover {background:#1c72fc;color:#fff !important;}

.dn23-btn-duihuan {background:#515ddd;padding:8px 22px;color:#ffffff;}

.dn23-btn2 {background:#f5f7ff;padding:8px 22px;margin-left:10px;border:1px solid #ff5f5f;color:#ff5f5f;}

.dn23-btn3 {background:#339900;padding:8px 22px;margin-left:10px;border:1px solid #339900;color:#ffffff;}

.dn23-btn-duihuan:hover {background:#515ddd;color:#fff !important;}

.dn23-btn-duihuan:visited {background:#515ddd;color:#fff !important;}

.dn23-btn2:hover {background:#ff7a7a;color:#fff !important;}

.dn23-btn3:hover {background:#3aad01;color:#fff !important;}



.zdy-xflj {display:flex;justify-content:space-between;margin:25px 0 7px;color:#777;}

.zdy-xflj a {color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.zdy-xflj a:hover {color:#515ddd;}

.zdy-qstop {border:0 !important;padding:0 !important;width:100%;display:inline-block;margin-bottom:28px;}

.zdy-qstop span {width:35.5%;display:inline-block;color:#777;font-size:12px;}

.zdy-qsbot {width:100%;display:inline-block;padding:0 !important;border:none !important;}

.zdy-height {height:290px;}

.zdy-height2 {height:165px;}

.zdy-height3 {height:320px;}



.nav.nav-tabs.zdy-tab > li {background: #f1f1f1;}

.nav.nav-tabs.zdy-tab li a{padding: 13px 80px;}

.view-inner-fixed {position:fixed !important;width:21.3%;z-index:1000;transition:transform 0.2s ease 0s;transform:translate(0px,0px);}

.view-inner-fixeds {position:fixed !important;width:21.3%;transition:transform 0.2s ease 0s;transform:translate(0px,0px);bottom: 60px;}

#footer .text-center {display:none;}

.wrap {margin-bottom:15px;padding:15px 25px 15px;position:relative;background:#fff;}

.wrap .wrap-heading {color:#333;height:25px;line-height:25px;font-size:16px;font-weight:bold;margin-bottom:15px;padding-left:15px;position:relative;}

.wrap .wrap-heading:before {content:'';display:inline-block;position:absolute;left:0;top:50%;margin-top:-8px;height:14px;width:4px;border-radius:3px;background:#4687ff;vertical-align:text-bottom;}

.wrap .wrap-body{ padding:0 15px; }

.wrap#wrapFooter{ position:fixed;bottom:0;left:210px;right:15px;z-index:100;padding-top:0;padding-bottom:0;margin-bottom:0;border:1px solid #ebecee;border-radius:5px; box-shadow:0 -2px 12px 1px rgba(0,0,0, 0.1); }

.wrap#wrapFooter .wrap-body{ padding-right:0px; }

.wrap#wrapFooter .wrap-heading{ display:none; }

.wrap .wrap-item .wrap-rule-body .col-sm-3{line-height:28px;margin-bottom:5px; }

.wrap .wrap-item {margin:5px 0;}

.wrap .wrap-item .wrap-rule-name {float:left;width:90px;padding:11px 0 11px;font-size:14px;color:#666;}

.wrap .wrap-item .wrap-rule-body {padding-left:110px;}

.wrap-coupon{

  padding-right: 100px;

}

.wrap-rule-body.warp-rule-static{padding-top:11px; font-size: 14px;}

.wrap-coupon .form-control{width:180px;}





.wrap-coupon .form-control option{

  padding: 3px 0;

  color: #999999;

  font-size: 14px;

}

.wrap-coupon .form-control option:disabled{

  color: #999;

}

.wrap-amount.wrap-item .btn_buy {width: 100%;}



.rule-list .rule-item {float:left;position:relative;margin:5px 0 5px -1px;height:38px;line-height:38px;text-align:center;font-size:14px;border:1px solid #ddd;padding:0 20px;}

.rule-list .rule-item.active {    background: #eef5ff;

    border-color: #515ddd;

    color: #515ddd;margin-right: 1px;}

.rule-list .rule-item:first-child {border-top-left-radius:0px;border-bottom-left-radius:0px;}

.rule-list .rule-item:last-of-type {border-top-right-radius:0px;border-bottom-right-radius:0px;}

.rule-list .rule-item.disabled {color:#aeaeae;cursor:not-allowed;background:#f5f5f5;}

.rule-list .rule-item .badge {position:absolute;top:-21px;right:0px;font-weight:normal;}

.rule-list .rule-item .badge:after {content:"";position:absolute;left:5px;bottom:-6px;display:inline-block;width:0;height:0;border-width:7px 7px 0 0;border-style:solid;border-color:#b1b5b9 transparent transparent;}

.rule-list .rule-item .badge.bg-danger:after {border-color:#f60 transparent transparent;}

.rule-desc{ color:#999; padding-top:10px; font-size:12px; }

.rule-price{ font-size:24px; }

.rule-input{ margin:5px 0 5px; }

.rule-input .form-control{ height:34px; border-top-left-radius:5px; border-bottom-left-radius:5px; border-color:#ddd; width:100%; }

.rule-input .form-control:active,

.rule-input .form-control:hover{ border-color:#515ddd; }

.rule-input .input-group-addon{ background:none; font-weight:bold; border-color:#ddd; }

.rule-input .input-group-addon:last-child{ border-top-right-radius:5px; border-bottom-right-radius:5px; }

.rule-slider{ margin:11px 0 0; }



.rule-list .rule-card{ display:block; float:left; border:1px solid #ebecee; margin:5px 10px 5px 0; overflow:hidden; cursor:pointer; width:350px; line-height: 2em; color:#333; position: relative; }

.rule-list .rule-card label{ display:block; text-align:center; font-weight:normal; height:42px; line-height:42px; font-size: 16px; }

.rule-list .rule-card .desc{

  text-align: center;

  padding:0 15px;

}

.rule-list .rule-card label:after{

  content: " ";

  height: 1px;

  background: #0096e0;

  width: 30px;

  margin: 0 auto;

  display: block;

}

.rule-list .rule-card .icon-bg{

  display: none;

  color: #fff;

  text-align: right;

  position: absolute;

  right: 0;

  border-top: 24px solid #0096e0;

  border-left: 24px solid transparent;

}

.rule-list .rule-card .icon-ok{

  display: none;

  line-height: 12px;

  position: absolute;

  color: #fff;

  right: -2px;

  top: 3px;

}



.rule-list .rule-card.active,.rule-list .rule-card:hover{ box-shadow: 1px 1px 20px rgba(0,0,0,.1); }

.rule-list .rule-card.active .icon-bg,.rule-list .rule-card.active .icon-ok,.rule-list .rule-card:hover .icon-bg,.rule-list .rule-card:hover .icon-ok{

  display: block;

}

.rule-list .rule-card.active label,.rule-list .rule-card:hover label{ color: #0096e0; }

.rule-list .rule-card ul,

.rule-list .rule-card ul li{ list-style-type:none; padding:0; margin:0; }

.rule-list .rule-card ul{ padding:5px 0; text-align: center;}

.rule-list .rule-card ul li{ padding:1px 10px 5px; }



.progress_color_box{ color:#fff; position:relative; border-radius:10px; }

.progress_color_box .pcb_body{ padding:15px; border-radius:10px 10px 0 0; }

.progress_color_box h5{ margin:0 0 5px; padding:0; font-size:14px; }

.progress_color_box .pcb_icon{ position:absolute; right:15px; top:15px;}

.progress_color_box .pcb_foot{ background:#F5f6FA; padding:15px; border-radius:0 0 10px 10px; }



.wrap.wrap_simple{ border:none; margin-bottom:0; padding:0; border-radius:0; background:none; }

.wrap.wrap_simple .wrap-item .wrap-rule-name{ padding:5px 0 5px; }

.wrap.wrap_simple .wrap-body{ margin-left:0; padding:0; }

.wrap.wrap_simple .rule-slider{ margin:5px 0 5px; }



.cash-coupon-item {

  position: relative;

  float: left;

  margin-right: 15px;

  margin-bottom: 20px;

  padding-top: 32px;

  width: 232px;

  height: 320px;

  background: url('../images/coupon_bg_normal.png') no-repeat center;

}

.cash-coupon-item.near_expire .cash-coupon-corner{

  position: absolute;

  left: 0;

  top: 0;

  width: 64px;

  height: 64px;

  background: url('../images/icon_label_to_expire.png') no-repeat center;

}

.cash-coupon-item.had_use .cash-coupon-corner{

  position: absolute;

  left: 0;

  top: 0;

  width: 64px;

  height: 64px;

  background: url('../images/icon_label_used.png') no-repeat center;

}

.cash-coupon-item.had_expire .cash-coupon-corner{

  position: absolute;

  right: 16px;

  bottom: 16px;

  width: 80px;

  height: 64px;

  background: url('../images/mark_disabled.png') no-repeat center;

}

.cash-coupon-item:first-child {

  margin-left: 0;

}

.cash-coupon-item.had_expire,

.cash-coupon-item.had_use {

  background-image: url('../images/coupon_bg_disabled.png');

}

.cash-coupon-money {

  height: 30px;

  text-align: center;

  color: #fff;

  font-size: 24px;

}

.money {

  font-size: 2.5rem;

  font-weight: bold;

}

.cash-coupon-tip {

  text-align: center;

  color: #fff;

  font-size: 12px;

  line-height: 40px;

}

.cash-coupon-time {

  color: #1d698f;

  font-size: 12px;

  text-align: center;

}

.had_expire .cash-coupon-time,

.had_use .cash-coupon-time {

  color: #636566;

}



.cash-coupon-bottom {

  padding-top: 24px;

  padding-left: 10px;

  height: 150px;

}

.cash-coupon-bottom-item {

  line-height: 32px;

  font-size: 12px;

  color: #262829;

}

.over-text{

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}

.cash-coupon-bottom-item-title {

  color: #a0a2a3;



}

.coupon-bar{

  display: flex;

  flex-wrap: wrap ;

  padding: 0 15px;

}



.cash-coupon-item-btn {

  display: block;

  margin: 0 auto;

  border: 1px solid #515ddd;

  width: 120px;

  height: 32px;

  line-height: 30px;

  font-size: 12px;

  color: #515ddd;

  text-align: center;

  border-radius: 16px;

}

.cash-coupon-item-btn:hover {

  text-decoration: none;

  color: #515ddd;



}

.oauth_title{

  position: relative;

  margin-bottom: 10px;

  margin-top: 20px;

}

.oauth_title span{

  padding-top: 5px;

  display: block;

  margin: 0 auto;

  width: 120px;

  color: #68696a;

  text-align: center;

  background: #fff;

  font-size: 12px;

  position: relative;

  z-index: 1;

}

.oauth_title:before{

  content: '';

  width: 100%;

  display: block;

  position: absolute;

  top: 10px;

  border-bottom: 1px solid #c3c6c9;

  z-index: 0;

}

.oauth_box{

  display: flex;

  display: -webkit-flex;

  align-items:center;

  justify-content:center;

}

.oauth_item img {width:100%;}

.zdy-zkss{display: none;}

.zdy-sm{display: none;}

.jgao {border:1px solid #ffdea3;background:#fffcf5;padding:8px 15px;}

.jgao h4 { color: #f00;

    font-size: 10px;

    float: left;

    margin: 0;}

.jgao p {color:#ff9046;margin:0;font-size: 10px;}

.oauth_item{

  width: 12%;

  margin: 5px;

  white-space: nowrap;

  text-align: center;

  color: #999;

}

.oauth_item a{

  display: block;

  border-radius: 50%;

  overflow: hidden;

  margin-bottom: 5px;

}

.oauth_item img{

  width: 100%;

}

.ssl_product_tips{

  display: flex;

}

.ssl_product_tips .product_images {

  display: block;

  height: 80px;

  width: 250px;

  vertical-align: top;

  background-repeat: no-repeat;

  background-position: center;

  background-size: 200px;

  border-right: 1px solid #ececec;

}

.ssl_product_tips .product_images.Sectigo {

  background-size: 110px;

  background-image: url('data:image/png;base64,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')

}

.ssl_product_tips .product_content {

  flex: 1;

  line-height: 20px;

  vertical-align: top;

  font-size: 13px;

  padding: 10px;

  box-sizing: border-box;

}

.member_product .icon-sitemap{ margin-top:5px;margin-left:-5px;}

.member_product .icon-cloud-upload{ margin-top:5px;margin-left:-5px;}

.member_product .icon-unlink{ margin-top:5px;margin-left:-5px;}

.member_product .icon-envelope-alt{ margin-top:5px;margin-left:-5px;}



.mall-main{max-width:100%; font: 12px/1.5 Microsoft YaHei,PingFang,Heiti SC;}

.mall-main ul {margin-right: -10px;margin-left: -5px;  margin-bottom:15px}

.mall-main li{ width:33.3%;float:left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:15px;display: list-item;text-align: -webkit-match-parent; }

.mall-pro-main {border: 1px solid #E6E6E6; margin:0px 10px;padding-bottom: 15px; padding:15px; background:#FFF;transition: all 0.5s;}

.mall-pro-main:hover{ border:1px solid #2358fe}



.listpic img{ width:200px; height:200px; border:1px solid #F6F6F6; border-radius:2px}

.listpic{ float:left}

.mall-info{ margin-left:220px;}



.mall-info h4 {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px; color: #1a1a1a;line-height: 35px;border-bottom: 1px solid #eee; font-weight:normal}

.mall-info p{ float:left; width:100%; height:35px;}

.mrl-panic-buying {float: left;margin-top: 15px;font-size: 14px;color: #1a1a1a;line-height: 32px;}

.sytime{ font-size:14px; line-height:30px; margin-top:0px; float:left;padding-left:20px; background:url(images/time.png) left 6px no-repeat}

.mrl-discount{ width:100%; float:left; margin-top:10px;}

.mrl-discount .coupon {background: #ff6e75;color: #fff;border-radius: 50px;float: left;margin-top: 15px;margin-left: 10px;padding: 0 10px;font-size: 12px;line-height: 20px;}

.mall-count {margin-top: -8px;font-size: 12px;line-height: 30px;color: #999;}

.mall-count .count-r{ float:right}

.process {width: 100%;height: 10px;border: 1px solid #2358fe;border-radius: 5px; float:left;margin-top:0px}

.process i {display: block;height: 8px; background:url(images/j.png) repeat-x;/*background: ;*/border-radius: 4px;}

.discount-price { font-size:14px; line-height:30px; margin-top:0px; float:left;padding-left:20px; background:url(images/pre.png) left 6px no-repeat}

.discount-price em {color: #ff6e75;font-weight: bold;margin-left: 6px; font-size:12px;font-weight:normal;}

.discount-price i {font-size: 16px;font-family: Arial;}

.clearfix { zoom:1; }    

.clearfix:after{ content:"";display:block;clear:both}

.pg{ margin-top:10px; margin-right:10px;}

.reds,.reds a{ color:#c30}

.hdjs{ color:#999}

.p_title{ margin-right:10px;}



/** 平板模式 */

@media (max-width: 1500px) {

    .listpic img{ width:180px; height:180px; border:1px solid #F6F6F6; border-radius:2px}

.listpic{ float:left}

.mall-info{ margin-left:200px;}

  .wrap#wrapFooter{ left:10px; right:10px; }

  .wrap-amount .wrap-rule-name{ display:none; }

  .wrap-amount.wrap-item .wrap-rule-body{ padding-left:10px; }

  .wrap-amount.wrap-item .btn_buy{ padding-left:15px; padding-right:15px; }

}









/** 平板模式 */

@media (max-width: 1000px) {

    .mall-main li{ width:50%;float:left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:15px;display: list-item;text-align: -webkit-match-parent; }

    .listpic img{ width:170px; height:170px; border:1px solid #F6F6F6; border-radius:2px}

.listpic{ float:left}

.mall-info{ margin-left:190px;}

  .wrap#wrapFooter{ left:10px; right:10px; }

  .wrap-amount .wrap-rule-name{ display:none; }

  .wrap-amount.wrap-item .wrap-rule-body{ padding-left:10px; }

  .wrap-amount.wrap-item .btn_buy{ padding-left:15px; padding-right:15px; }

}



/** 大尺寸手机 */

@media (max-width: 767px) {

     .mall-main li{ width:100%;float:left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:15px;display: list-item;text-align: -webkit-match-parent; }

  .nav-brand {margin-left:20px}

  .dn23_huiyuanz{margin-top:0px}

  .wrap#wrapFooter{ position:static;left:0;right:0;margin-bottom:10px; }

  .show-item{

    width: 100%;

  }
  
  
.navbar .nav-brand {
	padding: 22px 0px;
	left: 50%;
	position: absolute;
	margin-left:-100px;
}
  
  
  

}



/** 小尺寸手机 */

@media (max-width: 440px) {

      .mall-main li{ width:100%;float:left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-top:15px;display: list-item;text-align: -webkit-match-parent; }

 .dn23_caiwutab{font-size:18px;}

.dn23-btn {background:#515ddd;padding:8px 10px;color:#ffffff;}

.dn23-btn2 {background:#f5f7ff;padding:8px 10px;margin-left:5px;border:1px solid #ff5f5f;color:#ff5f5f;}

.dn23-btn3 {background:#339900;padding:8px 10px;margin-left:5px;border:1px solid #339900;color:#ffffff;}

.dn23-btn:hover {background:#515ddd;color:#fff !important;}

.dn23-btn2:hover {background:#ff7a7a;color:#fff !important;}

.dn23-btn3:hover {background:#3aad01;color:#fff !important;}

    .nav-brand {margin-left:20px}
	
	
	.navbar .nav-brand {
	margin-left:-100px;
}

    .dn23_huiyuanz{margin-top:0px}

    .zdy-height3 {height:460px;}

    .zdy-hy,.zdy-hym,.zdy-hyz {margin-left:30px}

    .user-head-info .zdy-hy {line-height:30px;padding-left:0;font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

   .user-head-info .user_icon a {display:inline-block;width:auto;position:relative;font-size:12px;width:31.8%;color:#777;}

   .zdy-dlsj p {display:inline-block;width:49%;font-size:10px;margin:0;color:#777;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

  .wrap{ padding:10px 0; }

  .wrap .wrap-item .wrap-rule-name{ float:none; width:100%; }

  .wrap .wrap-item .wrap-rule-body{ padding-left:0; }

  .wrap-coupon{ padding-right:10px; }



  .rule-list .rule-card{ width:auto; max-width:100%; }

  .ssl_product_tips .product_images {

    width: 100px;

    display: none;

  }

}





/*右侧咨询*/

@media (max-width: 767px) {

  .float-consult {

    right: 10px !important;

    top: 140px !important;

  }

  .float-consult .other {

    padding: 10px 20px 10px !important;

  }

  .cd-top {

	right: 13px;

}

}

.back-top {

  transition: 0.3s all linear;

  visibility: hidden;

}

.float-consult {

  position: fixed;

  right: 22px;

  top: 140px;

  z-index: 111;

}

.float-consult > ul {

  position: relative;

}

.float-consult > ul > li {

  width: 90px;

  height: 55px;

  list-style:none;

  margin: 0 0 5px;

}

.float-consult > ul > li.close8{

	position: absolute;

	right: -18px;

	top: -18px;

	width: 30px;

	height: 30px;

	margin-left: 0;

	background: url(/skin/bll02/img/icon.png) no-repeat;

	background-position: -149px -31px;

	*right: -18px;

	z-index:100;

	_display: none;

	cursor:pointer;

}

.float-consult > ul > li.close8:hover{ background-position:-180px -31px;}







.float-consult > ul > li.close8 a{ }

.float-consult .cloumn {

  float: right;

  width: 55px;

  height: 55px;

  background: #fff;

  text-align: center;

  font-size: 12px;

  color: #666666;

  border: 1px solid #eee;

  cursor: pointer;

}

.float-consult .cloumn:before {

  content: '';

  width: 26px;

  height: 26px;

  display: block;

  margin: 5px auto 2px;

  background: url('/skin/bll02/img/side-menu.png') no-repeat;

}

.float-consult .cs1:before {

  background-position: 1px 0;

}

.float-consult .cs2:before {

  background-position: -27px 0;

}

.float-consult .cs3:before {

  background-position: -56px 0;

}

.float-consult .cs4:before {

  background-position: -85px 0;

}

.float-consult .cs5:before {

  background-position: -116px 0;

}

.float-consult .cs6:before {

  background-position: -145px 0;

}

.float-consult .cs7:before {

  background-position: -176px 0;

}

.float-consult .cs8:before {

  background-position: -206px 0;

}

.float-consult .cs9:before {

  background-position: -95px -86px;

}

.float-consult .ewm {

  display: none;

  position: absolute;

  bottom: -5px;

  right: 69px;

  z-index: 111;

  background: #fff;

  width: 128px;

  height: 128px;

  border: 1px solid #0095ff;

}

.float-consult .ewm:after {

  content: '';

  width: 5px;

  height: 8px;

  display: block;

  position: absolute;

  right: -5px;

  top: 30px;

  background: url('/skin/bll02/img/ico2.png') left center no-repeat;

}

.float-consult .ewm img {

  display: block;

  width: 118px;

  height: 118px;

  margin: 5px;

}

.float-consult .service {

  display: none;

  position: absolute;

  top: 240px;

  right: 70px;

  font-size: 16px;

  color: #fff;

  width: 210px;

  background: #0095ff;

  text-align: center;

  line-height: 25px;

  padding: 18px 0;

}

.float-consult .service:after {

  content: '';

  position: absolute;

  right: -5px;

  top: 26px;

  display: inline-block;

  width: 0;

  height: 0;

  line-height: 0;

  vertical-align: middle;

  border: 5px dashed transparent;

  border-left-style: solid;

  border-left-color: #0095ff;

  border-right-width: 0;

}

.float-consult .consult {

  display: none;

  border: 1px solid #eee;

  width: 323px;

  background: #fff;

  position: absolute;

  right: 70px;

  top: 10px;

}

.float-consult .consult:before {

  content: '';

  display: block;

  width: 6px;

  height: 10px;

  position: absolute;

  right: -5px;

  background: url('/skin/bll02/img/ico4.png') center no-repeat;

}

.float-consult .consult h2 {

  font-size: 20px;

  padding: 13px 20px 13px;

  margin: 0 0 15px;

  border-bottom: 1px dashed #ddd;

}

.float-consult .consult h2 span {

  color: #999999;

  font-size: 14px;

  margin-left: 15px;

}

.float-consult .list {

  border-bottom: 1px dashed #eee;

  padding: 0 20px 15px;

}

.float-consult .tip {

  font-size: 12px;

  overflow: hidden;

}

.float-consult .tip h5 {

  color: #ff8a00;

  font-size: 14px;

  margin: 0 0 5px;

}

.float-consult .tip p {

  color: #666;

  line-height: 20px;

}

.float-consult .tip span {

  font-weight: 600;

}

.float-consult .item {

  height: 38px;

  border: 1px solid #eeeeee;

  position: relative;

  padding-left: 140px;

  text-align: center;

  min-height: 38px;

  margin: 0 0 15px;

}

.float-consult .item em {

  display: block;

  width: 139px;

  height: 38px;

  line-height: 38px;

  background: #fafafa;

  position: absolute;

  left: 0;

  top: 0;

  color: #666666;

}

.float-consult .item .ico {

  display: inline-block;

  width: 20px;

  height: 20px;

  position: relative;

  margin: 9px 10px 0;

  vertical-align: middle;

  cursor: pointer;

  background: url('../../images/public/side-menu.png') no-repeat;

}

.float-consult .item img {

  display: block;

  width: 89px;

  height: 89px;

}

.float-consult .item .card {

  display: none;

  position: absolute;

  bottom: -98px;

  left: -37px;

  z-index: 111;

  background: #fff;

  width: 89px;

  height: 89px;

  border: 1px solid #0095ff;

}

.float-consult .item .card:before {

  content: '';

  width: 9px;

  height: 6px;

  display: block;

  position: absolute;

  left: 41px;

  top: -6px;

  background: url('/skin/bll02/img/ico3.png') center bottom no-repeat;

}

.float-consult .preale3 .card {

  top: -98px;

}

.float-consult .preale3 .card:before {

  top: 89px;

  background: url('/skin/bll02/img/ico3-1.png') center bottom no-repeat;

}

.float-consult .preale4 .card {

  top: -98px;

}

.float-consult .preale4 .card:before {

  top: 89px;

  background: url('/skin/bll02/img/ico3-1.png') center bottom no-repeat;

}

.float-consult .item .phone {

  display: none;

  position: absolute;

  top: 40px;

  left: -65px;

  font-size: 16px;

  z-index: 111;

  color: #fff;

  width: 150px;

  background: #0095ff;

  text-align: center;

  line-height: 25px;

  padding: 7px 0;

}

.float-consult .item .phone:after {

  content: '';

  position: absolute;

  left: 70px;

  top: -5px;

  display: inline-block;

  width: 0;

  height: 0;

  line-height: 0;

  vertical-align: middle;

  border: 5px dashed transparent;

  border-bottom-style: solid;

  border-bottom-color: #0095ff;

  border-top-width: 0;

}

.float-consult .preale4 .phone {

  bottom: 33px;

}

.float-consult .preale4 .phone:after {

  bottom: -5px;

  top: auto;

  border-top-width: thick;

  border-bottom-style: none;

  border-top-style: solid;

  border-top-color: #0095ff;

  border-bottom-width: 0;

}

.float-consult .list .qq {

  background-position: 0 -60px;

}

.float-consult .list .wx {

  background-position: -22px -60px;

}

.float-consult .list .tel {

  background-position: -50px -60px;

}

.float-consult .list .qq:hover {

  background-position: -71px -60px;

}

.float-consult .list .wx:hover {

  background-position: -94px -60px;

}

.float-consult .list .tel:hover {

  background-position: -120px -60px;

}

.float-consult .other {

  clear: both;

  padding: 20px 20px 10px;

  overflow: hidden;

}

.float-consult .other h3 {

  color: #0095ff;

  font-size: 14px;

  margin: 0 0 10px;

}

.float-consult .other a {

  display: block;

  color: #999999;

  font-size: 12px;

  line-height: 20px;

}

.float-consult .other a:hover {

  color: #0095ff;

}

.float-consult .preale:before {

  top: 75px;

}

.float-consult .aftersale:before {

  top: 192px;

}

.float-consult .beian:before {

  top: 252px;

}

.float-consult li:hover .cloumn {

  border: 1px solid #0095ff;

  color: #0095ff;

}

.float-consult li:hover .cs1:before {

  background-position: 1px -30px;

}

.float-consult li:hover .cs2:before {

  background-position: -27px -28px;

}

.float-consult li:hover .cs3:before {

  background-position: -56px -28px;

}

.float-consult li:hover .cs4:before {

  background-position: -85px -28px;

}

.float-consult li:hover .cs5:before {

  background-position: -116px -28px;

}

.float-consult li:hover .cs6:before {

  background-position: -145px -28px;

}

.float-consult li:hover .cs7:before {

  background-position: -176px -27px;

}

.float-consult li:hover .cs8:before {

  background-position: -206px -27px;

}

.float-consult li:hover .cs9:before {

  background-position: -128px -86px;

}

.float-consult .cart:hover a {

  color: #ff8a00;

  border: 1px solid #ff8a00;

}

.float-consult .cartActive a {

  border: 1px solid #ff8a00;

  color: #ff8a00;

}

.float-consult .cartActive .cs7:before {

  background-position: -176px -27px;

}

.float-consult .cartActive em {

  width: 20px;

  height: 20px;

  position: absolute;

  left: 20px;

  top: -10px;

  border-radius: 100%;

  color: #fff;

  line-height: 20px;

  text-align: center;

  font-size: 12px;

  background: #ff8a00;

}



.consult-drop:hover span {



  display: block !important;

}

.consult-drop a {

  color: #fff;

}

.float-consult .item .phone {

  top: 25px;

}



.float-consult > ul > li {

  width: 55px;

  height: 55px;

}

.suspension-item {

  position: relative;

  display: block;

  width: 55px;

  height: 55px;

  background: #fff no-repeat center 8px;

  padding-top: 35px;

  text-align: center;

  color: #666;

  border: 1px solid #eeeeee;

  font-size: 12px;

}

.suspension-item:hover {

  color: #0095ff;

  border-color: #0095ff;

}

.suspension-item.qq {

  background-image: url(/skin/bll02/img/icon_suspension_qq.png);

}

.suspension-item.qq:hover {

  background-image: url(/skin/bll02/img/icon_suspension_qq_active.png);

}

.suspension-item.wechat {

  background-image: url(/skin/bll02/img/icon_suspension_wechat.png);

}

.suspension-item.wechat:hover {

  background-image: url(/skin/bll02/img/icon_suspension_wechat_active.png);

}

.suspension-item.tel {

  background-image: url(/skin/bll02/img/icon_suspension_tel.png);

}

.suspension-item.tel:hover {

  background-image: url(/skin/bll02/img/icon_suspension_tel_active.png);

}

.suspension-detail-outer {

  display: none;

  position: absolute;

  top: -34%;

  right: 54px;

  width: 340px;

}

.suspension-detail {

  position: relative;

  width: 325px;

  padding: 20px;

  background: #fff;

  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.1);

}

.suspension-detail:after {

  content: '';

  position: absolute;

  border: 6px solid transparent;

  border-left-color: #fff;

  right: -12px;

  top: 50%;

  margin-top: -6px;

}

.suspension-detail-title {

  color: #666666;

  font-size: 14px;

  height: 14px;

  text-align: left;

}

.suspension-detail-list{ padding:0; margin:0}

.suspension-detail-list li {

  float: left;

  width: 142px;

  margin-top: 18px;

  height: 20px;

  line-height: 20px;

  list-style:none;

}

.suspension-detail-list li a {

  display: block;

  width: 100%;

  height: 20px;

  line-height: 20px;

  padding-left: 30px;

  background: no-repeat left center;

  font-size: 14px;

  text-align: left;

  color: #999;

}

.suspension-detail-list li a:hover {

  color: #0095ff;

}

li.icon-consult a {

  background-image: url(/skin/bll02/img/icon_suspension_consult.png);

}

li.icon-small-tel a {

  background-image: url(/skin/bll02/img/icon_suspension_tel_orange.png);

}

.suspension-item:hover .suspension-detail-outer {

  display: block;

}

.wechat .suspension-detail-outer {

  left: auto;

  width: 133px;

  top: -50%;

}

.wechat .suspension-detail {

  width: 118px;

  height: 118px;

  padding: 0;

}

.tel .suspension-detail-outer {

  width: 235px;

}

.tel .suspension-detail {

  width: 220px;

}