@import"https://kolstyle.com/love/img/css/icon.css";


*, *:before, *:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
html {-webkit-box-sizing: border-box;box-sizing: border-box;}
html {line-height: 1.5;font-family: "Roboto", sans-serif;font-weight: normal;color: rgba(0, 0, 0, 0.87);}
body {margin: 0;}
a {text-decoration: none;}
a {color: #039be5;text-decoration: none;-webkit-tap-highlight-color: transparent;}
a {background-color: transparent;}
a:active,a:hover {outline: 0;}
img {border: 0;}
ul:not(.browser-default) {padding-left: 0;list-style-type: none;}
ul:not(.browser-default) > li {list-style-type: none;}


#background{width: 100%;background-color: #d8f4f6;background:url(/xu/img/bg-002.jpg) no-repeat fixed center;}
.background{max-width:1200px;margin:0 auto;margin-top:0px;background-color: #ffffff}


.mheader{width:100%;text-align:center;color:#FFFFFF;font-size:20px;font-weight:normal;background:#ff246c;border-top:#e52c8b 1px solid;border-bottom:#e52c8b 1px solid;}
.mlback{float:left;width:72px;height:44px;background:url(/xu/img/back.png) 12px 0 no-repeat;background-size:57px 44px;}


/*header*/
#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 0px 0 0px;margin-left:0px;cursor:pointer;}
.logo{display: inline-block;line-height: 33px;font-size: 14px;vertical-align:middle;}
.logo-img{height: 42px;margin:4px 0 4px 0px; height: 42px;}
.slogan{line-height:37px;margin-top:17px;text-align:left;display: inline-block;}
.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;}}


/*tan wx_refresh*/
@media screen and (max-width: 924px) {.tan_wx_refresh {width:100% !important;}}
@media screen and (min-width: 924px) {.tan_wx_refresh {width:1200px !important;}}
.tan_wx_refresh {position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:9999999990;display:none;}
.tan_wx_refresh .layout {width:60%;background:#fff;-webkit-border-radius:.5rem;border-radius:.5rem;position:absolute;left:20%;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.tan_wx_refresh .layout {max-width:280px;background:#fff;-webkit-border-radius:.5rem;border-radius:.5rem;position:absolute;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);}
.tan_wx_refresh  .layout {border-radius:.6rem;padding:14px;}
.tan_wx_refresh h2 {font-size:1.2rem;font-weight:bold;}
.fr {float:right;font-size:2rem;margin-top:-28px;cursor:pointer}
.jiawei{margin-top:-26px;text-align:center;}
.jiawei-fz{line-height:20px;color:#000;font-size:20px;font-weight: 600;}
.jiawei-wxh{color:#828282;margin-top:4px;}
.wx_refresh {font-size:16px;color:#f00;}
.jiawei-jieshao{color:#828282;font-size:12px;padding-bottom:5px;}
.tan_wx_refresh .layout strong span {background:#06c15f;-webkit-column-count:1;-moz-column-count:1;column-count:1;display:block;cursor:pointer;color:#fff;-webkit-border-radius:.6rem;border-radius:.6rem;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;text-align:center;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;line-height:2.4;font-size:1.2rem;}
.jiawei-wxh-img{color:#828282;margin-top:8px;font-size:12px;line-height:22px;}


/*tan wx_refresh*/
.content{padding:12px;}


/*right weixin_mp*/
.fixright{position: fixed;right:0px;top:600px;z-index: 6000}
.fixright .phone{position:fixed;right:0px;top:600px;width:171px;height:180px;background:#000;opacity:0.7;filter:alpha(opacity=70);display: none;overflow:hidden;}
.fixright .phone img{width:171px;height:180px;}
.fixb{display: block;width:60px;height:60px;margin-top:10px;background: #000;color:#fff;font-size:20px;line-height: 60px;text-align:center;opacity: 0.3;filter: alpha(opacity=30);border-radius:3px;}
.fixb:hover{background: #000;text-decoration: none;opacity: 0.5;filter: alpha(opacity=50);color:#fff;}


//下脚信息
.mip-footer {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0.84918478rem 0.32080314rem;box-sizing: border-box;width: 100%;background: #fafafa;}
.sign-text, .tips {margin-top: 0px;
   width: 100%;
   text-align: center;
   font-weight: normal;
   font-family: PingFangSC-Regular;
   font-size: 10px;
   color: #858585;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;}
.name {width: 100%;text-align: center;font-size: 14px;font-weight: 600;color: #858585;}
.mip-footer  li {margin-right: 1.01902174rem;display: inline-block;vertical-align: center;box-sizing: border-box;font-size: 10px;}
.tips a {color: #4974b1;}
.sign-text li:last-child {margin-right: 0;}


/*btn Box*/
@media screen and (max-width: 924px) {.btnBox {width:100% !important;}}
@media screen and (min-width: 924px) {.btnBox {width:1200px !important;}}
.btnBoxW{margin:0 auto;width:100%;}
.btnBox{border-top:1px solid #f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;position:fixed;bottom:0;z-index:101;height: 50px;background-color: #fff;display: flex;}
.btnd{height: 50px;background-color:#fff;border-width: 0;}
.smallBtnd{height: 50px;background-color: #ffffff;color: #999;flex-direction: column;display: flex;overflow: hidden;align-items: center;justify-content: center;}



/*qiye-our sologan*/
#about_baobaohufu{text-align:center;padding-top:30px}
h9{font-size:16px;color:#444;}
h9 span{color:#e5e6e6;font-weight:100;font-size: 12px;padding:0 10px;}
.smalltitle{text-align:center;color:#666;font-size:10px;}
.sologan{text-align:center;color:#e82f68;font-weight:bold;font-size:14px;}
.weixin_zixun{text-align:center;color:#666;}

/*qiye-footer*/
.footer{background:#fff;}
.splitline{width:100%;margin-left:0px;border-bottom:1px #e6e5e5 dashed;margin-top:15px;}
.aboutus{text-align:center;color: #666;font-size: 14px;padding:10px;}
.aboutus a:hover{color:#ff246c;}
.aboutus a{color:#666;}
.copyright{text-align:center;color: #f2f2f2;font-size: 14px;padding:10px;}
.copyright a{color:#f2f2f2;}
.copyright-bottom {height:50px;}