@import"../../../love/img/css/icon.css";

#nav{height:50px;overflow:hidden;position:relative;z-index:100;background-color: #ffffff;border-bottom:1px solid rgb(225,225,225);}
.nav-dh{margin:0;padding:0;height:50px;overflow:hidden;max-width: 1200px;background-color: #ffffff;margin: 0 auto;}
#logo{padding:0 2px 0 0px;margin-left:10px;cursor:pointer;}
.logo{display: inline-block;line-height: 33px;font-size: 14px;vertical-align:middle;}
.logo-img{height: 38px;margin:7px 0 2px 0px; height: 41px;}
.slogan{line-height:37px;margin-top:17px;text-align:left;display: inline-block;margin-left:0px;}
.caidan{text-align:right;margin: 0;padding:0;padding-right: 10px;}
.caidan-nav{display:inline-block; color:black; line-height: 50px;}
.caidan-title{background-color:#ff246c;cursor: pointer;padding:0 11px 0 10px;margin-left: 6px;margin-right:6px;display:inline-block;color:white;}
.caidan-nav  a:hover{color:#ff246c;}
.caidan-word{color:black;padding-right:2px;padding-left:2px;}
.shu{display: inline-block;line-height: 150%;width:1px;margin-left:4px;margin-right:5px;border-left:1px solid #e8e8e8;}
.menu3h{z-index:2;visibility: hidden;height 50px;}
.navx{width:100%;color:black;height: 50px;}

@media only screen and (max-width: 992px) {.hide-on-med-and-down {display: none !important;}}
@media only screen and (min-width: 601px) {.hide-on-med-and-up {display: none !important;}}
@media only screen and (min-width: 600px) and (max-width: 992px) {.hide-on-med-only {display: none !important;}}
.side-nav {position: fixed;width: 300px;left: 0;top: 0;margin: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);height: 100%;height: calc(100% + 60px);height: -moz-calc(100%);padding-bottom: 60px;background-color: #fff;z-index: 999;overflow-y: auto;will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-105%);transform: translateX(-105%);}
.side-nav li {float: none;line-height: 48px;}
.side-nav li.active {background-color: rgba(0, 0, 0, 0.05);}
.side-nav li > a {color: rgba(0, 0, 0, 0.87);display: block;font-size: 14px;font-weight: 500;height: 48px;line-height: 48px;padding: 0 32px;}
.side-nav li > a:hover {background-color: rgba(0, 0, 0, 0.05);}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-flat, .side-nav li > a.btn-floating {margin: 10px 15px;}
.side-nav li > a.btn, .side-nav li > a.btn-large, .side-nav li > a.btn-large, .side-nav li > a.btn-floating {color: #fff;}
.side-nav li > a.btn-flat {color: #343434;}
.side-nav li > a.btn:hover, .side-nav li > a.btn-large:hover, .side-nav li > a.btn-large:hover {background-color: #2bbbad;}
.side-nav li > a.btn-floating:hover {background-color: #26a69a;}
.side-nav li > a > i,.side-nav li > a > [class^="mdi-"], .side-nav li > a li > a > [class*="mdi-"],.side-nav li > a > i.material-icons {float: left;height: 48px;line-height: 48px;margin: 0 32px 0 0;width: 24px;color: rgba(0, 0, 0, 0.54);}
#sidenav-overlay {position: fixed;top: 0;left: 0;right: 0;height: 120vh;background-color: rgba(0, 0, 0, 0.5);z-index: 997;will-change: opacity;}
.btn, .side-nav {-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}
nav ul a span.badge {display: inline-block;float: none;margin-left: 4px;line-height: 22px;height: 22px;-webkit-font-smoothing: auto;}

.row {margin-left: auto;margin-right: auto;margin-bottom: 0px;}
.row:after {content: "";display: table;clear: both;}
.row .col {float: left;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 0.75rem;min-height: 1px;}
.row .col[class*="push-"], .row .col[class*="pull-"] {position: relative;}
.row .col.s2 {width: 16.6666666667%;margin-left: auto;left: auto;right: auto;}
.row .col.s10 {width: 83.3333333333%;margin-left: auto;left: auto;right: auto;}
.row .col.s11 {width: 91.6666666667%;margin-left: auto;left: auto;right: auto;}
@media only screen and (min-width: 601px) {.row .col.m2 {width: 16.6666666667%;margin-left: auto;left: auto;right: auto;}.row .col.m7 {width: 58.3333333333%;margin-left: auto;left: auto;right: auto;}.row .col.m10 {width: 83.3333333333%;margin-left: auto;left: auto;right: auto;}}
@media only screen and (min-width: 993px) {.row .col.l4 {width: 33.3333333333%;margin-left: auto;left: auto;right: auto;}.row .col.l8 {width: 66.6666666667%;margin-left: auto;left: auto;right: auto;}}
nav {color: #fff;background-color: #ee6e73;width: 100%;height: 56px;line-height: 56px;}
nav a {color: #fff;}
nav i,nav [class^="mdi-"], nav [class*="mdi-"],nav i.material-icons {display: block;font-size: 24px;height: 56px;line-height: 56px;}

@media only screen and (min-width: 993px) {nav a.button-collapse {display: none;}}
nav .button-collapse {float: left;position: relative;z-index: 1;height: 56px;margin: 0 18px;}
nav .button-collapse i {height: 56px;line-height: 56px;}
nav ul {margin: 0;}
nav ul li {-webkit-transition: background-color .3s;transition: background-color .3s;float: left;padding: 0;}
nav ul li.active {background-color: rgba(0, 0, 0, 0.1);}
nav ul a {-webkit-transition: background-color .3s;transition: background-color .3s;font-size: 1rem;color: #fff;display: block;padding: 0 15px;cursor: pointer;}
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {margin-top: -2px;margin-left: 15px;margin-right: 15px;}
nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {height: inherit;line-height: inherit;}
nav ul a:hover {background-color: rgba(0, 0, 0, 0.1);}
nav ul.left {float: left;}
nav form {height: 100%;}
@media only screen and (min-width: 601px) {nav.nav-extended .nav-wrapper {min-height: 64px;}nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {height: 64px;line-height: 64px;}.navbar-fixed {height: 64px;}}
@media only screen and (min-width: 0) {html {font-size: 14px;}}
@media only screen and (min-width: 992px) {html {font-size: 14.5px;}}
@media only screen and (min-width: 1200px) {html {font-size: 15px;}}

/*btn Box*/
.btnBoxW{margin:0 auto;width:100%;}
.btnBox{position:fixed;bottom:0;width:100%;z-index:101;height: 50px;background-color: #fff;display: flex;align-items: center;}
.btnd{height: 50px;background-color:#fff;border-width: 0;}
.smallBtnd{border-left:0px solid #f1f1f1;height: 50px;background-color: #ffffff;color: #999;flex-direction: column;display: flex;overflow: hidden;align-items: center;justify-content: center;}