@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Custom Reset */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1; }
img { max-width: 100%; height: auto; vertical-align: middle; }
.container-custom { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; }
@media (min-width: 768px) {
    .container-custom { width: calc(100% - 30px); }
}
@media (min-width: 1200px) {
    .container-custom { width: 1170px; }
}

/* fonts */
@font-face {
    font-family: "SourceHanSansCN-Bold";
    font-display: swap;
    src: url('../fonts/SourceHanSans/SourceHanSansCN-Bold.eot'); /* IE9*/
    src: url('../fonts/SourceHanSans/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.woff2') format('woff2'),
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.woff') format('woff'), /* chrome、firefox */
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/SourceHanSans/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg'); /* iOS 4.1- */
}
@font-face {
    font-family: "DIN-Medium";
    font-display: swap;
    src: url('../fonts/DIN/DIN-Medium.eot'); /* IE9*/
    src: url('../fonts/DIN/DIN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/DIN/DIN-Medium.woff2') format('woff2'),
    url('../fonts/DIN/DIN-Medium.woff') format('woff'), /* chrome、firefox */
    url('../fonts/DIN/DIN-Medium.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../fonts/DIN/DIN-Medium.svg#DIN-Medium') format('svg'); /* iOS 4.1- */
}



/* body */
body { margin-top: 44px; background: #fff; }
@media (min-width: 768px) {
    body { margin-top: 68px; }
}
@media (min-width: 1200px) {
    body { margin-top: 80px; }
}
@media (min-width: 1920px) {
    body { margin-top: 100px; }
}

/* nav */
.navbar_ylm {
    min-height: 44px; margin-bottom: 0; background-color: rgba(255,255,255,1);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
       -moz-transition: all .5s linear;
        -ms-transition: all .5s linear;
         -o-transition: all .5s linear;
}
.navbar_ylm .navbar-header .navbar-toggle .icon-bar {
    position: absolute; top: 50%; left: 10px; margin-top: -1px; background-color: #4d4d4d;
    -webkit-transition: .3s ease-out;
            transition: .3s ease-out;
}
.navbar_ylm .navbar-header .navbar-toggle .icon-bar-top {
    -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
            transform: translateY(-6px);
}
.navbar_ylm .navbar-header .navbar-toggle .icon-bar-bottom {
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
}
.navbar_ylm.navbar_open .navbar-header .navbar-toggle .icon-bar-top {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.navbar_ylm.navbar_open .navbar-header .navbar-toggle .icon-bar-center {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
            transform: rotateY(90deg);
}
.navbar_ylm.navbar_open .navbar-header .navbar-toggle .icon-bar-bottom {
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.navbar_ylm .navbar-header .navbar-brand { display: block; width: 87px; height: auto; padding-top: 12px; padding-right: 0; padding-bottom: 0; padding-left: 15px; }
.navbar_ylm .navbar-header .navbar-ipv6 { display: block; float: left; width: 25px; height: 19px; margin-top: 14px; margin-left: 15px; background: url('../images/ipv6.png') 0 0/cover no-repeat; }
.navbar_ylm .navbar-collapse .navbar-nav>li>a { color: #808080; }
.navbar_ylm .navbar-collapse .navbar-nav>li>a:hover, .navbar_ylm .navbar-collapse .navbar-nav>li>a:focus { color: #6127e4; }
.navbar_ylm .navbar-collapse .navbar-nav>.active>a, .navbar_ylm .navbar-collapse .navbar-nav>.active>a:hover, .navbar_ylm .navbar-collapse .navbar-nav>.active>a:focus { color: #6127e4; }
@media (max-width: 767.998px) {
    .navbar_ylm .navbar-header .navbar-toggle { width: 44px; height: 34px; margin-top: 5px; margin-bottom: 5px; }
    .navbar_ylm .navbar-header .navbar-toggle:hover, .navbar_ylm .navbar-header .navbar-toggle:focus { background-color: transparent; }
}
@media (min-width: 768px) {
    .navbar_ylm { min-height: 68px; }
    .navbar_ylm .navbar-header .navbar-brand { width: 159px; padding-top: 14px; }
    .navbar_ylm .navbar-header .navbar-ipv6 { width: 50px; height: 38px; margin-top: 16px; margin-left: 24px; }
    .navbar_ylm .navbar-collapse .navbar-nav>li>a { padding-top: 24px; padding-bottom: 24px; font-size: 18px; }
}
@media (min-width: 992px) {
    .navbar_ylm .navbar-header .navbar-brand { padding-left: 15px; }
}
@media (min-width: 1200px) {
    .navbar_ylm { min-height: 80px; }
    .navbar_ylm .navbar-header .navbar-brand { width: 159px; padding-top: 20px; }
    .navbar_ylm .navbar-header .navbar-ipv6 { margin-top: 22px; }
    .navbar_ylm .navbar-collapse .navbar-nav>li>a { padding-top: 30px; padding-bottom: 30px; }
}
@media (min-width: 1920px) {
    .navbar_ylm { min-height: 100px; }
    .navbar_ylm .navbar-header .navbar-brand { width: 159px; padding-top: 30px; }
    .navbar_ylm .navbar-header .navbar-ipv6 { margin-top: 32px; }
    .navbar_ylm .navbar-collapse .navbar-nav>li>a { padding-top: 40px; padding-bottom: 40px; }
}

/* footer */
.footer-ylm { background-color: #7033ff; }
.footer-ylm h3 { padding-top: 26px; padding-bottom: 12px; font-size: 16px; font-weight: bold; color: #fff; border-bottom: 1px solid rgba(255,255,255,.36); }
.footer-ylm h3 i { float: right; }
.footer-ylm h3.collapsed i {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
.footer-nav ul { padding-right: 0; padding-left: 9px; border-top: none; }
.footer-nav ul li { padding-top: 16px; padding-bottom: 8px; font-size: 12px; border-bottom: 1px solid rgba(255,255,255,.18); }
.footer-nav ul li a { color: rgba(255,255,255,.5); }
.footer-ylm .footer-contact h4 { padding-top: 26px; padding-bottom: 12px; font-size: 12px; color: #fff; }
.footer-ylm .footer-contact p { font-size: 20px; font-family: 'DIN-Medium'; line-height: 0.728; color: #fff; }
.footer-ylm .links { padding-top: 26px; padding-bottom: 12px; font-size: 12px; }
.footer-ylm .links a { color: rgba(255,255,255,.5); }
.footer-ylm .copyright { padding-bottom: 24px; font-size: 12px; color: rgba(255,255,255,.5); }
.footer-ylm .copyright a { color: rgba(255,255,255,.5); }
.footer-ylm a:hover, .footer-ylm a:focus { text-decoration: none; -webkit-tap-highlight-color: transparent; }
#wechat-customer-in { display: none; position: fixed; bottom: 80px; left: 15px; z-index: 1; width: 106px; height: 156px; text-align: center; }
#wechat-customer-in .qrcode-bg { width: 100%; height: 100%; padding: 29.8% 15.8% 0 15%; background: url('../images/wechat_bg.png') center/cover no-repeat; }
#wechat-customer-in .qrcode-bg .wechat-describe { font-size: 12px; line-height: 1.1; }
#wechat-customer-in .qrcode-bg .wechat-describe .gift { color: #eb064b; }
#wechat-customer-in .timer { position: absolute; bottom: 4.5%; width: 100%; font-size: 12px; color: #fff; }
#wechat-customer-in .wechat-customer-close { position: absolute; width: 100%; cursor: pointer; text-shadow: 1px 1px 1px #fff; }
#wechat-customer-in .wechat-customer-close:hover { color: #eb064b; }
@media (min-width: 768px) and (max-width: 991.98px) {
    footer .footer-nav .navbar-collapse.collapse { display: none !important; }
    footer .footer-nav .navbar-collapse.collapse.in { display: block !important; }
}
@media (min-width: 992px) {
    .footer-ylm { padding-top: 60px; }
    .footer-ylm h3 { margin-left: 30px; padding-top: 0; padding-bottom: 14px; font-size: 20px; }
    .footer-nav ul { margin-left: 30px; padding-left: 0; }
    .footer-nav ul li { padding-bottom: 16px; font-size: 16px; border-bottom: none; }
    .footer-nav ul li:first-child { padding-top: 24px; }
    .footer-nav ul li:nth-child(n+2) { padding-top: 0; }
    .footer-ylm .footer-contact h4 { margin-left: 30px; padding-top: 0; padding-bottom: 14px; font-size: 16px; }
    .footer-ylm .footer-contact p { margin-left: 30px; font-size: 28px; }
    .footer-ylm .links { margin-top: 80px; padding-top: 24px; padding-bottom: 16px; font-size: 16px; border-top: 1px solid rgba(255,255,255,.36); }
    .footer-ylm .copyright { padding-bottom: 32px; font-size: 16px; }
    #wechat-customer-in { bottom: 200px; left: 20px; width: 148px; height: 218px; }
    #wechat-customer-in .qrcode-bg .wechat-describe { font-size: 13px; line-height: 1.2; }
    #wechat-customer-in .timer { bottom: 5%; font-size: 13px; }
}

@media (min-height: 600px) and (min-width: 1000px) {
	[id^='yzfh5-main-contact-'].main-contact { bottom: 150px !important }
	[id^='yzfh5-main-chat-'].main-chat { bottom: 100px !important }
}

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(1);}*/
#backtotop { position: fixed; bottom: 50px; right: 20px; display: none; cursor: pointer; font-size: 50px; z-index: 9999; }
#backtotop:hover { color: #6127e4 }