*, *: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;}

#go_top{visibility:hidden;height:0;width:0;}
.wx_share{visibility:hidden;height:0;width:0;}

#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:6px 0 1px 0px; height: 41px;}
.slogan{line-height:37px;margin-top:16px;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: #fff !important;}
.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;}

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

#se{position: absolute;right:0px;top:0px;}
#ses{position: absolute;right:85px;top:13px;color: black;}
.qr-img{width:140px;border:1px solid #d9d9d9;z-index:10000;position:absolute;display:block;}
.border{margin:0px;padding:0px;font-size:9px;}


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

.go_top1 {position: fixed;right: 5px;bottom: 90px;z-index: 99999;}
.go_back {position: fixed;right: 5px;bottom: 40px;z-index: 99999;}


.wecase img{padding-left:8px;padding-right:8px;padding-top:8px;width:expression(this.width > 340 ? "340" : this.width);max-width:750px;height:auto;}
.wecase_word{padding-left:20px;padding-right:20px;padding-top:8px;color:#999999;font-size:18px;line-height:1.4em;}
.wecase_buy img{width:expression(this.width > 340 ? "340" : this.width);max-width:750px;height:auto;}





@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;}}


/* search inputs */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;height: 3rem;width: 100%;font-size: 1rem;margin: 0 0 20px 0;padding: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transition: all 0.3s;transition: all 0.3s;}

.btn{border: none;border-radius: 2px;display: inline-block;height: 36px;line-height: 36px;padding: 0 2rem;text-transform: uppercase;vertical-align: middle;-webkit-tap-highlight-color: transparent;}


/*pyq_content*/
.pyq_content_col{margin-top:12px;padding-left:10px;padding-right:10px;}
.pyq_title{position:relative;padding:15px;font-size:16px;font-weight:bold;background-color:#dff0d8;margin-bottom:-1px;border:1px solid #d6e9c6;color:#3c763d;border-top-left-radius:4px;border-top-right-radius:4px;}
.pyq_content{min-height:20px;padding-bottom:15px;padding:12px;background-color:#f5f5f5;margin-bottom:12px;border:1px solid #e3e3e3;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}
.pyq_content p{font-size:16px;}
.pyq_btn{font-size:16px;margin-top:5px;margin-right:5px;height: 36px;line-height: 36px;padding: 0 1rem;background-color: #26a69a;text-decoration: none;color: #fff;text-align: center;letter-spacing: .5px;-webkit-transition: .2s ease-out;transition: .2s ease-out;cursor: pointer;border: none;border-radius: 4px;display: inline-block;text-transform: uppercase;vertical-align: middle;-webkit-tap-highlight-color: transparent;-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);}
.pyq_btn:hover{background-color: #2bbbad;}
.pyq_btn span{margin-right:2px;}
.pyq_btn a{color: #fff;}
.pyq_title-link{text-align:center;position:relative;padding:15px;font-size:16px;background-color:#dff0d8;border:1px solid #d6e9c6;color:#3c763d;border-radius:4px;}
.rotate_jia,.rotate_div,.rotate_jian{display: none;}
.am-pureview-actions a{top:20px !important;font-size: 66px !important;}        
.am-icon-chevron-left:before{content:"\2716" !important;}ul>li>ul{margin:0px; !important;}       
.am-pureview-direction a:before{content:"<" !important;font-size: 88px !important;color:red;}   
.am-pureview-direction .am-pureview-next a:before{content:'>' !important;color:red;font-size: 88px !important;} 
@media screen and (max-width: 924px) {.pyq {width:100% !important;height::100% !important;margin-top:-4px;margin-right:-4px;}}
@media screen and (min-width: 924px) {.pyq {width:100% !important;height::100% !important;margin-top:0px;}}






/*tan wx refresh*/
.tan_wx_refresh {position:fixed;left:0;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%);padding:.3rem 4%;}
.tan_wx_refresh .layout h2 {border-bottom:1px solid #e5e5e5;padding-bottom:0.6rem;color:#666;}
.tan_wx_refresh .layout h2 span {cursor:pointer}
.tan_wx_refresh .layout p {margin-top:0px;margin-left:0px;text-align:center}
.tan_wx_refresh .layout b {display:inline-block;text-align:center;font-size:16px;color:#f00;margin-top:.35rem}
.tan_wx_refresh .layout div {text-align:center;}
.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;padding:.05rem 0;-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.6;font-size:1.2rem;}
.fr {float:right;font-size:2rem;margin-top:-10px;}
.tan_wx_refresh h2 {margin:0;padding:0;font-size:1.2rem;font-weight:bold;}
.tan_wx_refresh  .layout {border-radius:.6rem;padding:1rem;}
.wxh {color:#e63219;font-size:18px;}



/*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;}


/*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;}


/*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;}


/*btn Box*/
@media screen and (max-width: 924px) {.btnBox {width:100% !important;}}
@media screen and (min-width: 924px) {.btnBox {width:1200px !important;}}
.btnBox{z-index: 101;position: fixed;bottom: 0;height: 50px;background-color: #1aad19;display: flex;align-items: center;}
.btnd{border-radius: 0;height: 50px;line-height: 50px;background-color: #1aad19;color: #ffffff;font-size: 16px;z-index: 102;margin:0 !important;border-width: 0;}
.btnd::after{display: none;}
.smallBtnd{border-left:0px solid #f1f1f1;height: 50px;font-size:12px;background-color: #ffffff;color: #999;flex-direction: column;display: flex;overflow: hidden;align-items: center;justify-content: center;}
/*
.orange {background-color: #ff246c;}
.labeld{font-size: 12px;}
.btndbuy{border-radius: 0;height: 50px;line-height: 50px;background-color: #d44a3c;color: #ffffff;font-size: 16px;z-index: 102;margin:0 !important;border-width: 0;}
.orangebuy {background-color: #fe9500;}
.buyBox_{display:none;}
*/