html
{
font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
font-size: 14px;
-webkit-tap-highlight-color: transparent;
}
body, button, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, hr, input, li, ol, p, td, textarea, th, ul
{
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6
{
font-size: 100%;
}
em, i
{
font-style: normal;
font-weight: 400;
}
button, input, select, textarea
{
font-family: PingFangSC-Light,'STHeiti Light','helvetica neue','hiragino sans gb',arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;
}
button, input, select
{
box-sizing: border-box;
}
button
{
border: none;
}
button, input[type=button], input[type=submit], select
{
cursor: pointer;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
li
{
list-style: none;
}
a
{
text-decoration: none;
}
a img, fieldset, iframe, img
{
border-width: 0;
border-style: none;
}
.clearfix:after, .clearfix:before
{
content: "";
display: table;
}
.clearfix:after
{
clear: both;
}
.visually-hidden
{
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
padding: 0!important;
border: 0!important;
height: 1px!important;
width: 1px!important;
overflow: hidden;
}
.textoverflow
{
display: inline-block;
white-space: nowrap;
word-wrap: normal;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.c-btn
{
height: 35px;
min-width: 140px;
padding: 0 20px;
background-color: #00a4ff;
color: #fff;
font-size: 14px;
line-height: 35px;
text-align: center;
display: inline-block;
cursor: pointer;
outline: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-btn:hover
{
text-decoration: none;
background-color: #0092ee;
}
.c-btn-pay
{
background-color: #ff7200;
}
.c-btn-pay:hover
{
background-color: #f06c00;
}
.c-btn-disabled, .c-btn-disabled:hover
{
background-color: #d5d7de;
cursor: default;
}
.c-btn-hole
{
border: 1px solid #00a4ff;
background-color: #fff;
color: #00a4ff;
line-height: 33px;
}
.c-btn-hole-white
{
border: 1px solid #fff;
background: 0 0;
color: #fff;
line-height: 33px;
}
.c-btn-hole:hover
{
background-color: #00a4ff;
border: 1px solid #00a4ff;
color: #fff;
}
.c-btn-hole-white:hover
{
background-color: #fff;
color: #333;
}
.c-btn-weak
{
background: #fcfcfc;
border: 1px solid #d1d2d3;
color: #00a4ff;
line-height: 33px;
}
.c-btn-weak:hover
{
background: #f2f2f2;
border: 1px solid #b4b7bf;
}
.c-btn-hole-week
{
border: 1px solid #8b8b8d;
background-color: transparent;
}
.c-btn-hole-week:hover
{
border: 1px solid #00a4ff;
background-color: #00a4ff;
}
.c-btn-longer
{
width: 220px;
}
.c-btn-big
{
height: 45px;
line-height: 45px;
font-size: 16px;
}
.c-btn-small
{
height: 30px;
line-height: 28px;
min-width: 100px;
font-size: 14px;
}
.c-btn-flex
{
width: 100%;
min-width: 0;
}
.c-link
{
color: #00a4ff;
display: inline-block;
font-size: 14px;
margin: 0 10px;
}
.c-link:hover
{
color: #0092ee;
}
.c-msg
{
position: relative;
margin: 0 0 20px;
background-color: #d9e9ff;
font-size: 12px;
line-height: 20px;
color: #1d529b;
}
.c-msg-info
{
padding: 11px 20px;
}
.c-msg-link
{
color: #006eff;
text-decoration: none;
}
.c-msg-link:hover
{
text-decoration: underline;
}
.c-msg-title
{
margin: 0;
font-weight: 700;
}
.c-msg-success
{
color: #1b8c77;
background-color: #cff5ee;
}
.c-msg-warning
{
color: #be740f;
background-color: #fef0db;
}
.c-msg-error
{
color: #be3b38;
background-color: #fbe3e3;
}
.c-msg-with-close
{
padding-right: 26px;
}
.c-msg-close
{
position: absolute;
right: 10px;
top: 13px;
width: 16px;
height: 16px;
font-size: 0;
}
.c-msg-close:after
{
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -5px 0 0 -5px;
width: 11px;
height: 11px;
background-image: url(/template/plugins/keywords/css/mod/img/slice/msg/close.png);
}
.c-msg-list
{
padding: 0;
}
.c-msg-list-item
{
position: relative;
padding-left: 8px;
}
.c-msg-list-item:before
{
content: '';
position: absolute;
left: 0;
top: 8px;
width: 3px;
height: 3px;
background: #1d529b;
}
.c-pages-wrap
{
margin: 40px 0;
}
.c-pages
{
font-size: 0;
text-align: center;
}
.c-pages-dot, .c-pages-item
{
display: inline-block;
margin: 0 5px;
min-width: 35px;
padding-left: 5px;
padding-right: 5px;
height: 35px;
line-height: 35px;
font-size: 14px;
color: #666;
text-align: center;
border: 1px solid #ddd;
box-sizing: border-box;
text-decoration: none;
}
.c-pages-item:hover
{
color: #2b2b2b;
border: 1px solid #999;
text-decoration: none;
}
.c-pages-item:focus
{
outline: 0;
}
.c-pages-item-actived, .c-pages-item-actived:hover
{
border: none;
color: #333;
font-weight: 700;
cursor: default;
}
.c-pages-item-disabled
{
display: none;
}
.c-pages-dot
{
border: none;
color: #666;
cursor: default;
}
.c-pages-item-next, .c-pages-item-prev
{
position: relative;
width: auto;
}
.c-pages-item-prev
{
padding: 0 10px 0 18px;
}
.c-pages-item-next
{
padding: 0 18px 0 10px;
}
.c-pages-item-next:before, .c-pages-item-prev:before
{
content: '';
position: absolute;
top: 50%;
margin-top: -8px;
width: 16px;
height: 16px;
background-repeat: no-repeat;
}
.c-pages-item-prev:before
{
left: 2px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 25.7% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-pages-item-next:before
{
right: 2px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 38.379999999999995% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-pages-item-prev:hover:before
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 32.04% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-pages-item-next:hover:before
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 44.72% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-pages-item-prev.c-pages-item-disabled .c-pages-item-next.c-pages-item-disabled
{
display: none;
}
.c-pages-mini
{
margin: 20px 0;
}
.c-pages-mini .c-pages-dot, .c-pages-mini .c-pages-item
{
vertical-align: middle;
width: auto;
height: auto;
padding: 5px;
color: #444;
border: none;
line-height: 20px;
}
.c-pages-mini .c-pages-item:hover
{
color: #00a4ff;
}
.c-pages-mini .c-pages-item-actived:hover
{
color: #444;
}
.c-pages-mini .c-pages-item-next:before, .c-pages-mini .c-pages-item-prev:before
{
display: none;
}
.c-media-body .c-btn
{
width: 100%;
margin-top: 20px;
}
.c-media-ft
{
margin: 20px auto 0;
display: block;
text-align: center;
}
.c-title
{
margin-bottom: 60px;
padding: 0 10px;
}
.c-title-txt
{
font-size: 30px;
color: #333;
font-weight: 400;
margin: 0;
padding: 0;
}
.c-title-info
{
font-size: 18px;
color: #666;
font-weight: 400;
margin: 10px 0 0;
padding: 0;
}
.c-media
{
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
padding: 20px;
display: block;
}
.c-media-img
{
width: 100%;
text-align: center;
}
.c-media-body
{
margin-top: 20px;
}
.c-media-heading
{
text-align: center;
font-size: 18px;
color: #333;
margin: 0;
padding: 0;
font-weight: 400;
line-height: 1.5;
}
.c-media-info
{
font-size: 14px;
color: #666;
margin-top: 10px;
line-height: 1.7;
word-wrap: break-word;
}
.c-media-link
{
color: #00a4ff;
text-decoration: none;
margin-right: 10px;
}
.c-media-link:hover
{
text-decoration: underline;
}
.c-media-linkmore
{
color: #00a4ff;
text-decoration: none;
margin-right: 10px;
display: inline-block;
margin-top: 10px;
}
.c-media-linkmore:hover
{
text-decoration: underline;
}
.c-media-link-center
{
margin-top: 10px;
text-align: center;
}
.c-media-link-center .c-media-linkmore
{
margin: 0;
}
.c-media-link-arrow
{
color: #00a4ff;
text-decoration: none;
}
.c-media-link-arrow:after
{
content: '';
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
width: 5px;
height: 8px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
-webkit-transition: all .2s ease;
transition: all .2s ease;
background-position: 55.589999999999996% 16.91%;
background-size: 6000% 3575%;;
background-repeat: no-repeat;
}
.c-media-link-arrow:hover:after
{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.ico32
{
width: 32px;
height: 32px;
display: block;
margin: 0 auto;
}
.ico48
{
width: 48px;
height: 48px;
display: block;
margin: 0 auto;
}
.ico64
{
width: 64px;
height: 64px;
display: block;
margin: 0 auto;
}
.ico144
{
opacity: .2;
width: 144px;
height: 144px;
}
.media-pic
{
width: 100%;
display: block;
}
.media-pic-square
{
width: 200px;
display: block;
margin-right: 10px;
}
[class*=' c-media-bg'], [class^=c-media-bg]
{
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.c-media-bg32
{
height: 32px;
}
.c-media-bg48
{
height: 48px;
}
.c-media-bg64
{
height: 64px;
}
.c-media-bg144
{
height: 144px;
}
.c-media-motion
{
cursor: pointer;
-webkit-transition: box-shadow .2s linear;
-webkit-transition: transform .2s linear;
transition: box-shadow .2s linear;
transition: transform .2s linear;
}
.c-media-motion:hover
{
box-shadow: 0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);
-webkit-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
}
.c-media-circle .c-media-img
{
border: 1px solid #ddd;
border-radius: 50%;
width: 100px;
height: 100px;
display: block;
padding: 18px;
box-sizing: border-box;
margin: 0 auto;
}
.c-media-bor
{
border: 1px solid #e5e5e5;
}
.c-media-horiz
{
position: relative;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
padding: 20px;
display: block;
}
.c-media-horiz:after
{
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.c-media-horiz .c-media-img
{
display: table-cell;
vertical-align: top;
width: inherit;
padding: 0 15px 0 0;
}
.c-media-horiz .c-media-body
{
display: table-cell;
vertical-align: top;
margin-top: 0;
}
.c-media-horiz .c-media-heading
{
text-align: left;
}
.c-media-watermark
{
overflow: hidden;
position: relative;
}
.c-media-watermark .c-media-body
{
margin-top: 0;
}
.c-media-watermark .c-media-img
{
padding: 0;
width: 144px;
height: 144px;
display: inline-block;
position: absolute;
bottom: -40px;
right: -40px;
}
.c-media-aline
{
position: relative;
}
.c-media-aline .c-media-img
{
position: absolute;
left: 20px;
top: 20px;
}
.c-media-aline .c-media-heading
{
margin-left: 40px;
}
.c-media-expand
{
padding: 0;
}
.c-media-expand .c-media-body
{
padding: 0 20px 20px;
}
.c-media-expand.c-media-horiz .c-media-body
{
padding: 20px 20px 20px 0;
}
.c-media-para
{
padding: 25px 20px;
border-bottom: #e5e5e5 1px solid;
}
.c-media-para .c-media-head
{
position: relative;
}
.c-media-para .c-media-para-tit
{
font-size: 18px;
font-weight: 400;
color: #333;
}
.c-media-para .c-media-body
{
margin-top: 15px;
}
.c-media-para-tit-aside
{
position: absolute;
right: 0;
top: 5px;
color: #999;
}
.c-media-para-tit-aside span
{
margin-right: 10px;
}
.c-media-para-txt
{
max-width: 670px;
color: #666;
transition: all .2s linear;
max-height: 100px;
overflow: hidden;
}
.c-media-para-txt.close
{
max-height: 22px;
overflow: hidden;
transition: all .2s linear;
}
.c-media-para-links
{
padding-top: 15px;
}
.c-media-para-links a
{
color: #999;
display: inline-block;
padding: 0 15px;
position: relative;
}
.c-media-para-links a:hover
{
text-decoration: underline;
}
.c-media-para-links a:after
{
content: '';
position: absolute;
width: 1px;
height: 14px;
background-color: #999;
right: 0;
top: 3px;
}
.c-media-para-links a:first-child
{
padding-left: 0;
}
.c-media-para-links a:last-child:after
{
display: none;
}
.c-align-left
{
text-align: left;
}
.c-media-heading-weak
{
color: #999;
}
.c-media-topicon-alignleft .c-media-img
{
text-align: left;
margin-bottom: 10px;
}
.c-media-topicon-alignleft .c-media-img img
{
margin: 0;
}
.c-media-topicon-alignleft .c-media-heading
{
text-align: left;
}
.c-media-topicon-alignleft [class*=' c-media-bg'], .c-media-topicon-alignleft [class^=c-media-bg]
{
background-position: left center;
}
.c-margin-b20-grid>[class*=c-g-]
{
margin-bottom: 20px;
}
.c-margin-b20-grid
{
margin-bottom: -20px;
}
.c-margin-bottom-grid>[class*=c-g-]
{
margin-bottom: 20px;
}
.c-margin-bottom-grid
{
margin-bottom: -20px;
}
.c-grid-nocard-expand
{
margin-left: -30px;
margin-right: -30px;
}
.c-grid-nocard-expand .c-media
{
background: 0 0;
}
.c-media-shadow
{
border: none;
box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);
cursor: pointer;
-webkit-transition: box-shadow .2s linear;
-webkit-transition: transform .2s linear;
transition: box-shadow .2s linear;
transition: transform .2s linear;
}
.c-media-shadow:hover
{
box-shadow: 0 0 6px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.1);
-webkit-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
}
.c-media-extra-infos
{
margin-bottom: -20px;
border-top: 1px solid #e5e5e5;
font-size: 0;
height: 54px;
line-height: 54px;
}
.c-media-extra-info
{
display: inline-block;
margin-left: 20px;
color: #666;
font-size: 14px;
}
.c-media-extra-info:first-child
{
margin-left: 0;
}
.c-media-extra-info .icon
{
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
width: 16px;
height: 16px;
}
.c-media-extra-info .icon.step
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 52.459999999999994% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-media-extra-info .icon.time
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 77.82% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-media-extra-info .icon.video
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .35000000000000003% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-media-extra-info .icon.level
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 46.129999999999995% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-media-extra-info .icon.view
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 6.69% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-ellipsis
{
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
[class*=" c-ellipsis-line"], [class^=c-ellipsis-line]
{
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.c-ellipsis-line2
{
-webkit-line-clamp: 2;
max-height: 3em;
}
.c-ellipsis-line3
{
-webkit-line-clamp: 3;
max-height: 4.5em;
}
.c-media-skin-scene
{
padding: 30px;
}
.c-media-skin-scene .c-media-body
{
box-sizing: border-box;
margin-top: 0;
height: 140px;
}
.c-media-skin-scene:hover .c-media-heading
{
color: #00a4ff;
}
.c-media-skin-scene .c-media-extra-infos
{
margin-bottom: -30px;
}
.c-media-skin-lab
{
padding: 30px;
}
.c-media-skin-lab .c-media-body
{
height: 118px;
}
.c-media-skin-lab:hover .c-media-heading
{
color: #00a4ff;
}
.c-media-skin-lab .c-media-info
{
-webkit-line-clamp: 2;
max-height: 3em;
}
.c-media-skin-lab .c-media-extra-infos
{
margin-bottom: -30px;
}
.c-media-skin-resource
{
position: relative;
padding: 30px;
height: 143px;
overflow: hidden;
}
.c-media-skin-resource .c-media-body
{
margin-top: 0;
}
.c-media-skin-resource .c-media-heading
{
text-align: left;
}
.c-media-skin-resource .c-media-info
{
margin-top: 10px;
}
.c-media-skin-resource:hover .c-media-heading
{
color: #00a4ff;
}
.c-media-skin-resource.c-media-watermark .c-media-img
{
position: absolute;
right: -28px;
bottom: -26px;
width: auto;
filter: grayscale(100%);
}
.c-media-skin-resource.c-media-watermark:hover .c-media-img
{
filter: grayscale(0);
}
.c-media-skin-resource.c-media-watermark .c-media-img img
{
display: block;
}
.c-media-skin-resource.c-media-watermark .c-media-body
{
position: relative;
max-width: 234px;
}
.c-media-skin-resource.c-media-watermark .c-media-info
{
margin-top: 0;
margin-bottom: 5px;
color: #999;
line-height: 24px;
}
.c-media-nomotion
{
cursor: default;
transition: none;
-webkit-transition: none;
}
.c-media-nomotion:hover
{
box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.12);
transition: none;
-webkit-transition: none;
transform: none;
-webkit-transform: none;
}
.c-modal-mask
{
display: table-cell;
vertical-align: middle;
background-color: #000;
background-color: rgba(0,0,0,.7);
text-align: center;
}
.c-modal
{
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
}
.c-modal-visible
{
display: table;
}
.c-modal-hidden
{
display: none;
}
.c-toasts
{
display: inline-block;
font-size: 12px;
line-height: 24px;
border-radius: 2px;
background-color: #fff;
padding: 5px 20px;
}
.c-toasts [class*=c-toasts-icon-]
{
vertical-align: top;
margin-right: 10px;
}
.c-toasts-icon-loading
{
display: inline-block;
width: 24px;
height: 24px;
background-image: url(/template/plugins/keywords/css/mod/img/modal/toasts-icon-loading.gif);
background-repeat: no-repeat;
}
.c-dialog
{
max-width: 540px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: #fff;
display: table;
}
.c-dialog-hd
{
position: relative;
z-index: 2;
}
.c-dialog-hd-title
{
font-size: 14px;
line-height: 65px;
font-weight: 700;
color: #333;
padding-left: 25px;
display: block;
}
.c-dialog-hd-close
{
position: absolute;
width: 40px;
height: 40px;
right: 11px;
top: 50%;
margin-top: -20px;
background-color: transparent;
font-size: 0;
text-align: center;
}
.c-dialog-hd-close span
{
display: none;
}
.c-dialog-hd-close:before
{
content: "";
display: inline-block;
vertical-align: middle;
width: 11px;
height: 11px;
background-image: url(/template/plugins/keywords/css/mod/img/modal/slice/dialog-icon-hd-close.png);
}
.c-dialog-hd-close:hover:before
{
background-image: url(/template/plugins/keywords/css/mod/img/modal/slice/dialog-icon-hd-close-hover.png);
}
.c-dialog-hd-close:after
{
content: "";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.c-dialog-hd-close:only-child
{
top: 28px;
}
.c-dialog-ft
{
text-align: center;
padding: 20px 25px 40px;
}
.c-dialog-ft-btn
{
box-sizing: border-box;
padding-left: 40px;
padding-right: 40px;
font-size: 14px;
line-height: 33px;
text-align: center;
display: inline-block;
border-width: 1px;
border-style: solid;
border-radius: 2px;
min-width: 66px;
background-color: rgba(255,255,255,0);
border-color: #00a4ff;
color: #00a4ff;
cursor: pointer;
}
.c-dialog-ft-btn:hover
{
background-color: #0092ee;
border-color: #0092ee;
color: #fff;
}
.c-dialog-ft-btn::-moz-focus-inner
{
border: 0;
padding: 0;
}
.c-dialog-ft-btn-sumbit
{
background-color: #00a4ff;
border-color: #00a4ff;
color: #fff;
}
.c-dialog-ft-btn-sumbit:hover
{
background-color: #0092ee;
border-color: #0092ee;
color: #fff;
}
.c-dialog-ft-btn-pay
{
background-color: #ff7200;
border-color: #ff7200;
color: #fff;
}
.c-dialog-ft-btn-pay:hover
{
background-color: #f06c00;
border-color: #f06c00;
color: #fff;
}
.c-dialog-ft-btn+.c-dialog-ft-btn
{
margin-left: 10px;
}
.c-dialog-ft-btn-disabled, .c-dialog-ft-btn-disabled:hover
{
cursor: default;
color: #fff;
background-color: #d5d7de;
border-color: #d5d5d5;
}
.c-dialog-bd
{
padding: 0 25px;
min-height: 50px;
max-height: 460px;
overflow: hidden;
overflow-y: auto;
font-size: 14px;
color: #666;
line-height: 1.5;
-webkit-overflow-scrolling: touch;
}
.c-dialog-icon-confirm-success
{
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
background-image: url(/template/plugins/keywords/css/mod/img/modal/c-dialog-icon-confirm-success.svg);
}
.c-dialog-icon-confirm-error
{
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
background-image: url(/template/plugins/keywords/css/mod/img/modal/c-dialog-icon-confirm-error.svg);
}
.c-dialog-confirm
{
color: #74777c;
padding: 45px 20px 25px;
min-width: 200px;
max-width: 400px;
}
.c-dialog-confirm-title
{
font-size: 16px;
color: #333;
vertical-align: top;
line-height: 24px;
font-weight: 700;
display: block;
}
.c-dialog-confirm-title [class*=c-dialog-icon-]
{
vertical-align: top;
margin-right: 10px;
}
.c-dialog-confirm-desc
{
margin-top: 7px;
}
.c-dialog-confirm a
{
color: #00a4ff;
}
.c-dialog-confirm a:hover
{
text-decoration: underline;
}
.c-dialog-agreement
{
font-size: 14px;
line-height: 1.5;
color: #666;
margin-bottom: -10px;
}
.c-dialog-agreement ol, .c-dialog-agreement p, .c-dialog-agreement ul
{
margin-bottom: 10px;
}
.c-dialog-agreement li+li
{
margin-top: 10px;
}
.c-dialog-agreement li
{
color: #666;
}
.c-dialog-agreement ol, .c-dialog-agreement ul
{
margin-left: 1.5em;
}
.c-dialog-agreement-with-counter
{
counter-reset: list;
}
.c-dialog-agreement-with-counter p
{
counter-reset: item;
}
.c-dialog-agreement-with-counter p:before
{
counter-increment: list;
content: counter(list) '.';
margin-right: 8px;
}
.c-dialog-agreement-with-counter li:before
{
content: counters(list,'.') '.' counter(item) '.';
counter-increment: item;
margin-right: 8px;
}
.c-dialog-form
{
display: table;
font-size: 12px;
}
.c-dialog-form-row
{
display: table-row;
}
.c-dialog-form-label
{
display: table-cell;
white-space: nowrap;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
color: #666;
line-height: 27px;
font-size: 12px;
}
.c-dialog-form-row-puretext .c-dialog-form-label
{
line-height: 1;
vertical-align: middle;
}
.c-dialog-form-control
{
display: table-cell;
padding-top: 10px;
padding-bottom: 10px;
color: #333;
}
.c-dialog-form-textbox
{
display: inline-block;
padding: 2px 10px;
border: 1px solid #d1d2d3;
border-radius: 2px;
color: #171d25;
width: 160px;
font-size: 12px;
line-height: 21px;
box-sizing: border-box;
vertical-align: middle;
outline: 0;
}
.c-dialog-form-textbox:hover
{
border-color: #00a4ff;
}
.c-dialog-form-textbox-disabled, .c-dialog-form-textbox-disabled:hover
{
background-color: #f0f1f2;
color: #a2a2a2;
cursor: default;
border-color: #d1d2d3;
}
.c-dialog-form-btn
{
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
line-height: 25px;
text-align: center;
display: inline-block;
border-width: 1px;
border-style: solid;
border-radius: 2px;
background-color: #fff;
border-color: #2374e6;
color: #00a4ff;
cursor: pointer;
margin-left: 2px;
vertical-align: middle;
}
.c-dialog-form-btn:hover
{
background-color: #2374e6;
color: #fff;
}
.c-dialog-form-btn-disabled, .c-dialog-form-btn-disabled:hover
{
cursor: default;
color: #fff;
background-color: #d5d7de;
border-color: #d5d5d5;
}
.c-dialog-form-help
{
font-size: 12px;
line-height: 1.3;
color: #ababab;
margin-top: 9px;
}
.c-dialog-form-help a
{
color: #00a4ff;
}
.c-dialog-form-help a:hover
{
text-decoration: underline;
}
.c-dialog-form-row-error .c-dialog-form-textbox
{
color: #e1504a;
border-color: #e1504a;
}
.c-dialog-form-row-error .c-select
{
border-color: #e1504a!important;
}
.c-dialog-form-row-error .c-dialog-form-help
{
color: #e1504a;
}
.c-dialog-form-segment
{
font-size: 0;
margin-bottom: -10px;
}
.c-dialog-form-segment-item
{
min-width: 53px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
height: 25px;
line-height: 25px;
border: 1px solid #ccd1d9;
display: inline-block;
vertical-align: top;
text-align: center;
font-size: 12px;
color: #333;
margin-left: -1px;
position: relative;
margin-bottom: 10px;
}
.c-dialog-form-segment-tag
{
position: absolute;
right: 0;
top: -4px;
background-color: #ff7300;
padding: 1px 2px;
overflow: hidden;
color: #fff;
height: 10px;
line-height: 10px;
font-size: 12px;
transform: scale(.8,.8);
transform-origin: 100% 0;
}
.c-dialog-form-segment-item-actived
{
color: #00a4ff;
background-color: #d7e6f8;
border-color: #00a4ff;
position: relative;
z-index: 2;
}
.c-dialog-form-segment-item-disabled
{
background-color: #ebebeb!important;
cursor: default!important;
color: #bbb!important;
}
.c-dialog-form-segment-tip
{
display: inline-block;
font-size: 12px;
line-height: 25px;
margin-left: 10px;
vertical-align: top;
color: #333;
}
.c-dialog-form-segment-tip a
{
color: #2277da;
}
.c-dialog .c-select
{
height: 27px;
font-size: 12px;
padding-top: 4px;
padding-bottom: 3px;
display: block;
}
.c-dialog .c-select+.c-select
{
margin-top: 10px;
}
.c-dialog-form-numberbox
{
display: inline-table;
position: relative;
}
.c-dialog-form-numberbox-input
{
display: table-cell;
position: relative;
}
.c-dialog-form-numberbox-input:before
{
content: " ";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 1px;
border-top: 1px solid #bcc0c9;
}
.c-dialog-form-numberbox-input:after
{
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #bcc0c9;
}
.c-dialog-form-numberbox-input input
{
font-size: 14px;
text-align: center;
width: 60px;
border: 0;
height: 27px;
padding: 0 5px;
box-sizing: border-box;
outline: 0;
color: #333;
}
.c-dialog-form-numberbox-btn
{
display: table-cell;
vertical-align: middle;
position: relative;
background-color: #fafafa;
width: 32px;
border: 1px solid #c3c8cc;
cursor: pointer;
}
.c-dialog-form-numberbox-icon-minus, .c-dialog-form-numberbox-icon-plus
{
display: block;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
position: relative;
}
.c-dialog-form-numberbox-icon-minus:before, .c-dialog-form-numberbox-icon-plus:before
{
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-left: -5px;
width: 11px;
height: 1px;
background-color: #0d76ff;
}
.c-dialog-form-numberbox-icon-plus:after
{
content: "";
position: absolute;
top: 50%;
left: 50%;
margin-top: -5px;
height: 11px;
width: 1px;
background-color: #0d76ff;
}
.c-dialog-form-numberbox-btn-disabled
{
background-color: #ebebeb;
cursor: default;
}
.c-dialog-form-numberbox-btn-disabled .c-dialog-form-numberbox-icon-minus:after, .c-dialog-form-numberbox-btn-disabled .c-dialog-form-numberbox-icon-minus:before, .c-dialog-form-numberbox-btn-disabled .c-dialog-form-numberbox-icon-plus:before
{
background-color: #bbb;
}
.c-dialog-form-price
{
font-size: 0;
}
.c-dialog-form-price-new
{
color: #ff7200;
}
.c-dialog-form-price-label
{
font-size: 14px;
}
.c-dialog-form-price-num
{
font-size: 20px;
vertical-align: -1px;
}
.c-dialog-form-price-unit
{
font-size: 14px;
}
.c-dialog-form-price-origin
{
color: #999;
margin-left: 5px;
}
.c-dialog-form-price-origin .c-dialog-form-price-label, .c-dialog-form-price-origin .c-dialog-form-price-num, .c-dialog-form-price-origin .c-dialog-form-price-unit
{
font-size: 14px;
}
.c-dialog-form-callback
{
font-size: 12px;
color: #666;
}
.c-iframedialog
{
max-width: 540px;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: #fff;
display: table;
}
.c-iframedialog-hd
{
position: relative;
z-index: 2;
}
.c-iframedialog-hd-title
{
font-size: 16px;
line-height: 40px;
font-weight: 400;
color: #333;
padding-left: 20px;
border-width: 1px 1px 0;
border-style: solid;
border-color: #dadde0;
display: block;
}
.c-iframedialog-hd-close
{
position: absolute;
width: 40px;
height: 40px;
right: 0;
top: 50%;
margin-top: -20px;
background-color: transparent;
font-size: 0;
text-align: center;
}
.c-iframedialog-hd-close span
{
display: none;
}
.c-iframedialog-hd-close:before
{
content: "";
display: inline-block;
vertical-align: middle;
width: 11px;
height: 12px;
background-image: url(/template/plugins/keywords/css/mod/img/modal/slice/dialog-icon-hd-close.png);
}
.c-iframedialog-hd-close:hover:before
{
background-image: url(/template/plugins/keywords/css/mod/img/modal/slice/dialog-icon-hd-close-hover.png);
}
.c-iframedialog-hd-close:after
{
content: "";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.c-iframedialog-hd-close:only-child
{
top: 20px;
}
.c-iframedialog-bd
{
border-width: 1px;
border-style: solid;
border-color: #dadde0;
background-color: #fff;
min-height: 50px;
max-height: 460px;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.c-iframedialog-bd iframe
{
max-width: 100%;
max-height: 100%;
vertical-align: top;
}
.c-dialog-screen-large
{
max-width: 700px;
}
.c-search
{
position: relative;
box-sizing: border-box;
width: 100%;
}
.c-search-input
{
display: block;
height: 50px;
width: 100%;
padding: 4px 140px 4px 20px;
font-size: 16px;
line-height: 40px;
border: 1px solid #c2c2c2;
border-radius: 0;
-webkit-appearance: none;
}
.c-search-input:focus
{
border-color: #00a4ff;
outline: 0;
box-shadow: 0 0 2px rgba(34,119,218,.3);
}
.c-search-btn
{
position: absolute;
right: 0;
top: 0;
width: 120px;
height: 50px;
box-sizing: border-box;
transition: background .2s ease;
-webkit-transition: background .2s ease;
background: #00a4ff;
border: none;
line-height: 250px;
overflow: hidden;
outline: 0;
}
.c-search-btn:after
{
position: absolute;
content: "";
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 24px;
height: 24px;
top: 13px;
left: 50%;
margin-left: -12px;
background-position: 34.42% 28.24%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-search-btn:hover
{
background: #0070cc;
}
.c-search-dropdown
{
display: none;
position: absolute;
top: 100%;
right: 0;
z-index: 300;
box-sizing: border-box;
width: 100%;
max-height: 150px;
border: 1px solid #d1d2d3;
overflow-y: scroll;
background-color: #fff;
}
.c-search-dropdown-visible
{
display: block;
}
.c-search-dropdown-item
{
display: block;
margin-bottom: 1px;
padding: 0 20px;
font-size: 14px;
text-align: left;
line-height: 30px;
color: #333;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}
.c-search-dropdown-item-actived, .c-search-dropdown-item:hover
{
background: #f2f2f2;
}
.c-search-with-select .c-search-input
{
padding-right: 270px;
}
.c-search-select
{
position: absolute;
right: 120px;
top: 1px;
width: 130px;
}
.c-search-select-link
{
position: relative;
display: block;
padding: 0 40px 0 20px;
border-left: 1px solid #dbdbdb;
line-height: 48px;
color: #333;
font-size: 14px;
background-color: #fff;
}
.c-search-select-link:after
{
content: '';
position: absolute;
top: 50%;
right: 20px;
margin-top: -3px;
width: 11px;
height: 7px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
transition: transform .2s;
background-position: 43.94% 97.85000000000001%;
background-size: 2727.2727272727275% 4085.7142857142853%;;
background-repeat: no-repeat;
}
.c-search-select-raw
{
display: none;
}
.c-search-select-visible .c-search-select-link:after
{
transform: rotate3d(0,0,1,180deg);
}
.c-search-select-visible .c-search-dropdown
{
display: block;
}
.c-search .c-error-box
{
position: absolute;
bottom: -20px;
left: 0;
}
.c-search .c-error-box .ico-error
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
display: inline-block;
vertical-align: middle;
background-position: 93.31% 40.37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-search .error-tip
{
font-size: 12px;
color: #666;
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}
.c-search-btn-txt
{
line-height: 45px;
color: #fff;
font-size: 16px;
}
.c-search-btn-txt:after
{
display: none;
}
.c-hero
{
position: relative;
}
.c-hero .mod-hero
{
background-repeat: no-repeat;
background-position: top center;
}
.c-hero .mod-hero .hero-inner
{
margin: 0 auto;
position: relative;
min-width: 320px;
text-align: center;
overflow: hidden;
}
.c-hero .mod-hero .hero-img
{
font-size: 0;
height: 500px;
position: relative;
cursor: pointer;
}
.c-hero .mod-hero .hero-img .img-item
{
display: inline-block;
display: none;
width: 100%;
height: 100%;
background-position: top center;
background-repeat: no-repeat;
background-size: 1920px 500px;
}
.c-hero .mod-hero .hero-img .img-item.active
{
display: inline-block;
position: relative;
}
.c-hero .hero-handle
{
position: absolute;
top: 55%;
left: 50%;
width: 100%;
opacity: 0;
transition: opacity .2s;
}
.c-hero .mod-hero:hover .hero-handle
{
opacity: 1;
filter: alpha(opacity=100);
}
.c-hero .hero-handle-inner
{
position: absolute;
width: 100%;
left: -50%;
}
.c-hero .mod-hero .hero-tab
{
position: absolute;
margin: 0 auto;
left: 0;
bottom: 5%;
z-index: 99;
width: 100%;
text-align: center;
}
.c-hero .mod-hero .hero-tab li
{
margin: 0 3px;
display: inline-block;
}
.c-hero .mod-hero .hero-tab li a
{
display: inline-block;
width: 13px;
height: 3px;
padding: 5px 0;
}
.c-hero .mod-hero .hero-tab li a i
{
display: inline-block;
width: 15px;
height: 5px;
background-color: #fff;
background: rgba(255,255,255,.3);
}
.c-hero .mod-hero .hero-tab .selected a i
{
background-color: #fff;
opacity: 1;
}
.c-hero .mod-hero .switch-control
{
position: absolute;
top: 50%;
font-size: 0;
width: 60px;
height: 400px;
line-height: 400px;
margin-top: -200px;
}
.c-hero .mod-hero .switch-control.pre
{
left: 20px;
text-align: left;
}
.c-hero .mod-hero .switch-control.next
{
right: 20px;
text-align: right;
}
.c-hero .mod-hero .switch-control b
{
display: inline-block;
width: 22px;
height: 41px;
overflow: hidden;
line-height: 99;
vertical-align: middle;
}
.c-hero .mod-hero .switch-control.pre b
{
background-image: url(/template/plugins/keywords/css/mod/img/slice/banner/hero-image-arr-l.png);
}
.c-hero .mod-hero .switch-control.next b
{
background-image: url(/template/plugins/keywords/css/mod/img/slice/banner/hero-image-arr-r.png);
}
.c-hero .mod-hero .hero-ct
{
position: absolute;
top: 26%;
}
.c-hero .mod-hero .hero-text
{
position: absolute;
top: 0;
width: 90%;
height: 100%;
max-width: 1050px;
min-width: 320px;
text-align: left;
left: 50%;
color: #fff;
}
.c-hero .mod-hero .hero-text-inner
{
position: absolute;
width: 100%;
height: 100%;
left: -50%;
}
.c-hero .mod-hero .hero-text .hero-ct h2
{
font-size: 56px;
font-weight: 400;
margin-bottom: 2.5%;
}
.c-hero .mod-hero .hero-text .hero-ct .piece
{
margin-right: 30px;
}
.c-hero .mod-hero .hero-text .hero-ct .des-text
{
font-size: 20px;
line-height: 36px;
}
.c-hero .mod-hero .hero-text .hero-btn
{
font-size: 18px;
color: #fff;
border: 1px solid #fff;
width: 18.33%;
height: 43px;
line-height: 43px;
display: inline-block;
text-align: center;
border-radius: 2px;
position: absolute;
bottom: 24%;
}
.c-hero .mod-hero .hero-ct-mobile
{
display: none;
color: #fff;
bottom: 40px;
width: 100%;
text-align: center;
position: absolute;
}
.c-hero .mod-hero .hero-ct-mobile h2
{
font-size: 26px;
font-weight: 400;
margin-bottom: 2.5%;
}
.c-hero .mod-hero .hero-ct-mobile .des-text
{
font-size: 16px;
}
.c-hero .mod-hero .hero-text .hero-btn:hover
{
background-color: #fff;
color: #00a4ff;
text-decoration: none;
}
.c-hero .hero-text-con
{
position: absolute;
top: 26%;
}
.c-hero .mod-hero .hero-text .hero-text-con h2
{
font-size: 46px;
font-weight: 400;
margin-bottom: 2.5%;
}
.c-hero .mod-hero .hero-text .hero-text-con .piece
{
margin-right: 30px;
}
.c-hero .mod-hero .hero-text .hero-text-con .des-text
{
font-size: 20px;
line-height: 36px;
}
.c-hero .hero-btn-center
{
left: 50%;
margin-left: -9.15%;
}
.c-hero-bar .mod-hero
{
background-color: #0c1328;
}
.c-hero-bar .img-item
{
background-position: center;
background-repeat: no-repeat;
text-align: center;
}
.c-hero-bar .img-item:after
{
content: '';
display: inline-block;
width: 0;
height: 255px;
vertical-align: middle;
overflow: hidden;
}
.c-hero-bar .hero-text
{
color: #fff;
font-size: 34px;
vertical-align: middle;
display: inline-block;
}
.c-hero-bar .hero-text h1
{
font-weight: 400;
}
.c-hero-bar .hero-text p
{
font-size: 16px;
margin-top: 10px;
}
.c-hero-aside
{
width: 230px;
padding: 20px 25px;
background-color: rgba(255,255,255,.4);
position: absolute;
right: 20px;
top: 90px;
font-size: 16px;
line-height: 1.6;
box-sizing: border-box;
border-radius: 4px;
pointer-events: none;
}
.c-hero-aside-item a
{
color: #fff;
text-decoration: underline;
}
.c-hero-aside-item a:hover
{
color: #00a4ff;
}
.c-hero-aside-item em
{
font-size: 46px;
}
.c-hero-aside-btn
{
padding-top: 20px;
}
.wrap-canvas
{
width: 100%;
height: 500px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.wrap-canvas canvas
{
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
}
.com-e-hero-bar
{
min-width: 320px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #61697c;
-webkit-font-smoothing: antialiased;
text-align: center;
}
.com-e-hero-bar-inner
{
box-sizing: border-box;
margin: 0 auto;
padding: 0 10px;
height: 255px;
max-width: 1200px;
color: #fff;
line-height: 1.5;
font-size: 0;
}
.com-e-hero-bar.higher .com-e-hero-bar-inner
{
height: 320px;
}
.com-e-hero-bar-inner:after
{
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.com-e-hero-bar-cnt
{
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.com-e-hero-bar-title
{
font-size: 34px;
font-weight: 400;
}
.com-e-hero-bar-desc
{
margin-top: 10px;
font-size: 16px;
line-height: 1.7;
}
.com-e-hero-bar-desc .hero-info
{
margin-top: 10px;
color: #ccc;
}
.com-e-hero-bar-desc .hero-link
{
color: #00a4ff;
text-decoration: none;
}
.com-e-hero-bar-desc .hero-link:after
{
content: '';
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
width: 7px;
height: 13px;
margin-left: 5px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
transition: -webkit-transform .4s;
transition: transform .4s;
transition: transform .4s,-webkit-transform .4s;
background-position: 96.59% 91.94%;
background-size: 4285.714285714285% 2200%;;
background-repeat: no-repeat;
}
.com-e-hero-bar-desc .hero-link:hover
{
text-decoration: none;
}
.com-e-hero-bar-desc .hero-link:hover:after
{
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
.com-e-hero-bar-btns
{
margin-top: 30px;
font-size: 0;
}
.com-e-hero-bar-btns>.btn-item
{
margin: 0 10px;
display: inline-block;
vertical-align: middle;
width: 180px;
}
.com-e-hero-bar-btns .c-btn
{
width: 100%;
height: 44px;
font-size: 14px;
line-height: 44px;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.com-e-hero-bar-btns .c-btn:active
{
background-color: #0092ee;
color: #fff;
}
.com-e-hero-bar-btns .c-btn-hole
{
border: 1px solid #fff;
line-height: 42px;
background-color: transparent;
color: #fff;
}
.com-e-hero-bar-btns .c-btn-hole:active, .com-e-hero-bar-btns .c-btn-hole:hover
{
background-color: #fff;
color: #000;
}
.com-e-hero-bar.align-left
{
text-align: left;
}
.com-e-hero-bar .hero-bubble-trigger
{
font-size: 0;
position: relative;
display: block;
}
.com-e-hero-bar .hero-bubble
{
position: absolute;
color: #333;
z-index: 900;
left: 50%;
margin-left: -80px;
bottom: 100%;
margin-bottom: 8px;
-webkit-transform: translateY(8px);
transform: translateY(8px);
visibility: hidden;
width: 160px;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
text-align: center;
pointer-events: none;
opacity: 0;
}
.com-e-hero-bar .hero-bubble-inner
{
font-size: 12px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid #e5e5e5;
border-radius: 2px;
background-color: #fff;
line-height: 18px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3);
box-shadow: 0 2px 4px rgba(0,0,0,.3);
position: static!important;
left: 50%;
top: 50%;
display: inline-block;
overflow-y: auto;
max-width: 100%;
max-height: 100%;
text-align: left;
vertical-align: middle;
pointer-events: auto;
}
.com-e-hero-bar .hero-bubble-inner:after, .com-e-hero-bar .hero-bubble-inner:before
{
font-size: 0;
position: absolute;
width: 0;
height: 0;
content: '';
border: 8px dashed transparent;
top: 100%;
left: inherit;
right: inherit;
margin-top: -1px;
border-top-style: solid;
}
.com-e-hero-bar .hero-bubble-inner:after
{
border: 7px dashed transparent;
margin-left: -7px;
border-top-color: #fff;
}
.com-e-hero-bar .hero-bubble-inner:before
{
margin-left: -8px;
border-top-color: #e5e5e5;
}
.com-e-hero-bar .hero-bubble-trigger.show-bubble .hero-bubble
{
visibility: visible;
-webkit-transition-delay: .1s;
transition-delay: .1s;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.com-e-hero-bar .hero-bubble-icon
{
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 65.14% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-f-list
{
padding: 18px 0;
}
.c-f-list-title
{
padding: 20px 0 0 40px;
font-size: 16px;
font-weight: 400;
}
.c-f-list-delete
{
display: none;
font-size: 14px;
margin-left: 20px;
}
.c-f-list-title:hover .c-f-list-delete
{
display: inline-block;
}
.c-f-list-delete:hover
{
text-decoration: underline;
}
.c-f-list .f-list-item
{
position: relative;
padding: 12px 0;
margin-right: 40px;
margin-left: 40px;
}
.c-f-list-tit
{
position: absolute;
left: 0;
top: 15px;
width: 105px;
line-height: 24px;
color: #666;
font-size: 14px;
vertical-align: top;
z-index: 2;
}
.c-f-list .f-list-item.text .c-f-list-tit
{
top: 9px;
}
.c-f-list-tit span
{
vertical-align: middle;
}
.c-f-list-tit i
{
margin-left: 5px;
cursor: pointer;
}
.c-f-list-tit em
{
color: #f00;
display: inline-block;
font-size: 16px;
vertical-align: middle;
padding-top: 5px;
}
.c-f-list .f-list-item.down
{
padding-top: 27px;
}
.c-f-list .f-list-item.down .c-f-list-tit
{
top: 32px;
}
.c-f-list .f-list-item.up .c-f-list-tit
{
top: 6px;
}
.c-f-list-con
{
position: relative;
padding-left: 105px;
z-index: 1;
}
.c-f-list-con-txt
{
padding-top: 11px;
min-height: 24px;
}
.c-f-list-con .c-f-list-sub-con
{
margin-top: 10px;
}
.c-f-list-con .select-focus, .c-f-list-con .select-focus .dropdown-menu
{
z-index: 99;
}
.c-f-links
{
line-height: 25px;
vertical-align: middle;
margin-left: 6px;
margin-right: 15px;
font-size: 14px;
}
.c-f-links i
{
margin-top: -6px;
margin-left: 3px;
}
.c-f-list-con .c-f-tip-word .c-f-links
{
vertical-align: inherit;
}
.c-f-list-con .c-f-tip-word
{
color: #999;
line-height: 12px;
margin-top: 10px;
font-size: 12px;
}
.c-f-list-con span.c-f-tip-word
{
font-size: 14px;
margin-left: 5px;
}
.c-f-list-con .c-f-tip-word label
{
font-size: 14px;
color: #333;
}
.c-f-list-con .c-f-tip-word label span
{
vertical-align: middle;
margin-left: 5px;
}
.c-f-list-con .c-f-tip-word .text-warning
{
margin-left: 5px;
margin-right: 5px;
}
.c-f-list-con .c-f-tip-word.err-style, .c-f-list-con .c-f-tip-word.error
{
color: #f00;
}
.c-f-list-con .show-service-market
{
font-size: 14px;
color: #333;
padding-top: 20px;
}
.c-f-list-con .show-service-market span
{
margin-right: 20px;
font-weight: 700;
}
.c-f-list-con .c-f-bold-word, .c-f-list-con .c-f-con-word
{
color: #999;
font-size: 14px;
line-height: 14px;
display: inline-block;
margin-bottom: 20px;
}
.c-f-list-con .c-f-con-word .c-f-links-icon, .c-f-list-con .c-f-list-con-txt .c-f-links-icon
{
margin-top: -5px;
margin-left: 3px;
}
.c-f-list-con .c-f-bold-word
{
margin-bottom: 0;
}
.c-f-list-con .c-f-bold-word label
{
vertical-align: middle;
}
.c-f-list-con .c-f-bold-word label span
{
vertical-align: middle;
margin-left: 5px;
}
.c-f-list-con .c-f-bold-word span
{
display: inline-block;
}
.c-f-list-con .c-f-bold-word .bold-word
{
color: #333;
}
.c-f-list-con .c-f-bold-word .bold-word-wrap
{
max-width: 850px;
vertical-align: top;
line-height: 18px;
margin-top: -2px;
}
.c-f-more-links
{
padding: 10px 0 30px 40px;
font-size: 14px;
}
.c-f-list-con .c-f-bold-word .bold-word .c-f-links
{
line-height: 14px;
}
.c-f-list-con .c-f-text-list
{
font-size: 14px;
line-height: 14px;
}
.c-f-list-con .c-f-text-list p
{
margin-top: 11px;
}
.c-f-list-con .c-f-text-list p label
{
margin-right: 5px;
}
.c-f-slice
{
border-bottom: #e4e9f0 1px solid;
margin-right: 40px;
margin-left: 40px;
clear: both;
}
.c-f-list .c-f-list-con.verify
{
font-size: 0;
}
.c-f-list .c-f-list-con.verify .c-input-text
{
width: calc(65% - 32px);
margin-right: 10px;
}
.c-f-list .c-f-list-con.verify .c-btn
{
width: 35%;
box-sizing: border-box;
vertical-align: top;
min-width: 0;
}
.c-f-submit
{
border-top: #e5e5e5 1px solid;
padding: 15px 0 15px 145px;
}
.c-input-num-inner
{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
position: relative;
display: inline-block;
height: 35px;
width: 120px;
}
.c-input-num-inner+.c-tip-word
{
color: #333;
}
.c-input-num .minus, .c-input-num .plus
{
width: 35px;
height: 35px;
box-sizing: border-box;
border: 1px solid #bcc0c9;
position: absolute;
cursor: pointer;
text-align: center;
background-color: #fcfcfc;
color: #00a4ff;
}
.c-input-num .minus:hover, .c-input-num .plus:hover
{
cursor: pointer;
background-color: #f2f2f2;
}
.c-input-num .minus
{
border-right: 0;
border-radius: 2px 0 0 2px;
top: 0;
left: 0;
}
.c-input-num .plus
{
border-left: 0;
border-radius: 0 2px 2px 0;
top: 0;
right: 0;
}
.c-input-num .num
{
padding: 0;
width: 50px;
height: 35px;
box-sizing: border-box;
background: #fff;
border: 1px solid #bcc0c9;
font-family: "microsoft yahei";
position: relative;
left: 35px;
text-align: center;
}
.c-input-num .minus:focus, .c-input-num .num:focus, .c-input-num .num:hover, .c-input-num .plus:focus
{
outline: 0;
z-index: 1;
}
.c-input-num .num:focus, .c-input-num .num:hover
{
border-color: #00a4ff;
}
.c-num-minus-icon, .c-num-plus-icon
{
width: 100%;
height: 100%;
position: relative;
display: inline-block;
vertical-align: middle;
}
.c-num-minus-icon:after, .c-num-plus-icon:after, .c-num-plus-icon:before
{
content: "";
position: absolute;
background-color: #00a4ff;
}
.c-num-plus-icon:after
{
width: 11px;
height: 1px;
left: 50%;
top: 50%;
margin-top: -.5px;
margin-left: -5.5px;
}
.c-num-plus-icon:before
{
height: 11px;
width: 1px;
left: 50%;
top: 50%;
margin-left: -.5px;
margin-top: -5.5px;
}
.c-num-minus-icon:after
{
width: 11px;
height: 1px;
left: 50%;
top: 50%;
margin-top: -.5px;
margin-left: -5.5px;
}
.c-input-num .minus.disabled, .c-input-num .plus.disabled
{
border-color: #c1c6cb;
background: #eaeef1;
color: #a4a4a4;
cursor: default;
}
.c-input-num .minus.disabled:focus, .c-input-num .plus.disabled:focus
{
border-color: #bcc0c9;
}
.c-input-num.error .num
{
border: 1px solid #e1504a;
color: #e1504a;
z-index: 3;
}
.c-input-num.error .num:focus
{
border: 1px solid #f00;
outline: 0;
}
.c-input-text-wrap
{
vertical-align: middle;
display: inline-block;
font-size: 0;
}
.c-input-text
{
font-size: 14px;
line-height: 23px;
height: 23px;
width: 258px;
display: inline-block;
padding: 5px 10px;
border: 1px solid #d1d2d3;
border-radius: 2px;
color: #171d25;
vertical-align: middle;
box-sizing: content-box;
}
.c-input-text::-ms-clear
{
display: none;
}
.c-input-text-wrap.m .c-input-text, .c-input-text.m
{
font-size: 12px;
height: 15px;
line-height: 15px;
}
.c-input-text:focus, .c-input-text:hover
{
border-color: #00a4ff;
outline: 0;
}
.c-input-text.err-style, .c-input-text.error
{
border: 1px solid #f00;
}
.c-input-status .success
{
color: #06c290;
}
.c-input-status .warning
{
color: #ed711f;
}
.c-input-status .danger
{
color: #e1504a;
}
.c-textarea
{
font-size: 14px;
height: 100px;
width: 450px;
display: inline-block;
padding: 5px 10px;
border: 1px solid #d1d2d3;
border-radius: 2px;
color: #171d25;
vertical-align: middle;
resize: none;
outline: 0;
}
.c-textarea:focus
{
border: 1px solid #00a4ff;
}
.c-textarea.err-style, .c-textarea.err-style:focus, .c-textarea.error, .c-textarea.error:focus
{
border: 1px solid #f00;
outline: 0;
}
.c-input-text.disabled:hover
{
border: 1px solid #d1d2d3;
}
.c-input-num.m .c-input-num-inner
{
height: 27px;
width: 102px;
}
.c-input-num.m .num
{
width: 50px;
height: 27px;
left: 26px;
}
.c-input-num.m .minus, .c-input-num.m .plus
{
width: 26px;
height: 27px;
padding-top: 2px;
}
.c-input-list
{
padding-top: 8px;
max-width: 790px;
font-size: 14px;
}
.c-form-ctrl-label, .c-input-list label
{
display: inline-block;
min-width: 100px;
margin-bottom: 15px;
position: relative;
}
.c-form-ctrl-txt, .c-input-list span
{
vertical-align: middle;
margin-left: 5px;
}
.c-input-list .c-last-label
{
display: inline-block;
min-width: 100px;
margin-bottom: 15px;
margin-left: 0;
position: relative;
vertical-align: baseline;
}
.c-input-list .c-last-label label
{
display: inline-block;
min-width: 100px;
margin-bottom: 0;
position: relative;
}
.c-last-label .input-more
{
position: absolute;
left: 55px;
top: -3px;
}
.c-last-label .input-more input
{
width: 50px;
}
.c-radio[type=radio]
{
width: 16px;
height: 16px;
cursor: pointer;
vertical-align: middle;
outline: 0;
background: 0 0\9;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
-webkit-appearance: none;
-webkit-tap-highlight-color: transparent;
background-position: 82.75% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-radio[type=radio]:focus, .c-radio[type=radio]:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 82.75% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-radio[type=radio]:checked, .c-radio[type=radio]:checked:focus, .c-radio[type=radio]:checked:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 89.08% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-radio[type=radio][disabled]
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% .37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-radio[type=radio][disabled]:checked
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 7.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-radio-wrap.disabled, .c-radio[disabled], .c-radio[disabled]+label, .form-ctrl-label.disabled
{
cursor: default;
cursor: not-allowed;
}
.c-select
{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #d1d2d3;
border-radius: 2px;
background-color: #fff;
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/select.png);
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
color: #171d25;
font-size: 14px;
cursor: pointer;
height: 35px;
padding: 8px 24px 7px 6px;
padding: 8px 8px 7px 6px\9;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 280px;
}
.c-select::-ms-expand
{
display: none;
}
.c-select:focus, .c-select:hover
{
border-color: #00a4ff;
background-color: #fff;
outline: 0;
}
.c-select[disabled]
{
cursor: default;
background-color: #f0f1f2;
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/select-disabled.png);
border-color: #d5d5d5;
color: #a2a2a2;
}
.c-select.m
{
width: 138px;
}
.c-rich-dialog .c-select-wrap .c-select, .c-select-wrap.m .c-select, .c-select.m
{
padding: 5px 5px 4px 6px\9;
}
.c-select.error
{
color: #f00;
border-color: #f00;
}
.c-dropdown
{
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 14px;
line-height: 1;
width: 200px;
}
.c-dropdown .c-dropdown-link, .c-dropdown .c-dropdown-menu li a
{
display: block;
text-decoration: none;
height: 35px;
line-height: 35px;
}
.c-dropdown .c-dropdown-link
{
display: block;
border-width: 1px 1px 0;
border-style: solid;
border-color: transparent;
z-index: 2;
padding: 0 21px 0 5px;
position: relative;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
vertical-align: bottom;
}
.c-menu-active
{
z-index: 3;
}
.c-dropdown-allow-hover:hover .c-dropdown-link, .c-menu-active .c-dropdown-link
{
border-color: #bcc0c9;
background-color: #fff;
}
.c-dropdown-link .caret
{
position: absolute;
top: 10px;
right: 2px;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/slice/dropdown/arrow-down-blue-16.png);
}
.c-dropdown-allow-hover.c-menu-active .c-dropdown-link:hover .caret, .c-dropdown-allow-hover:hover .c-dropdown-link .caret, .c-menu-active .c-dropdown-link .caret
{
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/slice/dropdown/arrow-up-blue-16.png);
}
.c-dropdown .c-dropdown-menu
{
position: absolute;
top: 100%;
right: 0;
z-index: 1;
margin-top: -1px;
border: 1px solid #d1d2d3;
background-color: #fff;
min-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.c-dropdown>.c-dropdown-menu
{
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}
.c-dropdown-allow-hover:hover .c-dropdown-menu, .c-menu-active .c-dropdown-menu
{
display: block;
}
.c-dropdown .c-dropdown-menu li a
{
text-align: right;
padding: 0 21px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.c-dropdown .c-dropdown-menu li a:hover
{
background-color: #f2f2f2;
}
.c-dropdown .c-dropdown-menu .selected a, .c-dropdown .c-dropdown-menu .selected a:hover
{
background-color: #00a4ff;
color: #fff;
}
.c-dropdown .c-dropdown-menu .disabled a, .c-dropdown .c-dropdown-menu .disabled a:hover
{
background-color: transparent;
color: #a2a2a2;
cursor: default;
}
.c-dropdown-in-hd.c-menu-active
{
z-index: 9;
}
.c-table-box .c-dropdown-in-hd.c-menu-active
{
z-index: 7;
}
.c-dropdown-btn-style.c-menu-active
{
z-index: 8;
}
.c-dropdown-in-hd .c-dropdown-menu
{
left: 0;
right: auto;
max-height: 150px;
overflow-y: auto;
overflow-x: hidden;
font-weight: 400;
}
.c-dropdown-in-hd .c-dropdown-link
{
padding: 0 34px 0 10px;
color: #404a58;
}
.c-dropdown-in-hd .c-dropdown-menu li a
{
color: #404a58;
padding: 0 10px;
text-align: left;
min-width: 7em;
}
.c-dropdown-in-hd .caret
{
right: 10px;
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/slice/dropdown/arrow-down-16.png);
}
.c-dropdown-allow-hover.c-dropdown-in-hd.c-menu-active .c-dropdown-link:hover .caret, .c-dropdown-allow-hover.c-dropdown-in-hd:hover .c-dropdown-link .caret, .c-dropdown-in-hd.c-menu-active .c-dropdown-link .caret, .c-table-fixed-head .c-dropdown.c-menu-active .c-dropdown-link:hover .caret
{
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/slice/dropdown/arrow-up-16.png);
}
.c-dropdown-btn-style
{
font-size: 12px;
background-color: #fff;
}
.c-dropdown-btn-style.disabled .c-dropdown-link, .c-dropdown-btn-style.disabled .c-dropdown-link:hover
{
border-color: #d5d5d5;
background-color: #e8e8e8;
color: #a2a2a2;
cursor: default;
}
.c-dropdown-btn-style .c-dropdown-link .caret
{
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/slice/dropdown/arrow-down-black-16.png);
top: 9px;
right: 8px;
}
.c-dropdown-btn-style.disabled .c-dropdown-link .caret
{
background-image: url(/template/plugins/keywords/css/mod/form-mod/img/slice/dropdown/arrow-down-black-disabled-16.png);
}
.c-dropdown-btn-style .c-dropdown-link, .c-dropdown-btn-style .c-dropdown-menu li a
{
height: 33px;
line-height: 33px;
color: #171d25;
}
.c-dropdown-btn-style .c-dropdown-link
{
border: 1px solid #bcc0c9;
border-radius: 2px;
padding: 0 49px 0 10px;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.c-dropdown-btn-style.error .c-dropdown-link, .c-dropdown-btn-style.error:hover .c-dropdown-link
{
border: 1px solid #e1504a;
color: #e1504a;
background-color: #f9dcdb;
}
.c-dropdown-btn-style .c-dropdown-menu li a
{
padding: 0 10px;
text-align: left;
}
.c-dropdown-btn-style .c-dropdown-link:hover
{
color: #171d25;
background-color: #f2f2f2;
border-color: #c5c6c7;
}
.c-dropdown-btn-style .c-dropdown-menu
{
margin-top: 5px;
left: 0;
right: auto;
border-radius: 2px;
min-width: 100%;
}
.c-dropdown-btn-style.up .c-dropdown-menu
{
top: auto;
bottom: 40px;
}
.c-dropdown-link-control
{
display: inline-block;
position: relative;
padding-right: 40px;
box-sizing: border-box;
max-width: 100%;
}
.c-dropdown-link-control span
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.c-dropdown-link-control i
{
margin-left: 5px;
position: absolute;
right: 0;
top: 7px;
}
.c-dropdown-allow-hover.c-dropdown-btn-style:after
{
content: "";
position: absolute;
width: 100%;
height: 8px;
display: none;
}
.c-dropdown-allow-hover.c-dropdown-btn-style:hover:after
{
display: block;
}
.c-optgroup .c-optgroup-label
{
font-weight: 700;
cursor: default;
margin: 0;
padding: 0 10px;
height: 25px;
line-height: 25px;
}
.c-dropdown-in-hd .c-optgroup .c-optgroup-label
{
height: 35px;
line-height: 35px;
}
.c-dropdown-in-hd .c-optgroup .c-dropdown-menu, .c-optgroup .c-dropdown-menu
{
position: static;
border: 0;
margin-top: 0;
max-height: inherit;
}
.c-dropup .c-dropdown-link
{
border-width: 0 1px 1px;
}
.c-dropup .c-dropdown-menu
{
top: auto;
bottom: 100%;
margin-bottom: -1px;
}
.c-dropup.c-dropdown-btn-style .c-dropdown-link
{
border-width: 1px;
}
.c-dropup.c-dropdown-btn-style .c-dropdown-menu
{
top: auto;
bottom: 100%;
margin-bottom: 3px;
}
.c-dropup.c-dropdown-allow-hover.c-dropdown-btn-style:after
{
bottom: 100%;
}
.c-dropdown.m .c-dropdown-link, .c-table-fixed-body .c-dropdown .c-dropdown-link, .item-mini .c-dropdown .c-dropdown-link
{
height: 27px;
line-height: 27px;
}
.c-dropdown.m .c-dropdown-link .caret, .c-table-fixed-body .c-dropdown-link .caret, .item-mini .c-dropdown .c-dropdown-link .caret
{
top: 5px;
}
.c-dropdown.m .c-dropdown-menu li a, .c-table-fixed-body .c-dropdown .c-dropdown-menu li a
{
height: 27px;
line-height: 27px;
}
.c-checkbox
{
width: 16px;
height: 16px;
cursor: pointer;
vertical-align: middle;
outline: 0;
background: 0 0\9;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
-webkit-appearance: none;
background-position: 27.11% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-checkbox:focus, .c-checkbox:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 27.11% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-checkbox:checked, .c-checkbox:checked:focus, .c-checkbox:checked:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 39.79% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-checkbox[disabled]
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 58.8% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-checkbox[disabled]:checked
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 71.48% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-checkbox-wrap.disabled, .c-checkbox[disabled], .c-checkbox[disabled]+label, .form-ctrl-label.disabled
{
cursor: default;
cursor: not-allowed;
}
.c-ui-block
{
position: relative;
display: inline-block;
vertical-align: middle;
}
.c-ui-block .b-item
{
height: 33px;
line-height: 33px;
background: #fff;
border: 1px solid #ccd1d9;
text-align: center;
color: #333;
margin-left: -1px;
vertical-align: middle;
float: left;
font-size: 14px;
position: relative;
z-index: 0;
}
.c-ui-block .b-item i
{
position: absolute;
top: -1px;
right: -1px;
z-index: 10;
}
.c-ui-block .b-item:hover
{
border: 1px solid #8a9099;
z-index: 1;
}
.c-ui-block .b-first
{
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
margin-left: 0;
}
.c-ui-block .b-last
{
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.c-ui-block .b-selected, .c-ui-block .b-selected:hover
{
border-color: #00a4ff;
position: relative;
background: #d7e6f8;
color: #00a4ff;
z-index: 2;
}
.c-ui-block .b-disable, .c-ui-block .b-disable:hover
{
border-color: #c1c6cb;
position: relative;
background: #eaeef1;
color: #a4a4a4;
cursor: default;
}
.ui-block-auto .b-item
{
min-width: 70px;
padding: 0 15px;
text-align: center;
}
.ui-block-auto .b-item.long
{
padding-right: 33px;
}
.ui-block-control
{
position: absolute;
left: 108px;
top: -18px;
font-size: 0;
}
.ui-block-title
{
text-align: center;
display: inline-block;
position: relative;
font-size: 12px;
overflow: hidden;
}
.ui-block-title span
{
display: inline-block;
padding: 0 5px;
background-color: #fff;
color: #999;
position: relative;
z-index: 1;
}
.ui-block-title:after
{
content: '';
display: block;
position: relative;
top: -7px;
margin-left: 5px;
margin-right: 5px;
height: 1px;
background-color: #ccd1d9;
}
.c-ui-block-icon
{
position: absolute;
top: -4px!important;
right: 0!important;
z-index: 100;
padding: 1px 2px;
overflow: hidden;
background-color: #ff7300;
color: #fff;
height: 10px;
line-height: 10px;
}
.c-ui-block-icon em
{
display: inline-block;
font-size: 12px;
line-height: 1;
transform: scale(.8,.8);
}
.c-wrapper
{
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}
.c-grid
{
font-size: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-grid [class*=c-g-]
{
display: inline-block;
zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}
.c-grid-expand
{
margin-right: -10px;
margin-left: -10px;
}
.c-grid-inner
{
font-size: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: -10px;
margin-left: -10px;
}
.c-grid-inner [class*=c-g-]
{
display: inline-block;
zoom: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
vertical-align: top;
}
.c-g-1
{
width: 4.1667%;
}
.c-g-2
{
width: 8.3333%;
}
.c-g-3
{
width: 12.5%;
}
.c-g-4
{
width: 16.6667%;
}
.c-g-5
{
width: 20%;
}
.c-g-6
{
width: 25%;
}
.c-g-7
{
width: 29.1667%;
}
.c-g-8
{
width: 33.3333%;
}
.c-g-9
{
width: 37.5%;
}
.c-g-10
{
width: 41.6667%;
}
.c-g-11
{
width: 45.8333%;
}
.c-g-12
{
width: 50%;
}
.c-g-13
{
width: 54.1667%;
}
.c-g-14
{
width: 58.3333%;
}
.c-g-15
{
width: 62.5%;
}
.c-g-16
{
width: 66.6667%;
}
.c-g-17
{
width: 70.8333%;
}
.c-g-18
{
width: 75%;
}
.c-g-19
{
width: 79.1667%;
}
.c-g-20
{
width: 83.3333%;
}
.c-g-21
{
width: 87.5%;
}
.c-g-22
{
width: 91.6667%;
}
.c-g-23
{
width: 95.8333%;
}
.c-g-24
{
width: 100%;
}
.c-hidden
{
display: none!important;
}
.c-bubble
{
position: absolute;
color: #404a58;
z-index: 6;
}
.c-bubble .c-bubble-inner:after, .c-bubble .c-bubble-inner:before
{
font-size: 0;
position: absolute;
width: 0;
height: 0;
content: '';
border: 8px dashed transparent;
}
.c-bubble .c-bubble-inner:after
{
border: 7px dashed transparent;
}
.c-bubble-inner
{
font-size: 12px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 10px;
border: 1px solid #b3b7bf;
border-radius: 2px;
background-color: #fff;
line-height: 18px;
box-shadow: 1px 1px 3px rgba(0,0,0,.15);
position: static!important;
left: 50%;
top: 50%;
}
.c-bubble.tooltips .c-bubble-inner
{
padding: 3px 10px;
}
.c-bubble-top .c-bubble-inner:after, .c-bubble-top .c-bubble-inner:before
{
bottom: 100%;
left: inherit;
right: inherit;
margin-bottom: -1px;
border-bottom-style: solid;
}
.c-bubble-top .c-bubble-inner:before
{
margin-left: -8px;
border-bottom-color: #b3b7bf;
}
.c-bubble-top .c-bubble-inner:after
{
margin-left: -7px;
border-bottom-color: #fff;
}
.c-bubble-right .c-bubble-inner:after, .c-bubble-right .c-bubble-inner:before
{
top: inherit;
bottom: inherit;
left: 100%;
margin-left: -1px;
border-left-style: solid;
}
.c-bubble-right .c-bubble-inner:before
{
margin-top: -8px;
border-left-color: #b3b7bf;
}
.c-bubble-right .c-bubble-inner:after
{
margin-top: -7px;
border-left-color: #fff;
}
.c-bubble-bottom .c-bubble-inner:after, .c-bubble-bottom .c-bubble-inner:before
{
top: 100%;
left: inherit;
right: inherit;
margin-top: -1px;
border-top-style: solid;
}
.c-bubble-bottom .c-bubble-inner:before
{
margin-left: -8px;
border-top-color: #b3b7bf;
}
.c-bubble-bottom .c-bubble-inner:after
{
margin-left: -7px;
border-top-color: #fff;
}
.c-bubble-left .c-bubble-inner:after, .c-bubble-left .c-bubble-inner:before
{
top: inherit;
bottom: inherit;
right: 100%;
margin-right: -1px;
border-right-style: solid;
}
.c-bubble-left .c-bubble-inner:before
{
margin-top: -8px;
border-right-color: #b3b7bf;
}
.c-bubble-left .c-bubble-inner:after
{
margin-top: -7px;
border-right-color: #fff;
}
.c-bubble-warning span
{
vertical-align: middle;
margin-left: 5px;
color: #e29e35;
}
.c-bubble-warning.c-bubble-top .c-bubble-inner:before
{
border-bottom-color: #ffc533;
}
.c-bubble-warning.c-bubble-top .c-bubble-inner:after
{
border-bottom-color: #fff5db;
}
.c-bubble-warning.c-bubble-right .c-bubble-inner:before
{
border-left-color: #ffc533;
}
.c-bubble-warning.c-bubble-right .c-bubble-inner:after
{
border-left-color: #fff5db;
}
.c-bubble-warning.c-bubble-bottom .c-bubble-inner:before
{
border-top-color: #ffc533;
}
.c-bubble-warning.c-bubble-bottom .c-bubble-inner:after
{
border-top-color: #fff5db;
}
.c-bubble-warning.c-bubble-left .c-bubble-inner:before
{
border-right-color: #ffc533;
}
.c-bubble-warning.c-bubble-left .c-bubble-inner:after
{
border-right-color: #fff5db;
}
.c-bubble-warning .c-bubble-inner
{
border: 1px solid #ffc533;
background-color: #fff5db;
color: #e29e35;
}
.c-bubble-warning .c-bubble-inner em
{
color: #b27700;
font-weight: 700;
}
.c-bubble-warning.m .c-bubble-inner
{
padding: 4px 10px;
}
.c-bubble-err span
{
vertical-align: middle;
margin-left: 5px;
color: #f00;
}
.c-bubble-err.c-bubble-top .c-bubble-inner:before
{
border-bottom-color: #e7736e;
}
.c-bubble-err.c-bubble-top .c-bubble-inner:after
{
border-bottom-color: #f9dcdb;
}
.c-bubble-err.c-bubble-right .c-bubble-inner:before
{
border-left-color: #e7736e;
}
.c-bubble-err.c-bubble-right .c-bubble-inner:after
{
border-left-color: #f9dcdb;
}
.c-bubble-err.c-bubble-bottom .c-bubble-inner:before
{
border-top-color: #e7736e;
}
.c-bubble-err.c-bubble-bottom .c-bubble-inner:after
{
border-top-color: #f9dcdb;
}
.c-bubble-err.c-bubble-left .c-bubble-inner:before
{
border-right-color: #e7736e;
}
.c-bubble-err.c-bubble-left .c-bubble-inner:after
{
border-right-color: #f9dcdb;
}
.c-bubble-err .c-bubble-inner
{
border: 1px solid #e7736e;
background-color: #f9dcdb;
color: #e1504a;
}
.c-bubble-num span
{
vertical-align: middle;
margin-left: 5px;
color: #fff;
}
.c-bubble-num.c-bubble-bottom .c-bubble-inner:after, .c-bubble-num.c-bubble-bottom .c-bubble-inner:before
{
border-top-color: #525a67;
margin-top: -2px;
}
.c-bubble-num .c-bubble-inner
{
border: 1px solid #525a67;
background-color: #525a67;
color: #fff;
padding: 6px 5px;
min-width: 33px;
line-height: 12px;
text-align: center;
}
.c-bubble-control .c-bubble-inner
{
padding: 0;
}
.c-bubble-control
{
font-size: 14px;
}
.c-bubble-control .title
{
display: block;
font-size: 18px;
padding-bottom: 10px;
font-weight: 700;
}
.c-confirm-popout
{
position: absolute;
max-width: 340px;
border: 1px solid #babec2;
border-radius: 2px;
background-color: #fff;
z-index: 1000;
}
.c-confirm-popout .c-confirm-popout-bd
{
padding: 20px;
position: static!important;
left: 50%;
}
.c-confirm-popout .c-confirm-popout-ft
{
padding: 15px;
border-top: 1px solid #e5eaee;
background-color: #f0f4f7;
text-align: center;
font-size: 0;
}
.c-confirm-popout .c-confirm-popout-ft .c-btn
{
margin: 0 5px;
float: none;
}
.c-confirm-popout .c-confirm-popout-bd:after, .c-confirm-popout .c-confirm-popout-bd:before
{
font-size: 0;
position: absolute;
width: 0;
height: 0;
content: '';
border: 10px dashed transparent;
margin-left: -10px;
}
.c-confirm-popout .c-confirm-popout-bd:after
{
border: 9px dashed transparent;
margin-left: -9px;
}
.c-confirm-popout-top .c-confirm-popout-bd:after, .c-confirm-popout-top .c-confirm-popout-bd:before
{
bottom: 100%;
left: inherit;
right: inherit;
border-bottom-style: solid;
}
.c-confirm-popout-top .c-confirm-popout-bd:before
{
border-bottom-color: #babec2;
}
.c-confirm-popout-top .c-confirm-popout-bd:after
{
border-bottom-color: #fff;
}
.c-confirm-popout-bottom .c-confirm-popout-bd:after, .c-confirm-popout-bottom .c-confirm-popout-bd:before
{
top: 100%;
left: inherit;
right: inherit;
border-top-style: solid;
}
.c-confirm-popout-bottom .c-confirm-popout-bd:before
{
border-top-color: #babec2;
}
.c-confirm-popout-bottom .c-confirm-popout-bd:after
{
border-top-color: #f0f4f7;
}
.c-confirm-popout-bottom.align-start .c-confirm-popout-bd, .c-confirm-popout-top.align-start .c-confirm-popout-bd
{
left: 30px;
}
.c-confirm-popout-bottom.align-end .c-confirm-popout-bd, .c-confirm-popout-top.align-end .c-confirm-popout-bd
{
left: auto;
right: 20px;
}
.c-confirm-popout-bottom.align-end .c-confirm-popout-bd:after, .c-confirm-popout-top.align-end .c-confirm-popout-bd:after
{
margin-right: 1px;
}
.format-tips
{
font-size: 0;
margin: 0;
padding: 3px 5px;
}
.format-tips:first-child
{
margin-top: 0;
}
.format-tips-tit, .format-tips-txt
{
display: inline-block;
vertical-align: top;
font-size: 12px;
line-height: 1.8;
}
.format-tips-tit
{
width: 80px;
font-weight: 700;
}
.format-tips-txt
{
max-width: 400px;
}
.format-tips-txt .c-links-icon
{
margin-top: -2px;
}
.format-tips-tit.block
{
display: block;
width: auto;
}
.format-tips-links
{
text-align: right;
}
.format-tips-links a:hover
{
text-decoration: underline;
}
.c-icon-links
{
width: 12px;
height: 12px;
display: inline-block;
vertical-align: middle;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 64.24% 50%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.c-icon-arrow-down, .c-icon-arrow-up, .c-icon-plaint, .c-icon-triangle-down, .c-icon-triangle-up
{
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
}
.c-icon-triangle-up
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 57.38999999999999% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-icon-triangle-down
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.73% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-icon-arrow-up
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.41% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-icon-arrow-down
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 47.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-icon-plaint
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.15% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-icon-yes
{
width: 24px;
height: 24px;
display: inline-block;
vertical-align: middle;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 43.84% 28.24%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-icon-error-b, .c-icon-pending-b, .c-icon-success-b
{
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
.c-icon-success-b
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.49000000000001% 40.550000000000004%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-icon-error-b
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.49000000000001% 27.169999999999998%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-icon-pending-b
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.49000000000001% 13.780000000000001%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
@keyframes qr-loading
{
from
{
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-ms-transform: rotateZ(0);
-o-transform: rotateZ(0);
transform: rotateZ(0);
}
to
{
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
.c-icon-qr-loading
{
background-image: url(/template/plugins/keywords/css/sprite/global@2x-201911291451.png);
-webkit-animation: qr-loading .6s linear infinite;
-o-animation: qr-loading .6s linear infinite;
animation: qr-loading .6s linear infinite;
width: 36px;
height: 36px;
display: inline-block;
-webkit-background-size: 36px 36px;
background-size: 36px 36px;
background-position: 0 0;
}
.c-tab-normal
{
text-align: center;
}
.c-tab-normal .c-tab-simple
{
display: inline-block;
text-align: center;
position: relative;
border-bottom: #e5e5e5 1px solid;
}
.c-tab-normal .c-tab-simple a
{
display: block;
padding: 10px 30px;
text-decoration: none;
}
.c-tab-normal .c-tab-simple .c-tab-tit
{
display: block;
color: #333;
font-size: 18px;
}
.c-tab-normal .c-tab-simple.actived .c-tab-des, .c-tab-normal .c-tab-simple.actived .c-tab-tit, .c-tab-normal .c-tab-simple:hover .c-tab-des, .c-tab-normal .c-tab-simple:hover .c-tab-tit
{
color: #00a4ff;
}
.c-tab-normal .c-tab-simple.actived:after
{
display: inline-block;
content: "";
height: 1px;
width: 100%;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
background: #00a4ff;
z-index: 1;
}
.c-tab-responsive .c-tab-panel
{
display: none;
}
.c-tab-responsive .c-tab-panel-mod
{
display: block;
}
.c-tab-vertical
{
display: table;
}
.c-tab-vertical .c-tab-panel, .c-tab-vertical ul
{
display: table-cell;
}
.c-tab-vertical .c-tab-simple
{
display: block;
text-align: right;
border-bottom: 0;
}
.c-tab-vertical .c-tab-simple a
{
padding-right: 20px;
}
.c-tab-vertical .c-tab-simple.actived:after
{
display: inline-block;
content: "";
height: 100%;
width: 3px;
position: absolute;
left: inherit;
right: -1px;
bottom: 0;
top: 0;
background: #00a4ff;
z-index: 1;
}
.c-tab-nosplit
{
text-align: left;
margin-left: -20px;
}
.c-tab-nosplit .c-tab-simple
{
border-bottom: 0;
}
.c-tab-nosplit .c-tab-simple a
{
padding: 0 20px;
line-height: 45px;
}
.c-tab-nosplit .c-tab-simple .c-tab-tit
{
font-size: 16px;
}
.c-tab-nosplit .c-tab-simple:after
{
position: absolute;
right: 0;
top: 12px;
content: "";
display: inline-block;
width: 1px;
height: 15px;
background: #e5e5e5;
}
.c-tab-nosplit .c-tab-simple:last-child:after
{
display: none;
}
.c-tab-nosplit .c-tab-simple.actived:after
{
position: absolute;
right: 0;
left: inherit;
bottom: inherit;
top: 12px;
content: "";
display: inline-block;
width: 1px;
height: 15px;
background: #e5e5e5;
}
.c-tab-weak
{
text-align: left;
margin-left: -15px;
}
.c-tab-weak .c-tab-simple
{
border-bottom: 0;
}
.c-tab-weak .c-tab-simple a
{
padding: 0 15px;
line-height: 45px;
}
.c-tab-weak .c-tab-simple .c-tab-tit
{
font-size: 14px;
}
.c-tab-weak .c-tab-simple.actived:after, .c-tab-weak .c-tab-simple:after
{
display: none;
}
.c-tab-v
{
display: table;
width: 100%;
}
.c-tab-v .c-tab-v-tit, .c-tab-v>ul
{
display: table-cell;
width: 15%;
position: relative;
vertical-align: top;
}
.c-tab-v .c-tab-v-tit:after, .c-tab-v>ul:after
{
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 2px;
background-color: #e5e5e5;
}
.c-tab-v .c-tab-simple
{
border: 0;
position: relative;
display: inline-block;
text-align: left;
width: 100%;
}
.c-tab-v .c-tab-simple.actived:after
{
content: '';
position: absolute;
right: 0;
top: 0;
width: 2px;
height: 100%!important;
background-color: #00a4ff;
left: auto;
bottom: 0;
z-index: 1;
}
.c-tab-v .c-tab-simple .c-tab-tit
{
display: inline;
font-size: 16px;
vertical-align: middle;
}
.c-tab-v .c-tab-simple a
{
display: block;
padding: 5px 0;
text-decoration: none;
color: #333;
}
.c-tab-v .c-tab-simple a:hover, .c-tab-v .c-tab-simple.actived a
{
color: #00a4ff;
}
.c-tab-v .c-tab-tit-icon
{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-color: #ccc;
margin-right: 10px;
}
.c-tab-v .c-tab-panel
{
display: table-cell;
width: 85%;
padding: 0 0 0 5%;
}
.c-tab-m-tit
{
display: none;
}
.c-tab-cross
{
position: relative;
background-color: #fff;
}
.c-tab-cross:before
{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #e5e5e5;
}
.c-tab-hd
{
margin: 0 auto;
padding: 0 10px;
max-width: 1200px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.c-tab-cross .c-tab-hd
{
position: relative;
text-align: center;
font-size: 0;
}
.c-tab-cross .c-tab-scroll
{
white-space: nowrap;
overflow: hidden;
}
.c-tab-cross .c-tab-ctrl
{
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease,-webkit-transform .3s ease;
}
.c-tab-cross .c-tab-simple
{
display: inline-block;
vertical-align: middle;
margin: 0 3.389830508%;
}
.c-tab-cross .c-tab-simple a
{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px;
height: 55px;
line-height: 54px;
font-size: 16px;
color: #000;
}
.c-tab-cross .c-tab-tit
{
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
border-bottom: 3px solid transparent;
}
.c-tab-cross .c-tab-simple a:hover, .c-tab-cross .c-tab-simple.actived a
{
color: #00a4ff;
}
.c-tab-cross .c-tab-simple.actived .c-tab-tit
{
border-bottom-color: #00a4ff;
}
.c-tab-btns
{
display: none;
}
.c-tab-btns a
{
position: absolute;
top: 0;
width: 32px;
height: 54px;
font-size: 0;
line-height: 54px;
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
}
.c-tab-btns a:after
{
content: '';
display: inline-block;
vertical-align: middle;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 10px;
height: 10px;
border-left: 2px solid #666;
border-bottom: 2px solid #666;
}
.c-tab-btns .prev
{
left: 0;
}
.c-tab-btns .prev:after
{
margin-right: -4px;
-webkit-transform: rotate3d(0,0,1,45deg);
transform: rotate3d(0,0,1,45deg);
}
.c-tab-btns .next
{
right: 0;
}
.c-tab-btns .next:after
{
margin-left: -2px;
-webkit-transform: rotate3d(0,0,1,-135deg);
transform: rotate3d(0,0,1,-135deg);
}
.c-tab-cross.scrolling
{
overflow: hidden;
}
.c-tab-cross.scrolling .c-tab-ctrl
{
display: block;
}
.c-tab-cross.scrolling .c-tab-simple
{
margin: 0;
}
.c-tab-cross.scrolling .c-tab-btns
{
display: block;
}
.c-tab-normal.c-tab-criterion>ul
{
border-bottom: #e5e5e5 2px solid;
position: relative;
}
.c-tab-normal.c-tab-criterion .c-tab-simple
{
border-bottom: none;
position: relative;
min-width: 145px;
margin-right: 20px;
}
.c-tab-normal.c-tab-criterion .c-tab-simple a
{
padding-bottom: 15px;
}
.c-tab-normal.c-tab-criterion .c-tab-simple.actived:after
{
height: 2px;
bottom: -2px;
}
.c-loading
{
text-align: center;
}
.c-loading .c-loading-inner>div
{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #00a4ff;
-webkit-animation: bouncedelay .7s infinite ease-in-out both;
animation: bouncedelay .7s infinite ease-in-out both;
text-align: center;
margin-left: 4px;
margin-right: 4px;
}
.c-loading .c-loading-inner .one
{
-webkit-animation-delay: -.32s;
animation-delay: -.32s;
}
.c-loading .c-loading-inner .two
{
-webkit-animation-delay: -.16s;
animation-delay: -.16s;
}
@keyframes bouncedelay
{
0%, 100%, 80%
{
-webkit-transform: scale(.5);
transform: scale(.5);
opacity: 1;
}
40%
{
transform: scale(1);
-webkit-transform: scale(1);
opacity: .8;
}
}
.c-loading-weak .c-loading-inner>div
{
background-color: #fff;
}
.m .c-loading-inner>div
{
width: 8px;
height: 8px;
margin-left: 1px;
margin-right: 1px;
}
.c-loading-tip
{
display: block;
min-height: 40px;
text-align: center;
line-height: 40px;
color: #444;
}
.c-loading-tip .c-loading-inner>div
{
background-color: #888;
}
.c-loading-tip a
{
color: #00a4ff;
}
.c-loading-tip a:hover
{
text-decoration: underline;
}
.c-pagearea
{
padding: 75px 0;
min-width: 320px;
box-sizing: border-box;
}
.c-pagearea.bg-color
{
background-color: #f7f8fa;
}
.c-pagearea-inner
{
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}
.c-pagearea-tit
{
margin-left: 10px;
margin-right: 10px;
color: #333;
text-align: center;
}
.c-pagearea-tit .area-title
{
font-size: 30px;
font-weight: 400;
margin-bottom: 10px;
text-align: center;
}
.c-pagearea-con
{
margin-top: 60px;
}
.c-p-y-tall.home-footer-mod
{
background-size: cover;
}
.c-section.c-p-y-tall
{
padding: 70px 0 80px;
}
.c-section.c-p-y-short
{
padding: 45px 0 50px;
}
.c-section.bg-color
{
background: #f7f8fa;
}
.c-section-inner
{
margin: 0 auto;
width: 100%;
max-width: 1200px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 10px;
}
.c-section-hd
{
margin-bottom: 55px;
}
.c-section.c-p-y-short .c-section-hd
{
margin-bottom: 35px;
}
.c-section-tit
{
text-align: center;
text-align: center;
font-size: 30px;
color: #000;
font-weight: 400;
line-height: 1.5;
}
.c-section-des
{
text-align: center;
text-align: center;
font-size: 16px;
color: #666;
margin: 10px 0 0;
line-height: 1.5;
}
.c-section-des a
{
color: #00a4ff;
}
.c-section-des a:hover
{
text-decoration: underline;
}
.c-section-hd-align-left, .c-section-hd-align-left .c-section-des, .c-section-hd-align-left .c-section-tit
{
text-align: left;
}
.c-step-box
{
font-size: 16px;
color: #333;
font-weight: 700;
counter-reset: step;
}
.c-step-box .c-step-col
{
float: left;
position: relative;
width: 20%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-step-hd
{
display: table;
}
.c-step-num
{
width: 24px;
height: 24px;
border-radius: 50%;
display: inline-block;
border: 2px solid #00a4ff;
text-align: center;
line-height: 24px;
color: #00a4ff;
font-weight: 700;
background: #fff;
margin-right: 10px;
font-size: 0;
}
.c-step-num:after
{
counter-increment: step;
content: counter(step);
font-size: 16px;
}
.c-step-title
{
display: table-cell;
background: #fff;
padding: 5px;
position: relative;
z-index: 1;
white-space: nowrap;
}
.c-step-line
{
display: table-cell;
position: relative;
width: 100%;
vertical-align: middle;
}
.c-step-bor
{
height: 1px;
background: #b3b3b3;
width: 100%;
display: block;
}
.c-step-time
{
position: absolute;
top: -16px;
font-size: 12px;
color: #999;
font-weight: 400;
white-space: nowrap;
display: block;
text-align: center;
width: 100%;
}
.c-step-bd
{
min-height: 24px;
}
.c-step-content
{
padding-left: 45px;
margin-top: 5px;
}
.c-step-content span
{
font-size: 14px;
color: #999;
font-weight: 400;
display: block;
line-height: 24px;
padding: 0;
}
.c-step-link
{
text-align: center;
font-size: 14px;
font-weight: 400;
display: block;
margin-top: 40px;
}
.c-step-link .c-step-link-a
{
color: #00a4ff;
margin-left: 10px;
}
.c-step-link .c-step-icon-video
{
width: 16px;
height: 16px;
vertical-align: middle;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 47.89% 10.37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-step-link .c-step-link-span
{
line-height: 16px;
vertical-align: middle;
}
.c-step-content a
{
color: #00a4ff;
}
.c-step-content a:hover
{
text-decoration: underline;
}
.c-step-box.c-step-newlinkcolor a
{
color: #00a4ff;
}
.c-step-box.c-step-newlinkcolor .c-step-num
{
border: 2px solid #00a4ff;
color: #00a4ff;
}
.c-datacard
{
vertical-align: top;
background-color: #fff;
border: 1px solid #e5e5e5;
padding-left: 30px;
padding-right: 30px;
position: relative;
padding-bottom: 155px;
}
.c-datacard-title
{
font-weight: 400;
color: #333;
font-size: 18px;
margin-top: 36px;
}
.c-datacard-desc
{
color: #666;
font-size: 14px;
line-height: 24px;
margin-top: 10px;
}
.c-datacard-desc a
{
color: #00a4ff;
}
.c-datacard-desc a:hover
{
text-decoration: underline;
}
.c-datacard-config
{
float: left;
width: 50%;
margin-top: 35px;
margin-bottom: 27px;
}
.c-datacard-config-item+.c-datacard-config-item
{
margin-top: 20px;
}
.c-datacard-config-label
{
font-size: 16px;
color: #333;
display: block;
margin-bottom: 5px;
}
.c-datacard-config-text
{
font-size: 14px;
color: #666;
display: block;
}
.c-datacard-toolbar
{
border-top: 1px dashed #dcdcdc;
padding-top: 25px;
padding-bottom: 40px;
position: absolute;
bottom: 0;
left: 30px;
right: 30px;
}
.c-datacard-button
{
display: block;
margin-left: auto;
margin-right: auto;
border-radius: 2px;
background: #00a4ff;
width: 226px;
line-height: 35px;
font-size: 14px;
color: #fff;
text-align: center;
}
.c-datacard-button-disabled
{
background-color: #d5d7de;
cursor: default;
}
.c-datacard-price
{
text-align: center;
font-size: 14px;
margin-bottom: 25px;
}
.c-datacard-price-new
{
color: #f16c15;
}
.c-datacard-price-new .c-datacard-price-text
{
font-size: 25px;
}
.c-datacard-price-origin
{
color: #999;
margin-left: 4px;
}
.c-datacard-tips
{
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
color: #666;
margin-top: 17px;
padding-bottom: 30px;
border-bottom: 1px solid #dcdcdc;
}
.c-datacard-toolbar .c-btn
{
margin: 0 auto;
display: block;
}
.c-package-card
{
border: 1px solid #e5e5e5;
font-size: 0;
background-color: #fff;
padding: 30px 30px 35px;
position: relative;
margin-bottom: 20px;
}
.c-package-card-body
{
position: relative;
padding-right: 20px;
display: table-cell;
width: 100%;
}
.c-package-card-body:after
{
content: '';
position: absolute;
width: 0;
right: 0;
top: 0;
bottom: 0;
border-left: #e5e5e5 1px solid;
}
.c-package-card-tit
{
font-size: 18px;
margin-bottom: 10px;
}
.c-package-card-aside
{
display: table-cell;
width: 1px;
text-align: center;
font-size: 0;
vertical-align: middle;
padding-left: 30px;
white-space: nowrap;
}
.c-package-card-txt
{
font-size: 14px;
color: #666;
line-height: 1.6;
}
.c-package-card-txt-link
{
color: #00a4ff;
}
.c-package-card-row
{
padding-top: 40px;
}
.c-package-card-cell
{
display: table-cell;
padding: 0 35px;
position: relative;
vertical-align: top;
}
.c-package-card-cell-opr
{
padding-bottom: 47px;
min-width: 168px;
}
.c-package-card-cell:after
{
content: '';
position: absolute;
width: 0;
height: 100%;
right: 0;
top: 0;
border-left: #dcdcdc 1px solid;
}
.c-package-card-cell:first-child
{
padding-left: 0;
}
.c-package-card-cell:last-child
{
padding-right: 0;
}
.c-package-card-cell:last-child:after
{
display: none;
}
.c-package-card-cell-tit
{
font-size: 16px;
margin-bottom: 10px;
}
.c-package-card-cell-tit h4
{
display: inline;
font-size: 18px;
}
.c-package-card-cell-tit span
{
color: #999;
margin-left: 5px;
font-size: 14px;
}
.c-package-card-cell-con
{
font-size: 14px;
color: #666;
}
.c-package-card-cost
{
color: #ed711f;
margin-bottom: 15px;
display: block;
}
.c-package-card-cost em, .c-package-card-cost em span
{
font-size: 18px;
}
.c-package-card-cost s
{
color: #999;
font-size: 14px;
margin-left: 10px;
}
.c-package-card-btn .qc-btn
{
background: #ff7200;
border-color: #ff7200;
color: #fff;
width: 100%;
box-sizing: border-box;
line-height: 33px;
}
.c-package-card-btn .qc-btn:hover
{
text-decoration: none;
background: #f06c00;
border-color: #f06c00;
}
.c-package-card-btn .qc-btn.disabled, .c-package-card-btn .qc-btn.disabled:hover
{
border-color: #d5d5d5;
background: #e8e8e8;
color: #a2a2a2;
cursor: not-allowed;
}
.c-package-card-cell-btn .qc-btn
{
line-height: 30px;
background-color: #fff;
border: 1px solid #00a4ff;
color: #00a4ff;
white-space: nowrap;
}
.c-package-card-cell-btn
{
padding-top: 15px;
position: absolute;
bottom: 0;
}
.c-package-card-cell-btn .qc-btn:hover
{
text-decoration: none;
background-color: #00a4ff;
color: #fff;
}
.c-package-card-event
{
position: absolute;
height: 27px;
line-height: 27px;
width: 150px;
background-color: #fff6db;
color: #be8e29;
font-size: 12px;
padding: 0 20px;
top: 30px;
right: -5px;
}
.c-package-card-img
{
width: 64px;
height: 64px;
display: block;
display: table-cell;
vertical-align: middle;
padding-right: 20px;
}
.c-package-card-img img
{
width: 64px;
height: 64px;
}
.c-package-card-word
{
display: table-cell;
vertical-align: middle;
}
.c-package-card-cell-link
{
color: #666;
text-decoration: underline;
}
.c-package-card-cell-link:hover
{
color: #333;
}
.c-hero-section
{
height: 500px;
background: url(/template/plugins/keywords/css/mod/img/website-bg.jpg) center center #222733;
overflow: hidden;
background-size: cover;
padding: 0 20px;
}
.c-hero-section .c-hero-section-inner
{
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 155px 0 0 10px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.c-hero-section .c-hero-section-ct
{
width: 50%;
}
.c-hero-section .c-hero-section-tit
{
font-size: 48px;
color: #fff;
font-weight: 400;
line-height: 1.5;
}
.c-hero-section .c-hero-section-des
{
font-size: 16px;
color: #fff;
line-height: 1.7;
margin: 10px 0 40px;
}
.c-hero-section .c-hero-section-des p
{
line-height: 1.7;
}
.c-hero-section .c-hero-section-btn
{
font-size: 0;
}
.c-hero-section .c-hero-section-btn .c-btn
{
height: 45px;
line-height: 45px;
font-size: 16px;
vertical-align: middle;
}
.c-hero-section .c-hero-section-btn .c-btn:nth-child(2)
{
margin-left: 20px;
}
.c-hero-section-nobtn .c-hero-section-inner
{
padding: 185px 0 0 10px;
}
.c-hero-section-center
{
text-align: center;
position: relative;
}
.c-hero-section-center .c-hero-section-ct
{
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
margin-top: 32px;
-moz-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.c-hero-forsale .c-hero-section-tit
{
font-size: 66px;
}
.c-hero-section.c-hero-forsale .c-hero-section-des
{
font-size: 24px;
color: #dbdbdb;
}
.c-hero-section.c-hero-forsale .c-hero-section-des p
{
line-height: 1.7;
}
.c-hero-section.c-hero-without-nav
{
height: 435px;
}
.c-hero-section.c-hero-without-nav .c-hero-section-ct
{
margin-top: 0;
}
.c-hero-bar
{
min-width: 320px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: #61697c;
-webkit-font-smoothing: antialiased;
}
.c-hero-bar-inner
{
box-sizing: border-box;
margin: 0 auto;
padding: 0 10px;
max-width: 1200px;
height: 255px;
color: #fff;
line-height: 1.5;
font-size: 0;
text-align: center;
}
.c-hero-bar-inner:before
{
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.c-hero-bar-ct
{
display: inline-block;
vertical-align: middle;
max-width: 99%;
}
.c-hero-bar-tit
{
margin-bottom: 8px;
font-size: 34px;
font-weight: 400;
}
.c-hero-bar-desc
{
font-size: 16px;
}
.c-thumbnail-item
{
display: inline-block;
}
.c-thumbnail-card
{
display: block;
}
.c-thumbnail-card:hover
{
text-decoration: none;
}
.c-thumbnail-img
{
position: relative;
}
.c-thumbnail-img img
{
display: block;
width: 100%;
}
.c-thumbnail-img-ctrl
{
position: absolute;
top: 0;
left: 0;
padding: 10px 0 30px 30px;
}
.c-thumbnail-tips
{
font-size: 14px;
padding: 3px 5px;
background-color: #fff;
border-radius: 2px;
color: #333;
margin-top: 20px;
display: inline-block;
}
.c-thumbnail-tit
{
color: #fff;
font-size: 18px;
line-height: 1.6;
margin-top: 15px;
font-weight: 400;
}
.c-thumbnail-status-bar
{
padding-left: 30px;
line-height: 50px;
border: 1px solid #e5e5e5;
border-top: 0;
}
.c-thumbnail-status-ctrl
{
display: inline-block;
margin-right: 15px;
}
.c-thumbnail-status-ctrl i
{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
margin-right: 3px;
}
.c-thumbnail-play-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 51.06% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-thumbnail-time-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 70.07% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-thumbnail-doc-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 33.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-thumbnail-status-ctrl span
{
font-size: 14px;
color: #666;
vertical-align: middle;
}
.c-video-mask
{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1000;
width: 100%;
height: 100%;
background: #000;
opacity: .8;
filter: alpha(opacity=80);
transition: opacity .5s ease;
}
.c-video-dialog-container
{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1001;
text-align: center;
transition: opacity .5s ease;
font-size: 0;
}
.c-video-dialog-container:before
{
content: '';
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
}
.c-video-dialog
{
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 98%;
max-height: 100%;
width: 700px;
height: 500px;
font-size: 14px;
line-height: 500px;
color: #fff;
}
.c-video-dialog video
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
}
.c-video-dialog-loading
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 16px;
background-color: #000;
opacity: .8;
}
.c-video-dialog-close
{
position: absolute;
right: 30px;
top: 30px;
width: 32px;
height: 32px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
font-size: 0;
background-position: 25.75% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-video-dialog-close:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 51.12% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-video-dialog-container.hidden, .c-video-mask.hidden
{
opacity: 0;
filter: alpha(opacity=0);
}
.c-video-dialog iframe
{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.c-map-wrap
{
position: relative;
z-index: 1;
margin: 0 auto;
width: 84.34vw;
height: 40.834vw;
min-width: 880px;
min-height: 426px;
max-width: 1012px;
max-height: 490px;
}
.c-map-mod img
{
display: block;
width: 100%;
height: 100%;
}
.c-map-dot-list
{
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
top: 0;
left: 0;
}
.c-map-dot
{
position: absolute;
width: 20px;
height: 20px;
-webkit-box-shadow: inset #00a4ff 0 0 5px;
box-shadow: inset #00a4ff 0 0 5px;
border-radius: 50%;
cursor: pointer;
background-color: #f7f8fa;
}
.c-map-dot:after
{
content: '';
position: absolute;
width: 20px;
height: 20px;
-webkit-box-shadow: inset #00a4ff 0 0 5px;
box-shadow: inset #00a4ff 0 0 5px;
border-radius: 50%;
top: 0;
left: 0;
opacity: 0;
}
.c-map-dot-layer
{
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
margin: -4px 0 0 -4px;
background-color: #00a4ff;
border-radius: 50%;
cursor: pointer;
opacity: 1;
}
.c-map-dot-layer:after
{
content: '';
position: absolute;
width: 8px;
height: 8px;
-webkit-box-shadow: inset #00a4ff 0 0 5px;
box-shadow: inset #00a4ff 0 0 5px;
border-radius: 50%;
top: 0;
left: 0;
opacity: 0;
}
.c-map-dot.style-2, .c-map-dot.style-2:after
{
-webkit-box-shadow: inset #666 0 0 5px;
box-shadow: inset #666 0 0 5px;
cursor: default;
}
.c-map-dot.style-2 .c-map-dot-layer, .c-map-dot.style-2 .c-map-dot-layer:after
{
background-color: #666;
}
.c-map-dot.style-3, .c-map-dot.style-3:after
{
-webkit-box-shadow: inset #fb9353 0 0 5px;
box-shadow: inset #fb9353 0 0 5px;
}
.c-map-dot.style-3 .c-map-dot-layer
{
background-color: #fb9353;
}
.c-map-dot.style-3 .c-map-dot-layer:after
{
-webkit-box-shadow: inset #fb9353 0 0 5px;
box-shadow: inset #fb9353 0 0 5px;
}
.c-map-dot.style-db:before
{
content: '';
position: relative;
display: block;
width: 20px;
height: 20px;
-webkit-box-shadow: inset #fb9353 0 0 5px;
box-shadow: inset #fb9353 0 0 5px;
border-radius: 50%;
top: -1px;
left: -10px;
z-index: -1;
background-color: #fff;
}
.c-map-dot.style-db .c-map-dot-layer:before
{
content: '';
position: absolute;
width: 8px;
height: 8px;
-webkit-box-shadow: inset #fb9353 0 0 5px;
box-shadow: inset #fb9353 0 0 5px;
border-radius: 50%;
background-color: #fb9353;
top: -1px;
left: -10px;
z-index: -1;
}
@-webkit-keyframes warn
{
0%
{
opacity: 0;
-webkit-transform: scale(.1);
transform: scale(.1);
}
5%
{
opacity: 1;
}
to
{
opacity: 0;
-webkit-transform: scale(4);
transform: scale(4);
}
}
@keyframes warn
{
0%
{
opacity: 0;
-webkit-transform: scale(.1);
transform: scale(.1);
}
5%
{
opacity: 1;
}
to
{
opacity: 0;
-webkit-transform: scale(4);
transform: scale(4);
}
}
@-webkit-keyframes warn-2
{
0%
{
opacity: 0;
-webkit-transform: scale(.1);
transform: scale(.1);
}
5%
{
opacity: 8;
}
to
{
opacity: 0;
-webkit-transform: scale(10);
transform: scale(10);
}
}
@keyframes warn-2
{
0%
{
opacity: 0;
-webkit-transform: scale(.1);
transform: scale(.1);
}
5%
{
opacity: 8;
}
to
{
opacity: 0;
-webkit-transform: scale(10);
transform: scale(10);
}
}
.c-map-dot.animate:hover:after
{
-webkit-animation: warn 2s ease-out .1s infinite;
animation: warn 2s ease-out .1s infinite;
}
.c-map-dot.animate:hover .c-map-dot-layer:after
{
-webkit-animation: warn-2 2s ease-out 1.1s infinite;
animation: warn-2 2s ease-out 1.1s infinite;
}
.c-map-dot-explain
{
position: absolute;
left: 0;
bottom: 0;
z-index: 3;
}
.c-map-dot-explain .c-map-dot
{
position: relative;
}
.c-map-dot, .c-map-dot-explain-txt
{
display: inline-block;
vertical-align: middle;
}
.c-map-dot-explain-item
{
display: block;
margin-bottom: 10px;
}
.c-map-dot-explain-txt
{
margin-left: 5px;
}
.c-map-dot-text
{
position: absolute;
left: 100%;
top: 0;
padding-left: 5px;
font-size: 12px;
line-height: 20px;
color: #111;
white-space: nowrap;
}
.c-map-dot-text.left
{
left: auto;
right: 100%;
padding-left: 0;
padding-right: 5px;
}
.c-map-bubble
{
left: 50%;
bottom: 100%;
margin-left: -100px;
margin-bottom: 10px;
width: 200px;
text-align: center;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
cursor: default;
pointer-events: none;
}
.c-map-dot.hover .c-map-bubble, .c-map-dot:hover .c-map-bubble
{
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.c-map-bubble .c-bubble-inner
{
display: inline-block;
vertical-align: middle;
padding: 10px;
text-align: left;
border-color: #00a4ff;
font-size: 14px;
line-height: 24px;
color: #333;
}
.c-map-bubble .c-bubble-inner:before
{
border-top-color: #00a4ff;
}
.c-map-bubble .title
{
margin-bottom: 5px;
color: rgba(51,51,51,.8);
font-weight: 400;
}
.c-map-bubble .disabled
{
color: #999;
}
.home-map-mod
{
position: relative;
}
.home-map-btn
{
text-align: center;
padding-top: 40px;
}
.home-map-btn .c-btn
{
width: 220px;
height: 45px;
line-height: 45px;
font-size: 16px;
background-color: #00a4ff;
}
.home-map-btn-more
{
display: block;
margin: 15px auto 0;
text-align: center;
color: #00a4ff;
}
.home-map-btn-more:hover
{
text-decoration: underline;
}
.home-m-map-mod
{
display: none;
}
.c-scrollbar::-webkit-scrollbar-thumb
{
background-color: rgba(0,0,0,.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.c-scrollbar::-webkit-scrollbar
{
width: 5px;
height: 12px;
background-color: #fff;
}
.c-scrollbar::-webkit-scrollbar-track
{
background-color: #fff;
}
.c-aside-links
{
padding: 25px 0 10px;
font-size: 14px;
}
.c-aside-links .aside-links-tit
{
color: #999;
margin-bottom: 15px;
}
.c-aside-links .aside-links-item
{
margin-bottom: 15px;
}
.c-aside-links .aside-links-item a
{
color: #333;
}
.c-aside-links .aside-links-item a span
{
margin-right: 4px;
}
.c-aside-links .aside-links-item:hover a
{
color: #00a4ff;
text-decoration: none;
}
.c-aside-links .aside-links-item:hover a i
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .35000000000000003% 99.64%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.c-show-more-mod
{
display: block;
text-align: center;
margin-top: 40px;
}
.c-show-more-mod .c-show-more-txt
{
display: inline-block;
color: #00a4ff;
position: relative;
font-size: 14px;
vertical-align: middle;
}
.c-show-more-mod .c-show-more-txt:after
{
content: '';
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-left: 5px;
background-position: 93.31% 60.370000000000005%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-show-more-mod.show .c-show-more-txt:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 13.700000000000001%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-grid.bg-color
{
background-color: #f7f8fa;
}
.c-grid-layout
{
max-width: 1200px;
margin: 0 auto;
}
.row-full .c-grid-layout
{
max-width: inherit;
}
.c-tit-mod .c-tit
{
text-align: center;
font-size: 30px;
color: #333;
font-weight: 400;
line-height: 1;
}
.c-tit-mod .c-des
{
text-align: center;
font-size: 18px;
color: #666;
margin: 15px 0 0;
line-height: 1.5;
}
.c-tit-mod .c-des a
{
color: #00a4ff;
}
.c-qr-item .qrcode-img
{
width: 160px;
height: 160px;
position: relative;
border: 1px solid #e5e5e5;
margin: 0 auto;
}
.c-qr-item .qrcode-img.img
{
height: auto;
}
.c-qr-item .qrcode-img canvas, .c-qr-item .qrcode-img img
{
display: block;
width: 100%;
padding: 10px;
box-sizing: border-box;
}
.c-qr-item .qrcode-img-mask
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,.9);
padding-top: 40px;
text-align: center;
box-sizing: border-box;
}
.c-qr-item .r-icon-qr-maks
{
width: 24px;
height: 24px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 54.71% 71.37%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-qr-item .qrcode-img-mask span
{
display: block;
margin-top: 10px;
font-size: 18px;
line-height: 25px;
color: #62bc00;
word-wrap: break-word;
}
.c-qr-item .qrcode-txt, .c-qr-status-error, .c-qr-status-success
{
padding-top: 20px;
padding-bottom: 10px;
}
.c-qr-status-error a, .c-qr-status-success a
{
color: #00a4ff;
}
.c-qr-status-error i, .c-qr-status-success i
{
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle;
}
.c-qr-status-error
{
color: #f00;
}
.c-qr-status-success
{
color: #0abf5b;
}
.c-qr-status-error i
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.75% 64.55%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.c-qr-status-success i
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .35000000000000003% 80.97%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.c-qr-status-error span, .c-qr-status-success span
{
margin-left: 5px;
vertical-align: middle;
line-height: 24px;
}
.c-qr-item.big .qrcode-img
{
width: 188px;
height: 188px;
}
.c-qr-item .lg-qr-link
{
display: inline-block;
width: 100%;
height: 100%;
color: #999;
text-decoration: none;
text-align: center;
}
.c-qr-item .lg-qr-link:after
{
content: '';
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}
.qc-btn
{
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 14px;
padding: 0 20px;
line-height: 26px;
overflow: visible;
cursor: pointer;
border: 1px solid #fff;
text-align: center;
border-radius: 2px;
-webkit-transition: background-color .15s;
transition: background-color .15s;
}
.qc-btn:hover
{
background-color: #0092ee;
border-color: #0092ee;
}
.qc-navigation .qc-btn
{
font-size: 12px;
}
.qc-btn:active
{
background-color: #00a4ff;
border-color: #00a4ff;
}
.qc-btn:focus
{
background-color: #00a4ff;
border-color: #00a4ff;
outline: 0;
}
.qc-navigation
{
position: relative;
z-index: 1000;
height: 65px;
width: 100%;
}
.qc-navigation:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: transparent;
-webkit-transition: height .2s,background-color .2s;
transition: height .2s,background-color .2s;
}
.qc-navigation-mobile:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: transparent;
}
.qc-navigation-hover:before
{
height: 100%;
background-color: #111;
background-color: rgba(17,17,17,1);
-webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.qc-navigation-mobile-hover:before
{
height: 100%;
background-color: #111;
background-color: rgba(17,17,17,.9);
}
.qc-navigation .navigation-inner
{
position: relative;
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
font-size: 0;
height: 65px;
box-sizing: border-box;
padding-left: 10px;
}
.qc-navigation .logo
{
display: inline-block;
vertical-align: middle;
}
.qc-navigation .logo .logo-img
{
display: inline-block;
vertical-align: middle;
width: 94px;
height: 25px;
}
.qcloud-logo-lit
{
display: block;
}
.qcloud-logo-dark
{
display: none;
}
.qc-navigation .categories
{
display: inline-block;
vertical-align: middle;
}
.qc-navigation .categories .menu
{
font-size: 0;
}
.qc-navigation .categories .menu>li
{
font-size: 16px;
color: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
}
.qc-navigation .categories .menu h2, .qc-navigation-hover .categories .menu h2
{
font-weight: 400;
margin: 0;
}
.qc-navigation .categories .menu>.presentation h2 a, .user-id
{
display: inline-block;
padding: 0 10px;
color: #fff;
line-height: 65px;
font-size: 14px;
-webkit-transition: background-color .4s;
transition: background-color .4s;
outline: 0;
}
.qc-navigation .categories .menu li.presentation-selected, .qc-navigation .categories .menu li.presentation-selected:hover
{
background-color: #f2f2f2;
}
.qc-navigation .categories .menu li.presentation-selected h2 a, .qc-navigation .categories .menu li.presentation-selected:hover h2 a, .qc-navigation .categories .presentation-selected .nav-down-style li a
{
color: #333;
}
.nav-down-style
{
position: absolute;
background-color: #111;
background-color: rgba(17,17,17,.98);
left: 0;
min-width: 100%;
box-sizing: border-box;
text-align: left;
z-index: 100;
}
.nav-down-style li
{
display: block;
float: none;
}
.nav-down-style li a
{
color: #999;
font-size: 14px;
white-space: nowrap;
line-height: 30px;
}
.nav-down-style li a:hover
{
color: #00a4ff;
}
.qc-navigation .nav-down-style-1 .nav-down-list
{
white-space: nowrap;
font-size: 0;
margin: 15px 0;
}
.qc-navigation .nav-down-style-1 .nav-down-menu
{
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
}
.qc-navigation .nav-down-style-1 .nav-down-menu:first-child
{
border-right: 1px solid #2e3032;
}
.qc-navigation .nav-down-style-1 .nav-down-menu a
{
display: block;
line-height: 40px;
padding-left: 30px;
padding-right: 30px;
color: #fff;
white-space: nowrap;
}
.qc-navigation .nav-down-style-1 .nav-down-menu a.nav-down-menu-sl, .qc-navigation .nav-down-style-1 .nav-down-menu a:hover
{
background-color: #111;
color: #00a4ff;
}
.qc-navigation .nav-down-style-2 .nav-down-list
{
white-space: nowrap;
margin: 15px 0 25px;
font-size: 0;
}
.qc-navigation .nav-down-style-2 .nav-down-menu
{
display: table-cell;
vertical-align: top;
border-right: 1px solid #2e3032;
padding-left: 10px;
padding-right: 10px;
}
.qc-navigation .nav-down-style-2 .nav-down-menu ul
{
display: inline-block;
vertical-align: top;
}
.qc-navigation .nav-down-style-2 .nav-down-menu .menu-title
{
color: #888;
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
height: 40px;
line-height: 40px;
}
.qc-navigation .nav-down-style-2 .nav-down-menu li a
{
padding-left: 20px;
padding-right: 20px;
line-height: 40px;
display: block;
min-width: 4em;
color: #fff;
}
.qc-navigation .nav-down-style-2 .nav-down-menu li a:hover, .qc-navigation .nav-down-style-2 .nav-down-menu li.actived a
{
color: #00a4ff;
background-color: #111;
}
.qc-navigation .nav-down-style-2 .nav-down-menu .menu-title img
{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.qc-navigation .nav-down-style-2 .nav-down-menu.last
{
border-right: none;
margin-right: 0;
}
.qc-navigation .nav-down-style-3
{
width: 965px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout
{
width: 235px;
display: table-cell;
padding-top: 20px;
padding-bottom: 20px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout li
{
position: relative;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .title
{
color: #fff;
font-size: 14px;
display: block;
padding: 0 20px 0 30px;
line-height: 40px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title, .qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover
{
background-color: #111;
color: #00a4ff;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title .icon, .qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon
{
display: none;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .title .icon-h, .qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon-h
{
display: inline-block;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover
{
cursor: default;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon
{
display: inline-block;
width: 16px;
height: 16px;
margin-right: 15px;
vertical-align: middle;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon-h
{
display: none;
width: 16px;
height: 16px;
margin-right: 15px;
vertical-align: middle;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .title .icon-tran-right
{
background-image: url(/template/plugins/keywords/css/img/home/slice/arr-left.png);
width: 6px;
height: 10px;
display: inline-block;
position: absolute;
top: 15px;
right: 20px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout .cur .icon-tran-right, .qc-navigation .nav-down-style-3 .nav-down-flyout .title:hover .icon-tran-right
{
background-image: url(/template/plugins/keywords/css/img/home/slice/arr-left-h.png);
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct
{
margin-left: 235px;
border-left: 1px solid #2f3133;
padding-top: 13px;
padding-bottom: 13px;
display: table-cell;
vertical-align: top;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-item
{
padding: 8px 0 8px 30px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title
{
font-size: 14px;
color: #333;
display: inline-block;
padding-right: 15px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title h4
{
font-weight: 400;
font-size: 14px;
color: #fff;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .activity
{
display: inline-block;
color: #fff;
background-color: #ff7200;
font-size: 12px;
padding: 0 5px;
height: 16px;
line-height: 14px;
border-radius: 2px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .des-text
{
color: #888;
line-height: 25px;
font-size: 12px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-title:hover h4
{
color: #00a4ff;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd
{
padding-top: 5px;
margin-top: 5px;
border-top: 1px solid #2f3133;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd .link
{
margin-right: 40px;
font-size: 12px;
color: #999;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .sub-pd .link:hover
{
color: #00a4ff;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left, .qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-right
{
display: table-cell;
vertical-align: top;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left .ct-item, .qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-right .ct-item
{
width: 315px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .ct-left.left-single .ct-item
{
width: 455px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing
{
max-width: 200px;
height: 100%;
border-left: 1px solid #2f3133;
padding-left: 30px;
padding-top: 10px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .pushing-ct
{
margin-bottom: 20px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .title
{
font-size: 14px;
color: #fff;
font-weight: 400;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .ct-list a
{
font-size: 12px;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
word-break: break-all;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
vertical-align: middle;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .right-pushing .ct-list li:before
{
content: "•\20";
color: #00a4ff;
padding-right: 5px;
font-size: 14px;
}
.qc-navigation .operation
{
font-size: 0;
text-align: right;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
.qc-navigation .operation:before
{
display: inline-block;
content: "";
width: 0;
height: 100%;
vertical-align: middle;
font-size: 0;
}
.qc-navigation .search
{
display: inline-block;
vertical-align: middle;
position: relative;
width: 136px;
height: 30px;
line-height: 1;
text-align: left;
margin-right: 20px;
border: 1px solid #fff;
border: 1px solid rgba(255,255,255,.2);
border-radius: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color .2s;
transition: border-color .2s;
}
.qc-navigation .search .search-ipt
{
border-width: 0;
background-color: transparent;
width: 78.6%;
height: 30px;
line-height: 30px;
padding: 0 15px;
outline: 0;
color: #fff;
font-size: 14px;
}
.qc-navigation .search .bt-search
{
position: absolute;
top: 4px;
right: 10px;
border-width: 0;
background-color: transparent;
width: 20px;
outline: 0;
}
.qc-navigation .search .bt-search .icon-search
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/img/home/slice/search-icon.png);
width: 15px;
height: 16px;
opacity: .4;
filter: alpha(opacity=40);
-webkit-transition: opacity .2s;
transition: opacity .2s;
}
.qc-navigation .search .nav-down-style-1
{
top: 46px;
}
.qc-navigation .search .nav-down-style-1 .nav-down-menu:first-child
{
border-right: none;
max-width: 208px;
}
.qc-navigation .login
{
display: inline-block;
vertical-align: middle;
white-space: nowrap;
font-size: 0;
}
.qc-navigation .login .text
{
display: inline-block;
height: 30px;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
color: #fff;
font-size: 12px;
border-radius: 2px;
}
.qc-navigation .login .text:hover
{
background-color: #111;
color: #00a4ff;
}
.qc-navigation .login .stick
{
display: inline-block;
vertical-align: middle;
font-size: 0;
height: 14px;
border-left: 1px solid #fff;
opacity: .4;
filter: alpha(opacity=40);
}
.qc-navigation .login .login-op
{
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-right: 5px;
}
.state-log-in
{
font-size: 14px;
position: relative;
}
.state-log-in .user-id
{
vertical-align: top;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.state-log-in .user-name
{
display: inline-block;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 6em;
vertical-align: top;
padding-right: 12px;
font-size: 12px;
}
.state-log-in .user-id .triangle-down
{
width: 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 4px;
border-style: solid dashed dashed;
border-color: #fff transparent transparent;
position: absolute;
top: 31px;
right: 8px;
}
.qc-navigation .state-log-in .nav-down-style-1 .nav-down-menu:first-child
{
border-right: none;
}
.icon-cart
{
display: inline-block;
vertical-align: -3px;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-cart.png);
margin-right: 8px;
}
.operation .link-mc
{
border-color: #fff;
border-color: rgba(255,255,255,.2);
}
.qc-navigation-dark .qcloud-logo-lit
{
display: none;
}
.qc-navigation-dark .qcloud-logo-dark
{
display: block;
}
.qc-navigation-dark .categories .menu>.presentation h2 a, .qc-navigation-dark .login .text, .qc-navigation-dark .state-log-in .user-id
{
color: #333;
}
.qc-navigation-dark .icon-cart
{
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-cart-dark.png);
}
.qc-navigation-dark .search
{
border-color: #333;
border-color: rgba(51,51,51,.2);
}
.qc-navigation-dark .login .stick
{
border-color: #333;
}
.qc-navigation-dark .search .bt-search .icon-search
{
background-image: url(/template/plugins/keywords/css/img/home/slice/search-icon-dark.png);
}
.qc-navigation-dark .operation .link-mc
{
color: #333;
border-color: #333;
border-color: rgba(51,51,51,.2);
}
.qc-navigation-dark .operation .link-mc:hover
{
border-color: #2176da;
}
.qc-navigation-dark .state-log-in .user-id .triangle-down
{
border-color: #888 transparent transparent;
}
.qc-navigation-hover .qcloud-logo-lit
{
display: block;
}
.qc-navigation-hover .qcloud-logo-dark
{
display: none;
}
.qc-navigation-hover .categories .menu>.presentation h2 a, .qc-navigation-hover .state-log-in .user-id
{
color: #fff;
}
.qc-navigation-hover .icon-cart
{
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-cart-dark.png);
}
.qc-navigation-hover .login .stick
{
border-color: #fff;
}
.qc-navigation-hover .search .bt-search .icon-search
{
background-image: url(/template/plugins/keywords/css/img/home/slice/search-icon.png);
opacity: .6;
filter: alpha(opacity=60);
}
.qc-navigation-hover .search:hover .bt-search .icon-search
{
opacity: 1;
filter: alpha(opacity=100);
}
.qc-navigation-hover .operation .link-mc
{
color: #fff;
}
.qc-navigation-hover .search
{
border-color: #bababa;
border-color: rgba(186,186,186,.2);
}
.qc-navigation-hover .search:hover
{
border-color: #bababa;
border-color: rgba(186,186,186,.4);
}
.qc-navigation .categories .menu>.presentation.cur h2 a, .state-log-in:hover .user-id, .user-id:hover
{
background-color: #111;
background-color: rgba(17,17,17,.5);
color: #00a4ff;
}
.qc-navigation-hover.qc-navigation-dark .categories .menu>.presentation h2 a, .qc-navigation-hover.qc-navigation-dark .login .text, .qc-navigation-hover.qc-navigation-dark .state-log-in .user-id
{
color: #fff;
}
.qc-navigation-hover.qc-navigation-dark .operation .link-mc
{
border-color: #fff;
border-color: rgba(255,255,255,.2);
}
.qc-navigation-hover.qc-navigation-dark .operation .link-mc:hover
{
border-color: #2176da;
}
.qc-navigation-hover.qc-navigation-dark .state-log-in .user-id .triangle-down
{
border-color: #fff transparent transparent;
}
.qc-navigation-mini .logo-text
{
color: #fff;
line-height: 35px;
height: 35px;
float: left;
font-weight: 400;
margin-left: 10px;
}
.qc-navigation-mini .logo-text:after
{
display: inline-block;
content: "";
height: 100%;
width: 0;
overflow: hidden;
vertical-align: middle;
}
.qc-navigation-mini .logo-text img
{
vertical-align: middle;
}
.qc-navigation-mini .logo-text .icon-logo
{
vertical-align: middle;
width: 65px;
height: 18px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 41.28% 17.54%;
background-size: 461.5384615384615% 1588.888888888889%;;
background-repeat: no-repeat;
}
.international .qc-navigation-mini .logo-text .icon-logo
{
width: 115px;
height: 17px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .54% 10.41%;
background-size: 260.8695652173913% 1682.3529411764707%;;
background-repeat: no-repeat;
}
.qc-navigation-mini .login .text, .qc-navigation-mini .operation .link-mc, .qc-navigation-mini .state-log-in .user-name
{
font-size: 12px;
}
.qc-navigation.qc-navigation-mini, .qc-navigation.qc-navigation-mini .navigation-inner
{
height: 35px;
}
.qc-navigation-mini.qc-navigation .categories .menu>.presentation h2 a, .qc-navigation-mini.qc-navigation .user-id
{
line-height: 35px;
}
.qc-navigation-mini.qc-navigation .state-log-in .user-id .triangle-down
{
top: 15px;
}
.qc-navigation .search .bt-search, .qc-navigation-mini .search
{
height: 24px;
}
.qc-navigation-mini .search .search-ipt
{
height: 24px;
font-size: 12px;
}
.qc-navigation-mini.qc-navigation .search .bt-search
{
top: 1px;
}
.qc-navigation-mobile
{
display: none;
position: relative;
z-index: 100;
width: 100%;
min-width: 320px;
-webkit-transition: background-color .5s ease-in-out;
-moz-transition: background-color .5s ease-in-out;
-ms-transition: background-color .5s ease-in-out;
-o-transition: background-color .5s ease-in-out;
transition: background-color .5s ease-in-out;
}
.qc-navigation-mobile .lang
{
display: block;
margin: 20px 15px;
padding: 0!important;
text-align: center;
}
.qc-navigation-mobile, .qc-navigation-mobile .navigation-inner
{
height: 55px;
}
.qc-navigation-mobile .navigation-bar
{
font-size: 0;
padding-left: 20px;
padding-right: 10px;
height: 50px;
padding-top: 5px;
}
.qc-navigation-mobile .area-left
{
display: inline-block;
width: 50%;
vertical-align: middle;
}
.qc-navigation-mobile .logo-img
{
display: block;
}
.qc-navigation-mobile .logo-img img
{
width: 94px;
height: 25px;
display: inline-block;
vertical-align: middle;
position: relative;
}
.qc-navigation-mobile .area-left .qcloud-logo-dark
{
display: none;
}
.qc-navigation-mobile.qc-navigation-mobile-dark .area-left .qcloud-logo-dark
{
display: block;
}
.qc-navigation-mobile.qc-navigation-mobile-dark .area-left .qcloud-logo-lit
{
display: none;
}
.qc-navigation-mobile .area-right
{
display: inline-block;
width: 50%;
vertical-align: middle;
}
.qc-navigation-mobile .nav-mobile-button
{
float: right;
position: relative;
display: inline-block;
}
.qc-navigation-mobile .m-more
{
padding: 11px 6px;
}
.qc-navigation-mobile .m-close
{
padding: 10px 10px 15px;
}
.qc-navigation-mobile .m-search
{
padding: 10px 10px 13px;
}
.qc-navigation-mobile .m-more .button-img
{
display: inline-block;
width: 27px;
height: 22px;
background-image: url(/template/plugins/keywords/css/img/home/responsive/m-sprite-nav.png);
background-size: 98px auto;
background-repeat: no-repeat;
}
.qc-navigation-mobile.qc-navigation-mobile-dark .m-more .button-img
{
display: inline-block;
width: 27px;
height: 22px;
background-image: url(/template/plugins/keywords/css/img/home/responsive/m-sprite-nav.png);
background-size: 98px auto;
background-position: -70px 0;
background-repeat: no-repeat;
}
.qc-navigation-mobile .m-search .button-img
{
display: inline-block;
width: 21px;
height: 21px;
background-image: url(/template/plugins/keywords/css/img/home/responsive/m-sprite-nav.png);
background-size: 98px auto;
background-position: -29px 0;
background-repeat: no-repeat;
}
.qc-navigation-mobile .m-close .button-img
{
display: inline-block;
width: 19px;
height: 19px;
background-image: url(/template/plugins/keywords/css/img/home/responsive/m-sprite-nav.png);
background-size: 98px auto;
background-position: -51px 0;
background-repeat: no-repeat;
}
.qc-navigation-mobile .slice
{
height: 22px;
border-left: 1px solid #fff;
border-color: rgba(255,255,255,.3);
float: right;
margin-left: 14px;
margin-right: 14px;
position: relative;
margin-top: 11px;
}
.qc-navigation-mobile .navigation-bar.m-nav-1 .m-close, .qc-navigation-mobile .navigation-bar.m-nav-1 .m-pre, .qc-navigation-mobile .navigation-bar.m-nav-1 .slice, .qc-navigation-mobile .navigation-bar.m-nav-2 .m-more, .qc-navigation-mobile .navigation-bar.m-nav-2 .slice
{
display: none;
}
.qc-navigation-mobile .navigation-bar.m-nav-2 .m-close
{
display: inline-block;
}
.qc-navigation-mobile .navigation-bar.m-nav-3, .qc-navigation-mobile .navigation-bar.m-nav-4
{
padding-left: 15px;
}
.qc-navigation-mobile .navigation-bar.m-nav-3 .logo, .qc-navigation-mobile .navigation-bar.m-nav-3 .slice
{
display: none;
}
.qc-navigation-mobile .navigation-bar.m-nav-5
{
padding-left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 :active
{
-webkit-tap-highlight-color: transparent;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .m-search
{
float: none;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .button-img
{
position: relative;
top: 1px;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .area-left
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 form
{
display: inline-block;
position: relative;
width: auto;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .area-right
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .search
{
width: 100%;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-cancel-button, .qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-decoration, .qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-results-button, .qc-navigation-mobile .navigation-bar.m-nav-5 .search::-webkit-search-results-decoration
{
display: none;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear
{
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i
{
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
width: 19px;
height: 19px;
border-radius: 50%;
background: #a2a2a2;
overflow: hidden;
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i:after, .qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i:before
{
content: '';
position: absolute;
left: 50%;
top: 3px;
width: 1px;
height: 14px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.qc-navigation-mobile .navigation-bar.m-nav-5 .search-clear i:after
{
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.qc-navigation-mobile .navigation-bar .search
{
border-width: 0;
background-color: transparent;
width: 78.6%;
padding: 5px 0;
height: 40px;
line-height: 30px;
outline: 0;
color: #fff;
font-size: 16px;
position: relative;
}
.qc-navigation-mobile .categories-mobile
{
display: none;
background-color: #111;
background-color: rgba(17,17,17,.9);
border-top: 1px solid #282f37;
}
.qc-navigation-mobile .categories-mobile a
{
color: #fff;
display: block;
font-size: 16px;
font-weight: 400;
padding-left: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.qc-navigation-mobile .categories-mobile .presentation
{
line-height: 50px;
position: relative;
}
.qc-navigation-mobile .categories-mobile .title
{
position: relative;
}
.qc-navigation-mobile .categories-mobile .des
{
font-size: 13px;
color: #fff;
opacity: .5;
padding-left: 20px;
margin-top: 15px;
}
.categories-mobile .presentation .nav-up>a:after, .qc-navigation-mobile .navigation-bar .m-pre:before, .qc-navigation-mobile .presentation .nav-down>a:after, .qc-navigation-mobile .presentation h2>a:after
{
content: '';
border: 2px solid transparent;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-color: rgba(255,255,255,.5);
}
.categories-mobile .presentation .nav-down>a:after, .qc-navigation-mobile .presentation.nav-down h2>a:after
{
border-top: none;
border-right: none;
right: 20px;
}
.categories-mobile .presentation .nav-up>a:after, .qc-navigation-mobile .presentation.nav-up h2>a:after
{
border-bottom: none;
border-left: none;
right: 20px;
}
.categories-mobile .presentation .nav-none>a:after, .qc-navigation-mobile .presentation.nav-down .nav-down-menu, .qc-navigation-mobile .presentation.nav-none h2>a:after
{
display: none;
}
.qc-navigation-mobile .presentation.nav-right h2>a:after
{
border-top: none;
border-left: none;
right: 20px;
}
.qc-navigation-mobile .navigation-bar .m-pre
{
color: #fff;
font-size: 16px;
padding-left: 30px;
position: relative;
line-height: 22px;
}
.qc-navigation-mobile .navigation-bar .m-pre:before
{
border-bottom: none;
border-right: none;
left: 15px;
top: 4px;
width: 12px;
height: 12px;
border-color: rgba(255,255,255,1);
}
.qc-navigation-mobile .presentation .nav-down-menu-detail
{
background: #282a2f;
}
.qc-navigation-mobile .presentation .nav-down-menu-detail a
{
padding-left: 40px;
}
.qc-navigation-mobile .presentation .nav-down-menu-detail-sub
{
background-color: #36383e;
}
.qc-navigation-mobile .presentation .nav-down-menu-detail-sub li:before
{
content: "• ";
color: #fff;
position: absolute;
left: 65px;
font-weight: 400;
font-size: 12px;
}
.qc-navigation-mobile .presentation .nav-down-menu-detail-sub a
{
padding-left: 80px;
}
.qc-navigation-mobile .op
{
margin-left: 20px;
margin-right: 20px;
margin-top: 30px;
}
.qc-navigation-mobile .op li
{
margin-bottom: 15px;
}
.qc-navigation-mobile .op .op-btn
{
display: block;
border: 1px solid #ffb800;
border-radius: 2px;
line-height: 35px;
text-align: center;
padding-left: 0;
}
.qc-navigation-mobile .op .op-btn.btn-style-1
{
color: #ffb800;
}
.qc-navigation-mobile .op .op-btn.btn-style-2
{
color: #fff;
border-color: #fff;
}
.qc-navigation-mobile .sign-in
{
padding-bottom: 30px;
text-align: center;
margin-top: 60px;
}
.qc-navigation-mobile .sign-in .sign-in-links
{
font-size: 15px;
color: #aaa;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
.qc-navigation-mobile .sign-in .stick
{
color: #3a3b3b;
}
.qc-navigation-mobile .contact
{
padding-bottom: 40px;
}
.qc-navigation-mobile .contact .ct-num
{
color: #aaa;
text-align: center;
font-size: 14px;
padding-left: 0;
}
.qc-navigation-mobile .contact .icon
{
display: inline-block;
width: 13px;
height: 12px;
margin-right: 5px;
}
.m-scroll-top
{
display: none;
position: fixed;
background-color: #fff;
border-radius: 100%;
bottom: 30px;
right: 30px;
z-index: 100;
border: 2px solid #d0d0d0;
}
.m-scroll-top .btn-top
{
display: block;
width: 40px;
height: 40px;
}
.m-scroll-top .btn-top:after
{
content: '';
border: 2px solid #d0d0d0;
display: block;
width: 17px;
height: 17px;
margin: auto;
position: absolute;
top: 16px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: none;
border-left: none;
right: 11px;
}
.tc-footer
{
background: #f2f2f2;
padding: 40px 0 80px;
min-width: 1000px;
}
.tc-footer .tc-footer-columns
{
max-width: 1200px;
margin: 0 auto;
font-size: 0;
text-align: center;
}
.tc-footer .columns
{
display: inline-block;
vertical-align: top;
text-align: left;
width: 22.5%;
margin-bottom: 30px;
}
.tc-footer .columns.column-follow
{
width: 10%;
}
.tc-footer .columns h3
{
font-size: 15px;
color: #333;
margin-bottom: 10px;
font-weight: 400;
padding-left: 10px;
}
.tc-footer .columns ul
{
padding-left: 10px;
}
.tc-footer .columns ul li, .tc-footer .columns ul li a
{
font-size: 12px;
color: #777;
display: block;
}
.tc-footer .columns ul li
{
line-height: 26px;
}
.tc-footer .columns ul li a:hover
{
color: #3c3c3c;
}
.tc-footer .columns .footer-icon
{
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.tc-footer .columns .icon-1
{
background-image: url(/template/plugins/keywords/css/img/home/slice/wb.png);
width: 18px;
height: 15px;
}
.tc-footer .columns .icon-1:hover
{
background-image: url(/template/plugins/keywords/css/img/home/slice/wb-hover.png);
}
.tc-footer .columns .icon-2
{
background-image: url(/template/plugins/keywords/css/img/home/slice/txwb.png);
width: 15px;
height: 19px;
}
.tc-footer .columns .icon-2:hover
{
background-image: url(/template/plugins/keywords/css/img/home/slice/txwb-hover.png);
}
.tc-footer .column-certification
{
width: 20%;
}
.tc-footer .column-certification .certification
{
margin-bottom: 15px;
font-size: 0;
}
.tc-footer .column-certification .certification .ct-img
{
display: inline-block;
vertical-align: top;
width: 26%;
}
.tc-footer .column-certification .certification .information
{
display: inline-block;
vertical-align: top;
width: 74%;
}
.tc-footer .column-certification .certification .information h3
{
font-size: 12px;
margin-bottom: 0;
}
.tc-footer .column-certification .certification .information li
{
line-height: 20px;
}
.tc-footer .column-certification .certification .information .text
{
margin-right: 15%;
}
.tc-footer .tc-footer-copyright
{
text-align: center;
}
.tc-footer .tc-footer-copyright .department, .tc-footer .tc-footer-copyright .department a
{
font-size: 14px;
color: #777;
}
.tc-footer .tc-footer-copyright .department a:hover
{
color: #3c3c3c;
}
.tc-footer .tc-footer-copyright .department
{
border-bottom: 1px solid #e3e3e3;
line-height: 35px;
margin: 0 auto 15px;
max-width: 1200px;
}
.tc-footer .tc-footer-copyright .department .icon-tc
{
display: inline-block;
width: 94px;
height: 16px;
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-tc.png);
margin-right: 20px;
}
.tc-footer .tc-footer-copyright .department a
{
white-space: nowrap;
margin: 0 5px;
}
.tc-footer .tc-footer-copyright .links
{
line-height: 20px;
}
.tc-footer .tc-footer-copyright .links, .tc-footer .tc-footer-copyright .links a
{
color: #5a5e67;
font-size: 12px;
margin: 0 5px;
}
.tc-footer .tc-footer-copyright .links a:hover
{
color: #c6c6c6;
}
.tc-footer .tc-footer-copyright .links .icon
{
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 5px;
}
.tc-footer .tc-footer-copyright .links .line-2 .slide
{
margin: 0 5px;
}
.tc-footer .tc-footer-copyright .links .last
{
margin-top: 10px;
}
.tc-footer .tc-footer-copyright .links .last .slide
{
margin-left: 5px;
}
.qc-footer
{
min-width: 1000px;
}
.qc-footer-service
{
background: #2e3033;
}
.qc-footer-service .footer-service
{
max-width: 1200px;
font-size: 0;
margin: 0 auto;
text-align: center;
padding: 30px 0;
border-bottom: 1px solid #45484c;
}
.qc-footer-service .fs-list
{
font-size: 0;
padding-left: 10px;
padding-right: 10px;
}
.qc-footer-service .fs-ct
{
display: inline-block;
width: 21.5%;
vertical-align: top;
text-align: left;
}
.qc-footer-service .fs-ct.item-last
{
width: 14%;
}
.qc-footer-service .fs-ct .item
{
font-size: 14px;
color: #fff;
}
.qc-footer-service .fs-ct .item .icon
{
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 10px;
}
.qc-footer-service .fs-ct .item .icon-1
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 13.059999999999999% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item .icon-2
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 38.43% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item .icon-3
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.81% .38999999999999996%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item .icon-4
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.81% 27.169999999999998%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item .icon-5
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .37% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item:hover
{
color: #00a4ff;
}
.qc-footer-service .fs-ct .item:hover .icon-1
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 25.75% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item:hover .icon-2
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 51.12% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item:hover .icon-3
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.81% 13.780000000000001%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item:hover .icon-4
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.81% 40.550000000000004%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-service .fs-ct .item:hover .icon-5
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 13.059999999999999% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.qc-footer-website
{
background: #2e3033;
padding: 30px 0 0;
}
.qc-footer-website .website-columns
{
max-width: 1180px;
margin: 0 auto;
font-size: 0;
text-align: center;
border-bottom: 1px solid #45484c;
padding-left: 10px;
padding-right: 10px;
}
.qc-footer-website .columns
{
display: inline-block;
vertical-align: top;
text-align: left;
width: 21.5%;
margin-bottom: 20px;
}
.qc-footer-website .columns.column-follow
{
width: 14%;
}
.qc-footer-website .columns h3
{
margin-bottom: 15px;
}
.qc-footer-website .columns .ct-title
{
font-size: 14px;
color: #fff;
font-weight: 400;
}
.qc-footer-website .columns ul li, .qc-footer-website .columns ul li a
{
font-size: 12px;
color: #bbb;
display: block;
}
.qc-footer-website .columns ul li
{
line-height: 26px;
}
.qc-footer-website .columns ul li a:hover
{
color: #00a4ff;
}
.qc-footer-website-node-wechat img
{
width: 62px;
height: 62px;
}
.qc-footer-website .columns .footer-icon
{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.qc-footer-website .columns .m-text
{
display: none;
}
.qc-footer-website .columns .icon-1
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
background-position: 13.03% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-footer-website .columns .icon-1:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 19.37% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-footer-website .columns .icon-2
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
position: relative;
background-position: 41.55% 10.37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-footer-website .columns .icon-2:hover
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 38.379999999999995% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-footer-website .columns .qr-img
{
display: none;
position: absolute;
bottom: 23px;
left: -33px;
}
.qc-footer-website .columns .icon-2:hover .qr-img
{
display: block;
}
.qc-footer-website .m-call
{
display: none;
}
.qc-footer-website .m-qr
{
display: none;
text-align: center;
position: fixed;
width: 100%;
z-index: 110;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: #000;
background-color: rgba(0,0,0,.8);
}
.qc-footer-website .m-qr .qr-img
{
width: 200px;
height: 200px;
margin: 100px auto 0;
}
.qc-footer-website .m-qr .op
{
text-align: center;
font-size: 14px;
color: #ccc;
line-height: 40px;
}
.qc-footer-blogroll
{
background: #2e3033;
text-align: left;
padding-top: 25px;
padding-bottom: 35px;
}
.qc-footer-blogroll .blogroll-inner
{
margin: 0 auto;
max-width: 1180px;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.qc-footer-blogroll .link-set
{
display: inline-block;
}
.qc-footer-blogroll .department
{
line-height: 32px;
}
.qc-footer-blogroll .slide
{
color: #bbb;
font-size: 12px;
margin-right: 10px;
word-wrap: break-word;
}
.qc-footer-blogroll a.slide:hover
{
color: #00a4ff;
}
.qc-footer-blogroll .department .icon-tc
{
display: inline-block;
width: 91px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-right: 20px;
background-position: .48% 37.41%;
background-size: 329.67032967032964% 1787.5%;;
background-repeat: no-repeat;
}
.qc-footer-blogroll .links
{
line-height: 20px;
}
.qc-footer-blogroll .locale
{
position: absolute;
bottom: 0;
right: 10px;
}
.qc-footer-blogroll .locale .locale-link
{
color: #ccc;
font-size: 12px;
}
.qc-footer-blogroll .locale .locale-link.selected, .qc-footer-blogroll .locale .locale-link:hover
{
color: #00a4ff;
}
.qc-footer-blogroll .locale .stick
{
color: #ccc;
font-size: 10px;
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
}
body.ie8 .qc-navigation .logo
{
margin-right: 1%;
}
.user-id, body.ie8 .qc-navigation .categories .menu>.presentation h2 a
{
font-size: 14px;
padding: 0 10px;
}
.qc-btn body.ie8 .operation .link-mc, body.ie8 .qc-navigation .login .text
{
font-size: 12px;
}
body.ie8 .qc-navigation .search
{
margin-right: 10px;
}
body.ie8 .qc-navigation .login .text
{
padding-left: 5px;
padding-right: 5px;
}
body.ie8 .qc-navigation .login .login-op
{
margin-right: 15px;
}
body.ie8 .qc-navigation-hover:before
{
background-color: #111;
}
body.ie8 .qc-navigation-hover .state-log-in .user-id
{
width: 6em;
}
.toolbar-search-mask
{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: #000;
opacity: .5;
filter: alpha(opacity=40);
z-index: 1;
}
.qc-navigation .toolbar-search
{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
z-index: 2;
}
.qc-navigation .bt-search-close, .qc-navigation .toolbar-search .bt-search
{
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
box-sizing: border-box;
padding: 4px 0 0;
text-align: center;
border-radius: 2px;
}
.qc-navigation .toolbar-search .bt-search .icon-search
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
cursor: pointer;
background-repeat: no-repeat;
background-position: 99.65% 33.7%;
background-size: 1875% 1787.5%;
}
.qc-navigation .bt-search-close:hover, .qc-navigation .toolbar-search .bt-search:hover
{
background-color: #111;
}
.qc-navigation .toolbar-search .bt-search:hover .icon-search
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 40.37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .icon-search-close
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
overflow: hidden;
background-position: 51.06% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .bt-search-close:hover .icon-search-close
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 82.75% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .g-search-bar
{
background-color: #111;
opacity: .95;
position: absolute;
top: 65px;
left: 0;
width: 100%;
padding: 15px 0;
z-index: 99;
}
.qc-navigation .g-search-bar .g-search-bar-inner
{
position: relative;
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}
.qc-navigation .g-search-bar .g-search-box
{
margin: 0 auto;
font-size: 0;
text-align: center;
max-width: 620px;
position: relative;
white-space: normal;
}
.qc-navigation .g-search-bar .g-search-box .nav-down-style-1
{
top: 36px;
}
.qc-navigation .g-search-bar .g-search-box .nav-down-style-1 .nav-down-menu
{
display: block;
}
.qc-navigation .g-search-bar .g-search-box .nav-down-style-1 .nav-down-menu:first-child
{
border: 0;
}
.qc-navigation .g-search-bar .g-search-box .bt-search, .qc-navigation .g-search-bar .g-search-box .search-ipt
{
height: 35px;
border: 0;
background-color: #fff;
vertical-align: middle;
box-sizing: border-box!important;
}
.qc-navigation .g-search-bar .g-search-box .search-ipt
{
width: 90%;
padding: 5px;
border-radius: 2px 0 0 2px;
}
.qc-navigation .g-search-bar .g-search-box .search-ipt:focus
{
border: 0;
outline: 0;
}
.qc-navigation .g-search-bar .g-search-box .bt-search
{
width: 10%;
border-radius: 0 2px 2px 0;
position: relative;
}
.qc-navigation .g-search-bar .g-search-box .bt-search:focus, .qc-navigation .g-search-bar .g-search-box .bt-search:hover
{
background-color: #00a4ff;
color: #fff;
}
.qc-navigation .g-search-bar .g-search-box .bt-search:focus:after, .qc-navigation .g-search-bar .g-search-box .bt-search:hover:after
{
border: 0;
}
.qc-navigation .g-search-bar .g-search-box .bt-search:after
{
content: '';
position: absolute;
width: 0;
height: 19px;
border-left: #ccc 1px solid;
left: 0;
top: 8px;
}
.qc-navigation .nav-dropdown-canvas
{
background-color: rgba(17,17,17,.98);
position: relative;
width: 100%;
overflow: hidden;
z-index: 100;
}
.qc-navigation .nav-dropdown-canvas.show
{
height: auto;
}
.nav-dropdown-inner
{
position: relative;
max-width: 1200px;
min-width: 1000px;
min-height: 500px;
margin: 0 auto;
font-size: 0;
}
.qc-navigation .menu-level-1, .qc-navigation .menu-level-2
{
border-right: #282828 1px solid;
font-size: 14px;
width: 190px;
height: 100%;
box-sizing: border-box;
padding-top: 20px;
position: absolute;
}
.qc-navigation .menu-level-1 a, .qc-navigation .menu-level-2 a
{
display: block;
height: 40px;
line-height: 40px;
color: #e5e5e5;
box-sizing: border-box;
padding-left: 20px;
position: relative;
}
.qc-navigation .menu-level-1 a:after, .qc-navigation .menu-level-2 a:after
{
content: '';
position: absolute;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-repeat: no-repeat;
top: 12px;
right: 10px;
background-position: 6.69% 94.44%;
background-size: 1875% 1787.5%;
}
.qc-navigation .menu-level-1 a:hover:after, .qc-navigation .menu-level-2 a:hover:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 70.07% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .menu-level-1 .menu-all a:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .35000000000000003% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .menu-level-1 .menu-all a:hover:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 32.04% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .menu-level-1 a:hover, .qc-navigation .menu-level-1 li.curr a, .qc-navigation .menu-level-2 a:hover, .qc-navigation .menu-level-2 li.curr a
{
color: #00a4ff;
background-color: rgba(36,36,36,.8);
}
.qc-navigation .menu-level-1 li.curr a:after, .qc-navigation .menu-level-2 li.curr a:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 70.07% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .menu-level-1 .menu-all.curr a:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 32.04% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.qc-navigation .menu-level-3
{
min-width: 600px;
margin-left: 190px;
}
.qc-navigation .menu-list-wrap
{
margin-left: 190px;
}
.qc-navigation .menu-list-wrap .menu-list
{
font-size: 0;
}
.qc-navigation .menu-list-col
{
box-sizing: border-box;
padding: 15px 0 0 18px;
display: inline-block;
vertical-align: top;
width: 50%;
}
.qc-navigation .menu-list-col .menu-area
{
margin-bottom: 15px;
}
.qc-navigation .menu-list-col .menu-area-tit
{
font-size: 14px;
color: #888;
padding-bottom: 5px;
}
.qc-navigation .menu-list-col .menu-area-tit em
{
vertical-align: middle;
}
.qc-navigation .menu-list-col .menu-area-con
{
color: #888;
}
.qc-navigation .menu-list-col .menu-item
{
margin-top: 5px;
}
.qc-navigation .menu-list-col .menu-item .hover-area
{
padding: 10px 20px;
display: block;
background-color: rgba(36,36,36,.8);
transition: all .4s;
}
.qc-navigation .menu-list-col .menu-item.hasitem
{
padding: 10px 20px;
background-color: rgba(36,36,36,.8);
}
.qc-navigation .menu-list-col .menu-item-tit
{
font-size: 14px;
margin-bottom: 5px;
color: #e5e5e5;
}
.qc-navigation .menu-list-col .menu-item-tit a
{
color: #f2f2f2;
vertical-align: middle;
}
.qc-navigation .menu-list-col .menu-item .hover-area .menu-item-tit
{
transition: all .4s;
}
.qc-navigation .menu-list-col .menu-item .hover-area:hover
{
background-color: rgba(36,36,36,.4);
}
.qc-navigation .menu-list-col .menu-item .hover-area:hover .menu-item-tit
{
color: #00a4ff;
}
.qc-navigation .menu-list-col .menu-item-con
{
font-size: 12px;
color: #888;
}
.qc-navigation .menu-list-col .menu-block-list
{
font-size: 0;
padding-top: 5px;
}
.qc-navigation .menu-list-col .menu-block-list li
{
width: 24%;
display: inline-block;
margin: 5px 1% 0 0;
}
.qc-navigation .menu-item .menu-block-list li:last-child
{
margin-right: 0;
}
.qc-navigation .menu-level-3 .menu-list-col .menu-block-list li
{
width: 32%;
}
.qc-navigation .menu-list-col .menu-block-list a
{
display: block;
color: #e5e5e5;
height: 25px;
border: 1px solid #343434;
border-radius: 2px;
line-height: 23px;
box-sizing: border-box;
font-size: 12px;
text-align: center;
transition: all .4s;
}
.qc-navigation .menu-list-col .menu-block-list a:hover
{
border: 1px solid #00a4ff;
}
.qc-navigation .menu-list-col .menu-block a
{
padding: 15px 20px;
border: 1px solid #343434;
margin-top: 10px;
display: block;
transition: all .4s;
}
.qc-navigation .menu-item .menu-block:last-child a
{
margin-top: 5px;
}
.qc-navigation .menu-list-col .menu-block-tit
{
color: #fff;
display: block;
}
.qc-navigation .menu-list-col .menu-block span
{
color: #888;
margin-top: 5px;
display: inline-block;
}
.qc-navigation .menu-list-col .menu-block a:hover
{
border: 1px solid #00a4ff;
}
.qc-navigation .menu-list-col .menu-block a:hover .menu-block-tit, .qc-navigation .menu-list-col .menu-block a:hover span, .qc-navigation .menu-list-col a:hover
{
color: #00a4ff;
}
.qc-navigation .logo
{
margin-right: 24px;
}
.qc-navigation .menu-list-all .menu-list-col
{
width: 20%;
padding-left: 30px;
}
.qc-navigation .menu-list-all .menu-list-col:first-child
{
padding-left: 20px;
}
.qc-navigation .menu-list-all .menu-item
{
padding: 0;
background: 0 0;
}
.qc-navigation .menu-list-all .menu-item a
{
display: block;
height: 20px;
line-height: 20px;
padding-left: 0;
transition: all .4s;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
}
.qc-navigation .menu-list-all .menu-list-col .menu-area-tit
{
border-bottom: #343434 1px solid;
padding-bottom: 8px;
}
.qc-navigation .menu-list-all .menu-list-col .menu-area-con
{
margin-top: 10px;
}
.qc-navigation .activity
{
color: #fff;
background-color: #ff7200;
font-size: 12px;
padding: 0 5px;
height: 16px;
line-height: 14px;
border-radius: 2px;
}
.qc-navigation .nav-down-style-3 .nav-down-flyout-ct .activity:hover
{
background-color: #e66700;
}
.qc-navigation .activity
{
display: inline-block;
color: #fff;
background-color: #ff7200;
font-size: 12px;
padding: 0 5px;
height: 16px;
line-height: 16px;
border-radius: 2px;
margin-left: 6px;
vertical-align: 1px;
}
.qc-navigation a.activity:hover
{
background-color: #e66700;
color: #fff;
text-decoration: none;
}
.hero-desc
{
position: absolute;
clip: rect(1px 1px 1px 1px);
}
.state-log-in .nav-down-style
{
z-index: 101;
}
.qc-navigation-mobile .qc-logo
{
display: inline-block;
height: 25px;
}
.qc-navigation-mobile .logo .logo-img .qc-logo
{
width: 94px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .49% 18.01%;
background-size: 319.1489361702128% 1144%;;
background-repeat: no-repeat;
}
.international .qc-navigation-mobile .logo .logo-img .qc-logo
{
width: 168px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .76% .38%;
background-size: 178.57142857142858% 1144%;;
background-repeat: no-repeat;
}
.international .qc-navigation .logo .logo-img
{
display: inline-block;
vertical-align: middle;
width: 168px;
height: 25px;
}
.qc-navigation .qc-logo
{
display: inline-block;
height: 25px;
}
.qc-navigation .logo .logo-img .qc-logo
{
width: 94px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .49% 18.01%;
background-size: 319.1489361702128% 1144%;;
background-repeat: no-repeat;
}
.international .qc-navigation .logo .logo-img .qc-logo
{
width: 168px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .76% .38%;
background-size: 178.57142857142858% 1144%;;
background-repeat: no-repeat;
}
.qc-btn-reg
{
margin-right: 5px;
margin-left: 5px;
background: #fff;
color: #00a4ff!important;
opacity: .9;
border: 0!important;
}
.qc-btn-reg:hover, .qc-navigation-hover .qc-btn-reg
{
color: #fff!important;
background: #0087fb;
border: 0!important;
}
.qc-navigation
{
min-width: 320px;
}
.menu-link:hover .nav-icon-ask
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 27.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav
{
position: absolute;
z-index: 1000;
width: 100%;
min-width: 320px;
top: 0;
}
.c-nav *
{
outline: 0;
}
.c-nav a:hover
{
text-decoration: none;
}
.c-nav:before
{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background-color: transparent;
transition: height .2s,background-color .2s;
}
.c-nav-hover:before
{
height: 100%;
background-color: #2a303c;
transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.c-nav-inner
{
height: 65px;
position: relative;
font-size: 0;
}
.c-nav-inner:after
{
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
.c-nav-trigger
{
width: 78px;
height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
text-align: center;
cursor: pointer;
position: relative;
left: -112px;
border-right: transparent 1px solid;
transition: border-color .1s;
}
.c-nav-trigger span
{
font-size: 12px;
display: inline-block;
vertical-align: middle;
color: #fff;
padding-left: 10px;
}
.c-nav-hover .c-nav-trigger
{
background-color: #2a303c;
border-right: #202530 1px solid;
transition: border-color 1s,background-color 1s;
}
.c-nav-trigger:after
{
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.c-nav-trigger .c-nav-trigger-icon
{
width: 32px;
height: 32px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
vertical-align: middle;
background-position: 63.81% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-nav-trigger.actived .c-nav-trigger-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .37% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-nav-flyout-trigger
{
width: 102px;
height: 100%;
display: inline-block;
vertical-align: middle;
margin-right: 20px;
text-align: center;
cursor: pointer;
position: relative;
left: -112px;
border-right: transparent 1px solid;
transition: border-color .1s;
}
.c-nav-flyout-trigger span
{
font-size: 16px;
display: inline-block;
vertical-align: middle;
color: #fff;
padding-left: 10px;
}
.c-nav-hover .c-nav-flyout-trigger
{
background-color: #2a303c;
border-right: #202530 1px solid;
transition: border-color 1s,background-color 1s;
}
.c-nav-flyout-trigger:after
{
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.c-nav-flyout-trigger .c-nav-flyout-trigger-icon
{
width: 22px;
height: 18px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
vertical-align: middle;
background-position: 85.97% 27.24%;
background-size: 1363.6363636363637% 1588.888888888889%;;
background-repeat: no-repeat;
}
.c-nav-flyout-trigger.actived .c-nav-flyout-trigger-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 85.97% 19.78%;
background-size: 1363.6363636363637% 1588.888888888889%;;
background-repeat: no-repeat;
}
.c-nav-flyout-trigger.actived span
{
color: #00a4ff;
}
.c-nav-logo
{
display: inline-block;
vertical-align: middle;
margin-right: 20px;
position: relative;
right: -92px;
}
.c-nav-logo.lyout
{
right: -126px;
}
.c-logo-icon
{
width: 92px;
height: 25px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
overflow: hidden;
text-indent: -10000px;
background-position: .48% 28.349999999999998%;
background-size: 326.0869565217391% 1144%;;
background-repeat: no-repeat;
}
.c-nav-categories
{
display: inline-block;
vertical-align: middle;
}
.c-nav-categories .presentation
{
font-size: 16px;
color: #fff;
display: inline-block;
vertical-align: middle;
position: relative;
}
.c-nav-categories .presentation>a
{
display: inline-block;
padding: 0 13px;
color: #fff;
line-height: 65px;
font-size: 14px;
-webkit-transition: background-color .4s;
transition: background-color .4s;
}
.c-nav-categories .presentation.actived>a, .c-nav-categories .presentation.curr>a, .c-nav-categories .presentation>a:hover
{
color: #00a4ff;
}
.c-nav-categories .presentation.more .nav-dropdown-btn-txt
{
position: relative;
top: -1px;
font-size: 14px;
}
.nav-dropdown-canvas
{
position: absolute;
top: 65px;
box-shadow: rgba(0,0,0,.25) 5px 0 5px -5px;
}
.nav-dropdown-menu .menu-area
{
padding: 20px 0 15px;
border-bottom: #ddd 1px solid;
}
.nav-dropdown-menu.menu-level-1
{
z-index: 103;
}
.nav-dropdown-menu.menu-level-2
{
z-index: 102;
}
.nav-dropdown-menu.menu-level-3
{
z-index: 101;
}
.nav-dropdown-menu .menu-item a:hover h3, .nav-dropdown-menu .menu-item.actived h3, .nav-dropdown-menu .menu-item.curr h3
{
color: #00a4ff;
}
.nav-dropdown-menu::-webkit-scrollbar-thumb
{
border-radius: 4px;
background-color: rgba(0,0,0,.3);
}
.c-nav-operation
{
font-size: 0;
position: absolute;
top: 0;
right: 25px;
height: 100%;
}
.c-nav-operation:after
{
content: '';
width: 0;
height: 100%;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
.c-nav-search
{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
z-index: 2;
}
.c-nav .nav-search-btn, .nav-search-btn-close
{
display: inline-block;
vertical-align: middle;
width: 24px;
height: 24px;
font-size: 0;
box-sizing: border-box;
padding: 3px 0 0;
text-align: center;
border-radius: 2px;
background-color: transparent;
}
.c-nav .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
cursor: pointer;
background-position: 99.65% 47.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav .nav-search-btn:hover .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 67.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav .nav-search-btn-close .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
overflow: hidden;
background-position: 44.72% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav .nav-search-btn-close:hover .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.41% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-ctrl
{
display: inline-block;
vertical-align: middle;
}
.c-nav-dropdown-btn
{
position: relative;
display: inline-block;
vertical-align: middle;
}
.nav-dropdown-btn-inner
{
vertical-align: top;
position: relative;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
color: #fff;
line-height: 65px;
font-size: 14px;
transition: background-color .4s;
outline: 0;
}
.c-nav-dropdown-btn.actived .nav-dropdown-btn-inner, .c-nav-dropdown-btn.curr .nav-dropdown-btn-inner, .c-nav-dropdown-btn:hover .nav-dropdown-btn-inner, .presentation.actived .nav-dropdown-btn-inner, .presentation.curr .nav-dropdown-btn-inner
{
color: #00a4ff;
}
.c-nav .nav-dropdown-btn-txt
{
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 10em;
vertical-align: middle;
font-size: 12px;
line-height: 1;
}
.c-nav .current-lang .nav-dropdown-btn-txt
{
padding-right: 0;
}
.c-nav .nav-dropdown-mini
{
z-index: 100;
background-color: #f7f8fa;
font-size: 14px;
}
.c-nav .dropdown-mini-inner .dropdown-mini-list
{
padding-top: 10px;
padding-bottom: 10px;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item
{
line-height: 31px;
position: relative;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item a
{
color: #333;
display: block;
padding: 0 15px;
min-width: 80px;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item-inner a
{
display: inline-block;
padding: 0 0 0 15px;
min-width: 0;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item a:hover, .c-nav .dropdown-mini-inner .dropdown-mini-item.actived a, .c-nav .dropdown-mini-inner .dropdown-mini-item.curr a
{
color: #00a4ff;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item.actived a, .c-nav .dropdown-mini-inner .dropdown-mini-item.curr a
{
cursor: default;
}
.c-nav .dropdown-mini-data, .c-nav .dropdown-mini-lang
{
font-size: 12px;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item .item-aside
{
position: absolute;
right: 20px;
top: 0;
}
.c-nav-dropdown-btn .c-bubble
{
right: 0;
}
.c-nav-dropdown-btn .c-bubble-inner
{
left: 80%;
border: none;
border-radius: 0;
background-color: #f7f8fa;
box-shadow: none;
padding: 0;
}
.c-nav-dropdown-btn .c-bubble .c-bubble-inner:after, .c-nav-dropdown-btn .c-bubble .c-bubble-inner:before
{
border: 6px dashed transparent;
}
.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before
{
margin-left: -6px;
border-bottom-color: #f7f8fa;
}
.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after
{
margin-left: -5px;
border-bottom-color: #f7f8fa;
}
.nav-dropdown-data
{
margin-right: -10px;
}
.nav-dropdown-data .nav-dropdown-mini
{
min-width: 180px;
}
.nav-dropdown-data .c-bubble-inner
{
left: 89%;
}
.c-nav-links
{
display: inline-block;
vertical-align: middle;
}
.c-nav-links .link-item
{
display: inline-block;
vertical-align: middle;
font-size: 12px;
color: #fff;
padding: 0 12px;
}
.c-nav-links .link-item:hover
{
color: #00a4ff;
}
.c-nav-links .link-item.link-btn
{
height: 27px;
line-height: 26px;
border: 1px solid rgba(255,255,255,.2);
box-sizing: border-box;
padding: 0 10px;
}
.c-nav-links .link-item.link-btn:hover
{
color: #00a4ff;
}
.mini-item-nickname
{
max-width: 14em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mini-item-nickname:hover
{
color: #333!important;
}
.c-nav-dropdown-btn.nav-dropdown-lang .nav-dropdown-mini
{
white-space: nowrap;
}
.c-searchbar
{
background-color: #16171a;
position: absolute;
top: 65px;
left: 0;
width: 100%;
padding: 15px 0;
z-index: 5;
}
.c-searchbar-inner
{
position: relative;
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}
.c-searchbar-box
{
margin: 0 auto;
font-size: 0;
text-align: center;
max-width: 620px;
position: relative;
white-space: normal;
}
.c-searchbar-box .search-btn, .c-searchbar-box .search-ipt
{
height: 35px;
border: 0;
background-color: #fff;
vertical-align: middle;
box-sizing: border-box!important;
}
.c-searchbar-box .search-ipt
{
width: 90%;
padding: 5px;
border-radius: 2px 0 0 2px;
-webkit-appearance: none;
}
.c-searchbar-box .search-ipt:focus
{
border: 0;
outline: 0;
}
.c-searchbar-box .search-btn
{
width: 10%;
border-radius: 0 2px 2px 0;
position: relative;
}
.c-searchbar-box .bt-search:focus, .c-searchbar-box .search-btn:hover
{
background-color: #00a4ff;
color: #fff;
}
.c-searchbar-box .bt-search:focus:after, .c-searchbar-box .search-btn:hover:after
{
border: 0;
}
.c-searchbar-box .search-btn:after
{
content: '';
position: absolute;
width: 0;
height: 19px;
border-left: #ccc 1px solid;
left: 0;
top: 8px;
}
.c-searchbar-box .nav-dropdown-mini
{
width: 100%;
text-align: left;
margin-left: 0;
position: absolute;
}
.c-nav .presentation .nav-dropdown-mini
{
margin-left: 0;
}
.c-m-tit-lv1, .c-nav-m-ctrl
{
display: none;
}
.sr-only
{
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
padding: 0!important;
border: 0!important;
height: 1px!important;
width: 1px!important;
overflow: hidden;
}
.c-nav-m-footer, .c-nav-m-user, .c-nav-m-wrap
{
display: none;
}
.c-nav .menu-list-all .menu-item.actived a, .c-nav .menu-list-all .menu-item.curr a
{
color: #00a4ff;
}
.nav-dropdown-menu .menu-item-child
{
font-size: 0;
}
.nav-dropdown-menu .menu-item-child li
{
display: inline-block;
font-size: 12px;
margin: 8px 4px 0 0;
}
.nav-dropdown-menu .menu-item-child li a
{
display: inline-block;
border: 1px solid #ccc;
padding: 3px 10px;
line-height: 1;
}
.nav-dropdown-menu .menu-item-child li a:hover
{
color: #00a4ff;
border: 1px solid #00a4ff;
}
.nav-dropdown-menu .menu-item-child li:last-child:after
{
display: none;
}
.nav-dropdown-menu .menu-item.hasitem
{
height: auto;
line-height: normal;
}
.nav-dropdown-menu .menu-item.hasitem a
{
display: block;
}
.nav-dropdown-menu .menu-item.hasitem .menu-item-child li a
{
display: inline-block;
line-height: 1;
height: auto;
}
.nav-dropdown-menu .menu-item.hasitem .menu-item-child li.actived a, .nav-dropdown-menu .menu-item.hasitem .menu-item-child li.curr a
{
color: #00a4ff;
border: 1px solid #00a4ff;
}
.c-nav-mask
{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 99;
}
.c-nav .c-bubble-inner
{
border-color: #dedfe0;
box-shadow: 0 0 5px rgba(0,0,0,.25);
}
.c-nav-dropdown-btn .c-bubble-top
{
top: 59px;
}
.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner
{
margin-top: 6px;
}
.c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after, .c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before
{
margin-bottom: -6px;
}
.c-nav .c-bubble-top
{
top: 57px;
}
.c-nav .c-bubble-top .c-bubble-inner
{
margin-top: 8px;
}
.c-nav .c-bubble-top .c-bubble-inner:after, .c-nav .c-bubble-top .c-bubble-inner:before
{
margin-bottom: -9px;
}
.p-all-bar .c-search-input
{
line-height: 1;
border-color: #e5e5e5;
border-right: 0;
box-shadow: none;
display: inline-block;
vertical-align: middle;
width: calc(100% - 35px);
font-size: 14px;
padding-right: 20px;
padding-left: 10px;
}
.p-all-search-list
{
top: 36px;
left: 0;
border: 1px solid #e5e5e5;
width: 100%;
height: 380px;
box-sizing: border-box;
background-color: #fff;
box-shadow: #eee 2px 2px 0;
overflow: auto;
}
.c-nav-icon-global, .c-nav-icon-user, .nav-dropdown-btn-icon, .nav-icon-ask, .nav-icon-links, .nav-icon-phone
{
display: inline-block;
vertical-align: middle;
}
.nav-icon-links
{
width: 12px;
height: 12px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-left: 5px;
background-position: 53.47% 10.22%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.menu-link:hover .nav-icon-links
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 5.21% 99.64%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.nav-icon-phone
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-right: 5px;
background-position: 57.38999999999999% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.menu-link>a:hover>.nav-icon-phone
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.73% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.nav-icon-ask
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-right: 5px;
background-position: 99.65% 20.369999999999997%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.menu-link>a:hover>.nav-icon-ask
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 20.77% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-icon-global
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-right: 0;
background-position: 33.1% 37.41%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-dropdown-btn.actived .c-nav-icon-global, .c-nav-dropdown-btn:hover .c-nav-icon-global
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 52.11% 37.41%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.nav-dropdown-btn-icon
{
width: 6px;
height: 4px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 96.26% 94.33%;
background-size: 5000% 7150%;;
background-repeat: no-repeat;
}
.c-nav-dropdown-btn.actived .nav-dropdown-btn-icon, .c-nav-dropdown-btn:hover .nav-dropdown-btn-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 98.98% 94.33%;
background-size: 5000% 7150%;;
background-repeat: no-repeat;
}
.c-nav .nav-status-num
{
height: 17px;
line-height: 17px;
padding: 0 7px;
font-size: 12px;
color: #fff;
background: #00a4ff;
border-radius: 7px;
position: absolute;
right: 15px;
top: 5px;
}
.c-nav-icon-user
{
width: 24px;
height: 24px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 73.55000000000001% 71.37%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-nav-dropdown-btn.actived .c-nav-icon-user, .c-nav-dropdown-btn:hover .c-nav-icon-user
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 86.59% .38%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-nav-icon-user.has-msg
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 64.13% 71.37%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-nav-mod.c-nav-white .c-nav-icon-user.has-msg
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 11.4% 72.48%;
background-size: 1071.4285714285713% 1021.4285714285713%;;
background-repeat: no-repeat;
}
.c-nav-mod.c-nav-white .c-nav-icon-user
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .37% 72.48%;
background-size: 1071.4285714285713% 1021.4285714285713%;;
background-repeat: no-repeat;
}
.c-nav-dropdown-btn.actived .c-nav-icon-user.has-msg, .c-nav-dropdown-btn:hover .c-nav-icon-user.has-msg
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 86.59% 10.31%;
background-size: 1250% 1191.6666666666665%;;
background-repeat: no-repeat;
}
.c-nav-icon-user.close
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% .37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-wrap a:hover
{
text-decoration: none;
}
.c-top-warning
{
width: 100%;
box-sizing: border-box;
position: static;
background-color: #e4eff5;
color: #333;
text-align: center;
margin-bottom: 0;
}
.c-top-warning a
{
color: #00a4ff;
}
.c-nav-mask-top
{
position: fixed;
z-index: 999;
top: 40px;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,.1);
}
.c-nav-wrap
{
height: 95px;
width: 100%;
position: relative;
z-index: 1000;
}
.c-nav-wrap-mini
{
height: 40px;
width: 100%;
position: relative;
}
.c-nav-mask
{
background-color: rgba(0,0,0,.4);
}
.c-nav-wrap.c-nav-air-sub
{
height: 40px;
}
.c-nav-wrap.c-nav-air-sub .c-nav-bottom
{
position: absolute;
left: 0;
top: 40px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
}
.c-nav-wrap.c-nav-air-sub .c-nav-bottom .c-nav-list
{
white-space: nowrap;
}
.c-nav-wrap-mini.c-nav-air .c-nav-mod, .c-nav-wrap.c-nav-air .c-nav-mod
{
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.c-nav-wrap-m
{
height: 55px;
position: relative;
display: none;
}
.c-nav-wrap-m.c-nav-air .c-nav-mod-pc
{
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.c-nav-mod *
{
outline: 0;
}
.c-nav-mod.c-nav-white .c-nav-bottom
{
background-color: #fff;
-webkit-box-shadow: 0 2px 2px 0 rgba(207,216,221,.7);
-moz-box-shadow: 0 2px 2px 0 rgba(207,216,221,.7);
box-shadow: 0 2px 2px 0 rgba(207,216,221,.7);
border-bottom: none;
}
.c-nav-mod.c-nav-dark .c-nav-bottom
{
background-color: #2b303b;
border-top: solid 1px rgba(255,255,255,.08);
border-bottom: none;
}
.c-nav-wrap-dark
{
background-color: #2b303b;
}
.c-nav-mod.c-nav-gradient .c-nav-bottom
{
background: linear-gradient(to bottom,#1f2532,transparent);
}
.c-nav-mod .c-nav-bottom
{
position: relative;
}
.c-nav-mod .c-bubble .nav-dropdown-mini
{
border-color: #dedfe0;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
background-color: #fff;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble.c-bubble-top .c-bubble-inner:after, .c-nav-mod .c-nav-dropdown-btn .c-bubble.c-bubble-top .c-bubble-inner:before
{
margin-bottom: 0;
}
.c-nav-mod .c-nav-top
{
height: 40px;
background-color: #2b303b;
padding: 0 20px;
position: relative;
font-size: 0;
z-index: 1001;
}
.c-nav-mod .c-nav-bg-logo
{
height: 100%;
display: inline-block;
z-index: 1000;
position: relative;
float: left;
}
.c-nav-mod .c-nav-bg-logo>i
{
width: 78px;
height: 18px;
margin-top: 11px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/img/nav/logo-bg-color.svg);
background-size: 100% 100%;
text-indent: -10000px;
}
.c-nav-mod .c-nav-top-operation
{
font-size: 0;
position: absolute;
top: 0;
right: 10px;
height: 100%;
}
.c-nav-mod .c-nav-top-ctrl
{
display: inline-block;
float: left;
height: 100%;
}
.c-nav-mod .c-nav-top-search
{
width: 86px;
margin: 0 10px;
height: 40px;
line-height: 40px;
background-color: #383e4d;
display: inline-block;
float: left;
font-size: 12px;
color: #8a8e99;
text-align: center;
}
.c-nav-mod .c-nav-top-ctrl .c-nav-dropdown-btn
{
float: left;
}
.c-nav-mod .c-nav-top-search:hover
{
background-color: #3d4454;
}
.c-nav-mod .c-nav-top-search .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
vertical-align: sub;
background-position: 99.65% 47.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-top-search:hover .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 67.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .search-m.c-nav-top-search.search-cancel .nav-search-icon
{
right: 9px;
}
.c-nav-mod .search-m.search-cancel .c-top-searchbar-box .search-btn
{
position: relative;
float: right;
left: inherit;
top: inherit;
}
.c-nav-mod .search-cancel.c-nav-top-search:hover .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 47.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .search-cancel.c-nav-top-search .search-btn:hover .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 67.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .search-m.search-cancel .c-top-searchbar, .c-nav-mod .search-m.search-cancel .c-top-searchbar.searchbar-show
{
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.c-nav-mod .search-m.search-cancel .c-top-searchbar.searchbar-show
{
width: 460px;
}
.c-nav-mod .search-m.search-cancel .searchbar-show .c-top-searchbar-box
{
width: 460px;
max-width: 460px;
}
.c-nav-mod .search-cancel .c-top-searchbar-box .nav-dropdown-mini
{
background: #383e4d;
}
.c-nav-mod .search-cancel .dropdown-mini-inner .dropdown-mini-item a
{
color: #fff;
}
.c-nav-mod .search-m.search-cancel .c-top-searchbar.searchbar-show .search-ipt
{
padding-left: 20px;
}
.search-cancel .c-top-searchbar .dropdown-mini-inner .dropdown-mini-item a:hover, .search-cancel .c-top-searchbar .dropdown-mini-inner .dropdown-mini-item.curr a
{
background-color: rgba(124,132,142,.1);
}
.c-nav-mod .c-nav-top-search .nav-search-icons-wrap
{
position: absolute;
right: 0;
top: 0;
height: 35px;
font-size: 0;
}
.c-nav-mod .c-nav-top-search .nav-search-cancel-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
position: absolute;
top: 10px;
right: 9px;
background-position: 13.03% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-top-search .search-cancel-btn:hover .nav-search-cancel-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 19.37% 94.44%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-top-search .nav-search-divider
{
width: 1px;
height: 14px;
display: inline-block;
background-color: rgba(124,132,142,.4);
float: right;
margin-top: 10px;
}
.c-nav-mod .c-nav-top-search .search-cancel-btn
{
height: 100%;
float: right;
padding-top: 9px;
width: 36px;
text-align: center;
font-size: 0;
line-height: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.c-nav-mod .c-nav-dropdown-btn.nav-dropdown-lang .nav-dropdown-btn-txt
{
margin-left: 5px;
font-size: 12px;
}
.c-nav-mod .c-nav-top-lt
{
height: 100%;
}
.c-nav-mod .c-nav-dropdown-btn
{
display: inline-block;
position: relative;
height: 100%;
}
.c-nav-mod .c-nav-top .c-nav-dropdown-btn.nav-dropdown-lang .c-nav-dropdown-btn-inner
{
padding-top: 12px;
}
.c-nav-mod .c-nav-top .c-nav-dropdown-btn-inner
{
position: relative;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
color: #fff;
font-size: 0;
transition: background-color .4s;
outline: 0;
padding-top: 13px;
height: 40px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
}
.c-nav-mod .nav-dropdown-btn-txt
{
vertical-align: middle;
font-size: 14px;
}
.c-nav-mod .c-nav-bg-logo+.c-nav-top-divider
{
margin-left: 20px;
}
.c-nav-mod .c-nav-top-ctrl .c-nav-top-divider
{
float: left;
}
.c-nav-mod .c-nav-icon-global
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-right: 0;
display: inline-block;
vertical-align: middle;
background-position: 45.769999999999996% 37.41%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-user-mod .nav-dropdown-btn-txt
{
vertical-align: inherit;
}
.c-nav-mod .nav-dropdown-btn-icon
{
width: 6px;
height: 4px;
display: inline-block;
vertical-align: middle;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-left: 5px;
background-position: 96.26% 94.33%;
background-size: 5000% 7150%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-dropdown-btn:hover .c-nav-dropdown-btn-inner
{
color: #00a4ff;
}
.c-nav-mod .c-nav-dropdown-btn.actived .c-nav-icon-global, .c-nav-mod .c-nav-dropdown-btn:hover .c-nav-icon-global
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 14.44% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-dropdown-btn.actived .nav-dropdown-btn-icon, .c-nav-mod .c-nav-dropdown-btn:hover .nav-dropdown-btn-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 98.98% 94.33%;
background-size: 5000% 7150%;;
background-repeat: no-repeat;
}
.c-nav-mod .nav-dropdown-mini
{
z-index: 100;
background-color: #f7f8fa;
font-size: 14px;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-list
{
padding-top: 10px;
padding-bottom: 10px;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item
{
line-height: 32px;
position: relative;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item a
{
color: #000;
display: block;
padding: 0 15px;
min-width: 80px;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item-inner a
{
display: inline-block;
padding: 0 0 0 15px;
min-width: 0;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item a:hover, .c-nav-mod .dropdown-mini-inner .dropdown-mini-item.actived a, .c-nav-mod .dropdown-mini-inner .dropdown-mini-item.curr a
{
color: #00a4ff;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item.actived a, .c-nav-mod .dropdown-mini-inner .dropdown-mini-item.curr a
{
cursor: default;
}
.c-nav-mod .dropdown-mini-data, .c-nav-mod .dropdown-mini-lang
{
font-size: 12px;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item .item-aside
{
position: absolute;
top: 0;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble
{
right: 0;
}
.c-nav-mod .c-nav-top-lt .c-nav-dropdown-btn
{
float: left;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble-inner
{
left: 80%;
border: none;
border-radius: 0;
background-color: #f7f8fa;
box-shadow: none;
padding: 0;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble .c-bubble-inner:after, .c-nav-mod .c-nav-dropdown-btn .c-bubble .c-bubble-inner:before
{
border: 6px dashed transparent;
}
.c-nav-mod .c-nav-bottom .c-nav-dropdown-btn .c-bubble.c-bubble-top
{
top: 54px;
}
.c-nav-mod .c-nav-top .c-nav-dropdown-btn .c-bubble-top
{
top: 40px;
z-index: 1002;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before
{
margin-left: -6px;
border-bottom-color: #b5bac4;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after
{
margin-left: -5px;
border-bottom-color: #fff;
}
.c-nav-mod .c-nav-dropdown-btn .c-bubble-top .c-bubble-inner
{
margin-top: 0;
}
.c-nav-mod .nav-dropdown-data
{
margin-right: -10px;
}
.c-nav-mod .nav-dropdown-data .nav-dropdown-mini
{
min-width: 180px;
}
.c-nav-mod .nav-dropdown-data .c-bubble-inner
{
left: 89%;
}
.c-nav-mod .c-nav-top-links
{
display: inline-block;
float: left;
}
.c-nav-mod .c-nav-top-links .link-item
{
display: inline-block;
padding: 0 10px;
height: 40px;
line-height: 40px;
font-size: 12px;
color: #fff;
float: left;
}
.c-nav-mod .c-nav-top-links .link-item:hover
{
color: #00a4ff;
}
.c-nav-mod .c-top-searchbar
{
padding: 2px 0 3px;
}
.c-nav-mod .c-top-searchbar-box .nav-dropdown-mini
{
top: 38px;
}
.c-nav-mod .c-top-searchbar .dropdown-mini-inner .dropdown-mini-item a
{
padding: 0 30px;
}
.c-nav-mod .c-nav-top-divider
{
display: inline-block;
height: 16px;
margin: 12px 10px;
vertical-align: middle;
width: 1px;
background-color: rgba(255,255,255,.2);
position: relative;
z-index: 1001;
}
.c-nav-mod .c-nav-top-lt .c-nav-top-divider
{
float: left;
}
.c-nav-mod .c-top-searchbar-box .search-btn-close, .c-nav-mod .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn
{
padding-top: 9px;
}
.c-nav-mod .c-top-searchbar-box .search-btn
{
font-size: 0;
}
.c-nav-mod .c-nav-bottom
{
padding: 0 10px 0 5px;
border-bottom: solid 1px rgba(255,255,255,.08);
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-nav-mod .c-nav-bottom .c-nav-dropdown-btn
{
height: 54px;
}
.c-nav-mod .c-nav-all-trigger
{
height: 100%;
display: inline-block;
text-align: left;
cursor: pointer;
padding: 12px 20px 12px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
position: relative;
z-index: 1001;
}
.c-nav-mod .c-nav-all-trigger:hover span
{
color: #00a4ff;
}
.c-nav-mod .c-nav-all-trigger span
{
font-size: 14px;
display: inline-block;
vertical-align: middle;
line-height: 16px;
color: #fff;
padding-left: 8px;
}
.c-nav-mod .c-nav-hover .c-nav-all-trigger
{
background-color: #2a303c;
border-right: #202530 1px solid;
transition: border-color 1s,background-color 1s;
}
.c-nav-mod .c-nav-all-trigger .c-nav-all-trigger-icon
{
width: 16px;
height: 16px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
vertical-align: middle;
background-position: 93.31% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-all-trigger.actived .c-nav-all-trigger-icon, .c-nav-mod .c-nav-all-trigger:hover .c-nav-all-trigger-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 73.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-all-trigger.actived span
{
color: #00a4ff;
}
.c-nav-mod .c-nav-bottom-divider
{
display: inline-block;
height: 16px;
margin: 19px 5px 19px 0;
float: left;
width: 1px;
background-color: rgba(255,255,255,.2);
}
.c-nav-mod.c-nav-white .c-nav-bottom-divider
{
background-color: #ccc;
}
.c-nav-mod .c-nav-mod.c-nav-white .c-nav-bottom-divider
{
background-color: rgba(0,0,0,.3);
}
.c-nav-mod .c-nav-all-trigger+.c-nav-top-divider
{
float: left;
margin-left: 0;
margin-right: 20px;
}
.c-nav-mod .c-nav-bm-categories
{
display: inline-block;
vertical-align: middle;
}
.c-nav-mod .c-nav-bm-categories .presentation
{
font-size: 0;
color: #fff;
display: inline-block;
position: relative;
float: left;
}
.c-nav-mod .c-nav-bm-categories .presentation>a
{
display: inline-block;
padding: 0 15px;
color: #fff;
line-height: 54px;
height: 54px;
font-size: 14px;
-webkit-transition: background-color .4s;
transition: background-color .4s;
}
.c-nav-mod.c-nav-white .c-nav-bm-categories .presentation>a
{
color: #000;
}
.c-nav-mod .c-nav-bm-categories .presentation .c-nav-dropdown-btn-inner:hover, .c-nav-mod .c-nav-bm-categories .presentation.actived .c-nav-dropdown-btn-inner, .c-nav-mod .c-nav-bm-categories .presentation.actived>a, .c-nav-mod .c-nav-bm-categories .presentation.curr .c-nav-dropdown-btn-inner, .c-nav-mod .c-nav-bm-categories .presentation.curr>a, .c-nav-mod.c-nav-white .c-nav-bm-categories .presentation.actived>a, .c-nav-mod.c-nav-white .c-nav-bm-categories .presentation.curr>a, .c-nav-mod.c-nav-white .c-nav-bm-categories .presentation>a:hover
{
color: #00a4ff;
}
.c-nav-mod .c-nav-bm-categories .presentation.more .nav-dropdown-btn-txt
{
position: relative;
font-size: 14px;
}
.c-nav-mod .c-nav-bm-categories .c-nav-hot-icon
{
width: 27px;
height: 16px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-left: 2px;
margin-bottom: -3px;
background-position: 75.09% 61.85000000000001%;
background-size: 1111.111111111111% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-bm-categories .presentation>a:hover
{
color: #00a4ff;
}
.c-nav-mod .c-nav-bottom .c-nav-project-logo
{
padding: 18px 15px 0;
display: inline-block;
position: relative;
z-index: 1001;
height: 54px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0;
}
.c-nav-mod .c-nav-bottom .c-nav-project-logo .c-nav-project-bg-logo
{
width: 54px;
height: 18px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/img/nav/college-logo-pc.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
font-size: 0;
}
.c-nav-mod.c-nav-white .c-nav-bm-right
{
background-color: #fff;
}
.c-nav-mod.c-nav-white .c-nav-bm-right::after
{
content: '';
display: block;
vertical-align: middle;
}
.c-nav-mod .c-nav-bm-right
{
position: absolute;
right: 10px;
top: 0;
font-size: 14px;
white-space: nowrap;
}
.c-nav-mod .nav-register-btn
{
width: 80px;
min-width: 80px;
height: 30px;
line-height: 30px;
padding: 0;
text-align: center;
margin: 0 10px;
}
.c-nav-mod .c-nav-bm-text-btn
{
color: #fff;
display: inline-block;
padding: 0 10px;
height: 54px;
line-height: 54px;
text-align: right;
}
.c-nav-mod.c-nav-white .c-nav-bm-text-btn
{
color: #000;
}
.c-nav-mod .c-nav-bm-text-btn:hover, .c-nav-mod.c-nav-white .c-nav-bm-text-btn:hover
{
color: #00a4ff;
}
.c-nav-mod .c-nav-divider-dot
{
width: 3px;
height: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
background-color: #fff;
float: left;
margin-top: 25px;
}
.c-nav-mod.c-nav-white .c-nav-divider-dot
{
background-color: #000;
}
.c-nav-mod .c-nav-bottom .presentation .c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:after, .c-nav-mod .c-nav-bottom .presentation .c-nav-dropdown-btn .c-bubble-top .c-bubble-inner:before
{
margin-left: -8px;
}
.c-nav-mod .c-nav-bottom .presentation .c-nav-dropdown-btn>.c-nav-dropdown-btn-inner
{
height: 54px;
line-height: 54px;
padding: 0 15px;
display: inline-block;
color: #fff;
}
.c-nav-mod.c-nav-white .c-nav-bottom .c-nav-dropdown-btn>.c-nav-dropdown-btn-inner
{
color: #000;
}
.c-nav-mod.c-nav-white .c-nav-bottom .c-nav-dropdown-btn>.c-nav-dropdown-btn-inner:hover
{
color: #00a4ff;
}
.c-nav-mod .c-nav-icon-user
{
width: 28px;
height: 28px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-top: 13px;
background-position: 22.43% 72.48%;
background-size: 1071.4285714285713% 1021.4285714285713%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-user-mod>a, .c-nav-mod .nav-bm-user-btn>a
{
height: 54px;
padding: 0 10px;
display: inline-block;
}
.c-nav-mod .c-nav-img-user
{
width: 36px;
height: 36px;
display: inline-block;
margin-top: 9px;
background-image: url(https://ask.qcloudimg.com/avatar/1126973/6t144iyr1s.png);
border-radius: 50%;
background-size: cover;
background-position: center;
}
.c-nav-mod .c-nav-icon-user.has-msg
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 44.49% 72.48%;
background-size: 1071.4285714285713% 1021.4285714285713%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-dropdown-btn.actived .c-nav-icon-user.has-msg, .c-nav-mod .c-nav-dropdown-btn:hover .c-nav-icon-user.has-msg
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 75.37% 53.1%;
background-size: 1071.4285714285713% 1021.4285714285713%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-icon-user.close
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% .37%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-dropdown-btn.actived .c-nav-icon-user, .c-nav-mod .c-nav-dropdown-btn:hover .c-nav-icon-user
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 33.46% 72.48%;
background-size: 1071.4285714285713% 1021.4285714285713%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-bm-btns
{
display: inline-block;
margin-left: 5px;
margin-right: 5px;
height: 54px;
padding-top: 9px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-nav-mod .c-nav-bm-text-btns
{
display: inline-block;
}
.c-nav-mod .c-nav-bm-btn
{
height: 36px;
min-width: 80px;
padding: 0;
line-height: 36px;
vertical-align: middle;
margin: 0 5px;
}
.c-nav-mod .c-nav-bm-btn-hole
{
height: 36px;
border: 1px solid rgba(210,217,231,.28);
min-width: 80px;
padding: 0;
line-height: 34px;
background-color: transparent;
color: #fff;
vertical-align: middle;
margin: 0 5px;
}
.c-nav-mod.c-nav-white .c-nav-bm-btn-hole
{
border-color: #d2d9e7;
color: #4a4a4a;
}
.c-nav-mod .c-nav-bm-btn-hole:hover
{
background-color: #00a4ff;
border-color: #00a4ff;
color: #fff;
}
.c-nav-mod .nav-user-name
{
font-size: 18px;
color: #000;
line-height: 18px;
padding: 20px;
border-bottom: solid 1px #e5e5e5;
display: block;
margin-bottom: 14px;
}
.c-nav-mod .nav-user-name:hover
{
color: #00a4ff;
}
.c-nav-mod .nav-user-bubble
{
width: 220px;
}
.c-nav-mod .nav-user-bubble .dropdown-mini-list
{
padding: 14px 0;
}
.c-nav-mod .nav-user-bubble .dropdown-mini-item
{
font-size: 14px;
color: #333;
}
.c-nav-mod .nav-user-bubble .nav-drop-info
{
border-bottom: solid 1px #e5e5e5;
padding-bottom: 14px;
}
.c-nav-mod .nav-user-bubble .nav-drop-action
{
padding-top: 14px;
padding-bottom: 14px;
}
.c-nav-mod .nav-status-num
{
height: 16px;
line-height: 16px;
padding: 0 7px;
font-size: 12px;
color: #fff;
background: #00a4ff;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
position: absolute;
right: 20px;
top: 8px;
}
.c-nav-mod .dropdown-mini-inner .dropdown-mini-item .item-aside
{
right: 0;
}
.c-nav-mod .nav-user-bubble .dropdown-mini-inner .dropdown-mini-item a
{
padding: 0 20px;
}
.c-nav-mod .nav-user-bubble.c-bubble-top .c-bubble-inner:after, .c-nav-mod .nav-user-bubble.c-bubble-top .c-bubble-inner:before
{
margin-left: 14px;
}
.c-nav-mod .nav-user-bubble.nav-user-bubble-l.c-bubble-top .c-bubble-inner:after, .c-nav-mod .nav-user-bubble.nav-user-bubble-l.c-bubble-top .c-bubble-inner:before
{
margin-left: 9px;
}
.com-nav-dropdown-wrap
{
z-index: 10001;
}
.nav-dropdown-menu
{
width: 300px;
position: absolute;
background-color: #f7f8fa;
overflow-y: auto;
overflow-x: hidden;
box-sizing: border-box;
}
.nav-dropdown-menu .menu-area
{
margin: 0 20px;
padding: 8px 0;
border-bottom: #ddd 1px solid;
}
.nav-dropdown-menu .menu-area:first-child
{
padding-top: 24px;
}
.nav-dropdown-menu .menu-area:last-child
{
border-bottom: none;
}
.nav-dropdown-menu .menu-area-tit
{
font-weight: 400;
padding-left: 5px;
border-bottom: #ddd 1px solid;
line-height: 20px;
padding-top: 8px;
padding-bottom: 7px;
}
.nav-dropdown-menu .menu-area-tit a
{
color: #333;
}
.nav-dropdown-menu .menu-area-tit a:hover
{
color: #fff;
background-color: #00a4ff;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 40px;
}
.nav-dropdown-menu .menu-area-tit.no-border
{
border: none;
color: #999;
}
.nav-dropdown-menu .menu-link:hover
{
background: #f1f2f4;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.nav-dropdown-menu .menu-link>a, .nav-dropdown-menu .menu-link>span
{
display: block;
color: #333;
line-height: 35px;
padding-left: 5px;
position: relative;
font-size: 14px;
}
.nav-dropdown-menu .menu-link.actived>a, .nav-dropdown-menu .menu-link.actived>span
{
color: #00a4ff;
}
.nav-dropdown-menu .menu-link a:after
{
content: '';
position: absolute;
right: 5px;
top: 50%;
width: 8px;
height: 12px;
margin-top: -6px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 78.42% 68.25%;
background-size: 3750% 2383.333333333333%;;
background-repeat: no-repeat;
}
.nav-dropdown-menu .menu-link.actived
{
color: #00a4ff;
}
.dropdown-p-search .nav-dropdown-menu .menu-link>a:hover
{
background-color: #00a4ff;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 40px;
color: #fff;
}
.nav-dropdown-menu .menu-link a:hover:after, .nav-dropdown-menu .menu-link.actived a:after, .nav-dropdown-menu .menu-link.curr a:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 86.64% 86.5%;
background-size: 3750% 2383.333333333333%;;
background-repeat: no-repeat;
}
.nav-dropdown-menu.menu-level-1
{
height: 100%;
}
.nav-dropdown-menu .menu-link.no-child a:after
{
display: none;
}
.nav-dropdown-menu.menu-level-2
{
border-left: #ddd 1px solid;
z-index: 102;
height: 100%;
left: 300px;
}
.nav-dropdown-menu.menu-level-3
{
border-left: #ddd 1px solid;
z-index: 101;
height: 100%;
left: 600px;
}
.nav-dropdown-menu .menu-item
{
display: block;
line-height: 1.5;
padding-left: 5px;
position: relative;
font-size: 14px;
padding-top: 7px;
cursor: pointer;
margin-bottom: 10px;
}
.nav-dropdown-menu .menu-item a
{
color: #333;
}
.nav-dropdown-menu .menu-item a h3
{
font-weight: 400;
display: inline-block;
}
.nav-dropdown-menu .menu-item a span
{
color: #999;
font-size: 12px;
display: block;
padding-top: 5px;
line-height: 1.8;
}
.nav-dropdown-menu .menu-item.actived h3
{
color: #00a4ff;
}
.nav-dropdown-menu .menu-item.curr h3
{
color: #000;
}
.nav-dropdown-menu .menu-item a:hover h3
{
color: #fff;
}
.nav-dropdown-menu.menu-level-3 .menu-item a:hover h3
{
color: #00a4ff;
}
.nav-dropdown-menu .sub-menu-area
{
margin: 0;
padding-top: 0;
padding-bottom: 18px;
border-bottom: none;
}
.nav-dropdown-menu .sub-menu-area.last-level
{
padding-bottom: 0;
}
.nav-dropdown-menu .sub-menu-area>.menu-area-tit
{
margin-bottom: 10px;
color: #999;
line-height: 42px;
}
.nav-dropdown-menu .sub-menu-area>.menu-area-tit a
{
color: #999;
}
.nav-dropdown-menu .sub-menu-area>.menu-area-tit a:hover
{
color: #00a4ff;
}
.nav-dropdown-menu .sub-menu-area .menu-link>a
{
line-height: 30px;
}
.nav-dropdown-menu .menu-area.has-sub-menu>.menu-area-tit
{
margin-bottom: 10px;
border-bottom: none;
}
.c-nav-mod .c-nav-bottom .c-bubble.c-bubble-top
{
top: 46px;
z-index: 10001;
}
.c-nav-mod .nav-dropdown-menu::-webkit-scrollbar
{
width: 4px;
}
.c-nav-mod .nav-dropdown-menu::-webkit-scrollbar-thumb
{
border-radius: 4px;
background-color: rgba(0,0,0,.3);
}
.c-nav-mod .nav-dropdown-menu::-webkit-scrollbar-track
{
background-color: rgba(0,0,0,0);
}
.c-nav-mod .c-nav-bm-search
{
margin: 0 10px;
background-color: rgba(43,48,59,.7);
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #999;
position: relative;
}
.c-nav-mod.c-nav-white .c-nav-bm-search
{
background-color: #f3f5f9;
}
.c-nav-mod .c-nav-bm-search .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
vertical-align: sub;
position: absolute;
left: 10px;
top: 10px;
background-position: 99.65% 73.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-bm-search>input
{
-webkit-appearance: none;
background-color: transparent;
border: none;
width: 340px;
height: 36px;
line-height: 36px;
padding-left: 38px;
}
.c-nav-mod .c-nav-bm-search>input::placeholder
{
color: #999;
}
.c-nav-mod .c-nav-bm-search-btn
{
width: 86px;
width: auto;
margin: 0 10px;
height: 54px;
line-height: 54px;
background-color: #2b303b;
vertical-align: middle;
font-size: 14px;
color: #999;
text-align: center;
}
.c-nav-mod.c-nav-white .c-nav-bm-search-btn
{
background-color: #f3f5f9;
color: #999;
}
.c-nav-mod.c-nav-dark .c-nav-bm-search>input
{
color: #8a8e99;
}
.c-nav-mod.c-nav-dark .c-nav-bm-search>input::placeholder
{
color: #8a8e99;
}
.c-nav-mod.c-nav-dark .c-nav-bm-search
{
background-color: #3d4049;
}
.c-nav-mod.c-nav-dark .c-nav-bm-search-btn
{
background-color: #3d4049;
color: #8a8e99;
}
.c-nav-mod .c-nav-bm-search-btn .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
vertical-align: sub;
background-position: 99.65% 73.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-bm-search-btn
{
display: none;
}
.c-nav-mod .c-nav-bm-search.search-icon-rt>input
{
padding-left: 10px;
padding-right: 38px;
width: 240px;
cursor: pointer;
}
.c-nav-mod .c-nav-bm-search.search-icon-rt .nav-search-icon
{
right: 10px;
left: inherit;
}
.c-nav-mod .c-nav-bottom .search-icon-rt.c-top-searchbar
{
width: 0;
right: 10px;
left: inherit;
overflow: hidden;
}
.c-nav-mod .c-nav-bottom .search-icon-rt.c-top-searchbar.searchbar-show
{
width: 580px;
overflow: visible;
}
.search-icon-rt .c-top-searchbar-box .search-btn, .search-icon-rt .c-top-searchbar-box .search-btn-close
{
position: static;
}
.c-nav-mod .search-icon-rt.c-top-searchbar.searchbar-show .search-ipt
{
width: calc(100% - 69px);
padding-left: 20px;
right: 69px;
left: 0;
}
.c-nav-mod .c-top-searchbar.searchbar-show.search-icon-rt .c-top-searchbar-box .search-btn, .c-nav-mod .c-top-searchbar.searchbar-show.search-icon-rt .search-btn-close
{
width: 34px;
text-align: center;
float: right;
}
.search-btn-divider
{
background: #e5e5e5;
width: 1px;
height: 14px;
display: inline-block;
float: right;
margin-top: 10px;
}
.c-nav-mod .c-nav-bottom .search-icon-rt .c-top-searchbar-box .nav-dropdown-mini
{
top: 38px;
}
.c-nav-mod .c-top-searchbar.search-icon-rt:after
{
background-color: #e5e5e5;
}
.c-nav-mod .c-nav-bottom .search-icon-rt.c-top-searchbar
{
padding: 2px 0 3px;
margin-top: 9px;
background-color: #fff;
z-index: 1003;
}
.search-icon-rt .c-top-searchbar-box .nav-dropdown-mini
{
background-color: #fff;
}
.c-nav-mod .c-nav-bottom .search-icon-rt .c-top-searchbar-box .search-ipt
{
background-color: #fff;
color: #000;
}
.search-icon-rt .c-top-searchbar-box .search-btn-close .nav-search-close-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 7.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .search-icon-rt .search-btn:hover .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 67.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod.c-nav-white .c-top-searchbar-box .search-btn-close:hover .nav-search-close-icon, .search-icon-rt .c-top-searchbar-box .search-btn-close:hover .nav-search-close-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.41% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.search-icon-rt.c-top-searchbar.searchbar-show
{
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.c-nav-bm-search-wrap
{
height: 54px;
float: left;
position: relative;
}
.c-nav-mod .c-nav-bottom .c-top-searchbar
{
padding: 10px 0;
width: 100%;
left: 0;
}
.c-nav-mod.c-nav-white .c-nav-bottom .c-top-searchbar
{
background-color: #fff;
}
.c-nav-mod.c-nav-white .c-nav-bottom .c-top-searchbar-box .search-ipt
{
background-color: #fff;
color: #000;
}
.c-nav-mod .c-top-searchbar-box
{
left: 0;
}
.c-nav-mod.c-nav-white .c-top-searchbar-box .search-ipt::placeholder
{
color: #999;
}
.c-nav-mod .c-top-searchbar-box .search-ipt
{
line-height: normal;
}
.c-nav-mod .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
height: 16px;
cursor: pointer;
background-position: 99.65% 73.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod.c-nav-white .c-top-searchbar-box .search-btn-close .nav-search-close-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 7.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-nav-mod .c-nav-bottom .c-top-searchbar-box .nav-dropdown-mini
{
top: 46px;
}
.c-nav-mod .c-top-searchbar
{
background-color: #2b303b;
width: 100%;
left: 0;
}
.c-nav-mod .nav-down-style-2 .nav-down-list
{
white-space: nowrap;
margin: 15px 0 25px;
font-size: 0;
}
.c-nav-mod .nav-down-style-2 .nav-down-menu
{
display: table-cell;
vertical-align: top;
border-right: 1px solid #2e3032;
padding-left: 10px;
padding-right: 10px;
}
.c-nav-mod .nav-down-style-2 .nav-down-menu .menu-title
{
color: #888;
font-size: 14px;
padding-left: 20px;
padding-right: 20px;
height: 40px;
line-height: 40px;
}
.c-nav-mod .nav-down-style
{
background-color: #2b303b;
}
.c-nav-mod .nav-down-style-2 .nav-down-menu ul
{
display: inline-block;
vertical-align: top;
}
.c-nav-mod .nav-down-style-2 .nav-down-menu li a
{
padding-left: 20px;
padding-right: 20px;
line-height: 40px;
display: block;
min-width: 4em;
color: #fff;
}
.c-nav-mod .nav-down-style-2 .nav-down-menu li a:hover
{
color: #00a4ff;
}
.c-nav-mod .nav-bm-link
{
padding: 0 10px;
height: 54px;
display: inline-block;
}
.c-nav-mod .c-nav-list
{
white-space: nowrap;
}
.c-nav-bm-right .c-nav-bm-btns, .c-nav-bm-right .c-nav-bm-search, .c-nav-bm-right .c-nav-bm-search-btn, .c-nav-bm-right .c-nav-bm-text-btn, .c-nav-bm-right .c-nav-bm-text-btns, .c-nav-bm-right .c-nav-dropdown-btn, .c-nav-bm-right .nav-register-btn
{
float: left;
}
.c-nav-bm-right .nav-register-btn
{
margin-top: 12px;
}
.c-nav-mod .c-nav-bm-search
{
margin-top: 9px;
}
.c-nav-mod .c-nav-bottom .c-nav-project-logo
{
float: left;
}
.c-nav-mod .c-m-tit-lv1, .c-nav-mod .c-nav-m-ctrl
{
display: none;
}
.c-nav-mod .sr-only
{
position: absolute!important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
padding: 0!important;
border: 0!important;
height: 1px!important;
width: 1px!important;
overflow: hidden;
}
.c-nav-mod .c-nav-m-footer, .c-nav-mod .c-nav-m-user, .c-nav-mod .c-nav-m-wrap
{
display: none;
}
.c-nav-mod .lang .actived a
{
color: #00a4ff;
}
.c-nav-mod .c-nav-user-mod .nav-user-bubble.c-bubble-top .c-bubble-inner:after, .c-nav-mod .c-nav-user-mod .nav-user-bubble.c-bubble-top .c-bubble-inner:before
{
margin-left: 10px;
}
.c-nav .activity
{
color: #ed702e!important;
font-size: 12px;
margin-left: 5px;
display: inline!important;
padding: 0!important;
line-height: inherit;
}
.c-bubble.p-all
{
box-sizing: border-box;
padding-left: 190px;
pointer-events: none;
}
.c-bubble.p-all .c-bubble-inner
{
border-color: #dedfe0;
box-shadow: 0 0 5px rgba(0,0,0,.15);
display: inline-block;
pointer-events: auto;
overflow-y: auto;
overflow-x: hidden;
}
.nav-dropdown-menu-all
{
max-width: 1500px;
margin: 0 auto;
min-height: 170px;
}
.nav-dropdown-menu-all .menu-list-all
{
font-size: 0;
white-space: nowrap;
}
.c-nav .menu-list-col
{
box-sizing: border-box;
padding: 15px 0 0 20px;
display: inline-block;
vertical-align: top;
width: 231px;
white-space: normal;
}
.c-nav .menu-list-all .menu-area
{
padding-bottom: 5px;
margin-bottom: 15px;
}
.c-nav .menu-list-all .menu-area-tit
{
font-size: 14px;
color: #fff;
padding-bottom: 8px;
border-bottom: #e5e5e5 1px solid;
max-width: 190px;
}
.c-nav .menu-list-all .menu-area-tit h3
{
vertical-align: middle;
color: #333;
}
.c-nav .menu-list-all .menu-area-tit h3 a
{
color: #333;
}
.c-nav .menu-list-all .menu-area-tit h3 a:hover
{
color: #00a4ff;
}
.c-nav .menu-list-all .menu-item
{
padding: 0;
background: 0 0;
margin-top: 8px;
font-size: 12px;
}
.c-nav .menu-list-all .menu-item a
{
display: block;
height: 18px;
line-height: 18px;
padding-left: 0;
transition: all .4s;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 12px;
color: #333;
}
.c-nav .menu-list-all .menu-item a:hover
{
color: #00a4ff;
}
.c-nav .menu-list-all .menu-item.curr .menu-item-tit
{
position: relative;
}
.c-nav .menu-list-all .menu-item.curr .menu-item-tit::before
{
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -10px;
top: 7px;
}
.c-nav .menu-list-all .menu-item.curr .menu-item-tit:hover::before
{
background-color: #00a4ff;
}
.c-nav .menu-list-all .menu-item.actived a
{
color: #00a4ff;
}
.c-nav .menu-list-all .menu-item.curr a
{
color: #000;
}
.c-nav .menu-list-all .menu-item.curr:hover a
{
color: #00a4ff;
}
.c-nav .menu-list-all .menu-item a .nav-icon-links
{
vertical-align: -2px;
}
.p-all-bar
{
white-space: nowrap;
padding-top: 10px;
}
.p-all-bar .p-all-search
{
display: inline-block;
margin-left: 20px;
white-space: nowrap;
font-size: 0;
vertical-align: middle;
width: 56.27%;
position: relative;
}
.p-all-bar .c-search-input
{
height: 35px;
line-height: normal;
border-color: #e5e5e5;
border-right: 0;
box-shadow: none;
display: inline-block;
vertical-align: middle;
width: calc(100% - 35px);
font-size: 14px;
padding-right: 20px;
padding-left: 10px;
}
.p-all-bar .c-search-input:focus
{
box-shadow: none;
border-color: #00a4ff;
}
.p-all-bar .c-search-btn
{
position: relative;
line-height: 35px;
border: 1px solid #e5e5e5;
border-left: none;
height: 35px;
width: 35px;
vertical-align: middle;
text-indent: -10000px;
border-radius: 0;
}
.p-all-bar .c-search-btn:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin: -8px 0 0 -8px;
background-position: 99.65% 60.370000000000005%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.p-all-bar .c-search-input:focus+.c-search-btn:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 53.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.p-all-bar .c-search-input:focus+.c-search-btn
{
border-color: #00a4ff;
}
.p-all-bar .c-search-btn, .p-all-bar .c-search-btn:hover
{
background-color: #fff;
}
.p-all-search-list
{
position: absolute;
top: 36px;
left: 0;
border: 1px solid #e5e5e5;
width: 100%;
height: 380px;
box-sizing: border-box;
background-color: #fff;
box-shadow: #eee 2px 2px 0;
overflow: auto;
z-index: 1;
}
.p-all-search-item
{
white-space: nowrap;
box-sizing: border-box;
cursor: pointer;
}
.p-all-search-item>.p-all-search-item-inner
{
padding: 10px;
}
.p-all-search-item a
{
padding: 10px;
display: block;
}
.p-all-search-item-inner
{
display: inline-block;
vertical-align: middle;
}
.p-all-search-tit
{
font-size: 14px;
color: #000;
font-weight: 400;
margin-bottom: 3px;
}
.p-all-search-con
{
color: #666;
font-size: 12px;
white-space: normal;
}
.p-all-search-item.actived
{
background-color: #f7f8fa;
}
.p-all-search-item.actived .p-all-search-tit
{
color: #00a4ff;
}
.p-all-search-item.disabled:hover
{
background-color: #fff;
cursor: default;
}
.p-all-search-item.disabled:hover .p-all-search-tit
{
color: #000;
}
.nav-all-event
{
font-size: 14px;
margin: 0 30px 0 38px;
height: 35px;
line-height: 35px;
display: inline-block;
vertical-align: middle;
}
.nav-all-event-tit
{
color: #000;
margin-right: 25px;
display: inline;
font-weight: 700;
}
.nav-all-event-con, .nav-all-event-list
{
display: inline;
}
.nav-all-event-item
{
display: inline;
margin-right: 20px;
}
.nav-all-event-item a
{
color: #000;
}
.nav-all-event-item a:hover
{
color: #00a4ff;
}
.c-footer-select.c-nav-lang
{
margin-top: 10px;
margin-bottom: 10px;
width: 200px;
}
.c-footer-select.c-nav-lang .c-footer-dropdown
{
padding-bottom: 0;
padding-top: 4px;
bottom: auto;
top: 100%;
}
.p-all .c-scrollbar::-webkit-scrollbar-thumb
{
border-radius: 0;
}
.c-nav-mod .c-nav-bottom.no-search .c-nav-bm-search, .c-nav-mod .c-nav-bottom.no-search .c-top-searchbar, .c-nav-mod .c-nav-top.no-lang .nav-dropdown-lang, .c-nav-mod .c-nav-top.no-search .c-nav-top-search, .c-nav-mod .c-nav-top.no-search .c-top-searchbar
{
display: none;
}
.c-nav-mod .c-top-searchbar .search-ipt
{
width: 0;
padding: 0;
}
.c-nav-mod .c-top-searchbar .c-top-searchbar-box .search-btn, .c-nav-mod .c-top-searchbar-box .search-btn-close, .c-nav-mod .nav-search-icon
{
width: 0;
}
.c-nav-mod .c-top-searchbar.searchbar-show .search-ipt
{
width: calc(100% - 50px);
padding: 5px;
}
.c-nav-mod .c-top-searchbar.searchbar-show .nav-search-icon
{
width: 16px;
}
.c-nav-mod .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn, .c-nav-mod .c-top-searchbar.searchbar-show .search-btn-close
{
width: 25px;
}
.c-nav-mod .c-nav-m-wrap.search-out
{
margin-top: 0;
}
.c-nav-mod .c-top-searchbar.search-out
{
min-height: 300px;
}
.c-nav-mod .search-m .c-top-searchbar.searchbar-show
{
width: 460px;
right: 0;
left: inherit;
transition-duration: .2s;
}
.c-nav-mod .search-m .c-top-searchbar-inner
{
min-width: 100%;
}
.c-nav-mod .search-m .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn, .c-nav-mod .search-m .c-top-searchbar.searchbar-show .search-btn-close
{
font-size: 0;
line-height: 1;
}
.c-nav-mod .search-m .c-top-searchbar-box .search-btn
{
right: 0;
left: inherit;
}
.c-nav-mod .search-m
{
position: relative;
cursor: pointer;
}
.c-nav-mod .search-m .c-top-searchbar-box
{
max-width: 460px;
}
.c-nav-mod .search-m .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn
{
width: 36px;
text-align: center;
}
.c-nav-mod .search-m .c-top-searchbar.searchbar-show .search-ipt
{
width: calc(100% - 36px);
left: 0;
}
.c-nav-mod .search-m .c-top-searchbar
{
left: inherit;
right: 0;
}
.c-nav-mod .search-m.c-nav-top-search
{
width: 160px;
text-align: left;
padding-left: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-nav-mod .search-m.c-nav-top-search .nav-search-icon
{
position: absolute;
right: 12px;
top: 12px;
z-index: 2;
}
.c-nav-mod .search-m .c-top-searchbar, .c-nav-mod .search-m .c-top-searchbar-box .search-ipt
{
background-color: #383e4d;
}
.c-nav-mod .search-m .c-top-searchbar-box .search-ipt::-webkit-input-placeholder
{
color: #8a8e99;
}
.c-nav-mod .search-m .c-top-searchbar-box .search-ipt:-moz-placeholder
{
color: #8a8e99;
}
.c-nav-mod .search-m .c-top-searchbar-box .search-ipt::-moz-placeholder
{
color: #8a8e99;
}
.c-nav-mod .search-m .c-top-searchbar-box .search-ipt:-ms-input-placeholder
{
color: #8a8e99;
}
.c-nav-mod .search-m.c-nav-top-search .search-btn .nav-search-icon
{
top: 10px;
}
.c-nav-mod .search-m .c-top-searchbar.searchbar-show .search-ipt
{
padding-left: 13px;
}
.c-nav-mod .search-m .c-top-searchbar-box .nav-dropdown-mini
{
-webkit-transition: width .4s;
-moz-transition: width .4s;
-ms-transition: width .4s;
-o-transition: width .4s;
transition: width .4s;
}
.c-nav-entry-list
{
float: left;
position: relative;
padding-right: 10px;
margin-right: 10px;
}
.c-nav-entry-list:after
{
content: '';
position: absolute;
width: 1px;
height: 24px;
top: 8px;
right: 0;
background-color: rgba(255,255,255,.2);
overflow: hidden;
}
.c-nav-entry-item
{
display: inline-block;
vertical-align: middle;
font-size: 12px;
}
.c-nav-entry-item a
{
color: #fff;
display: block;
line-height: 40px;
padding: 0 10px;
}
.c-nav-entry-item a:hover
{
color: #00a4ff;
}
.c-nav-pro-mask
{
background-color: rgba(0,0,0,.4);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1001;
display: none;
}
.c-p-dropdown-menu-wrap
{
padding: 0;
background: #f5f7fa;
height: 680px;
}
.c-p-dropdown-menu-wrap .c-p-dropdown-menu
{
position: relative;
height: 100%;
}
.c-p-dropdown-menu-lt
{
width: 200px;
height: 100%;
background: #f5f7fa;
position: absolute;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: 0;
top: 0;
padding: 24px 0;
z-index: 1;
}
.c-p-dropdown-menu-lt .p-menu-lt-item>a
{
font-size: 14px;
color: #333;
line-height: 20px;
padding: 8px 20px;
display: block;
position: relative;
}
.c-p-dropdown-menu-lt .p-menu-lt-item>a:hover
{
background-color: #00a4ff;
color: #fff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item>a:hover::after
{
content: "";
width: 6px;
height: 8px;
display: inline-block;
position: absolute;
right: 20px;
top: 14px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 87.41% 78.06%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.actived>a
{
color: #00a4ff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.actived:hover>a
{
color: #fff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr>a
{
color: #000;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr>a:before
{
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: 10px;
top: 16px;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr.actived>a:before
{
background-color: #00a4ff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.actived.curr>a
{
color: #00a4ff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr.actived>a:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 77.89% 72.3%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr>a:hover
{
color: #fff;
background-color: #00a4ff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr>a:hover::before
{
background-color: #fff;
}
.c-p-dropdown-menu-lt .p-menu-lt-item>a:after
{
content: "";
}
.c-p-dropdown-menu-lt .p-menu-lt-item.actived>a:after
{
content: "";
width: 6px;
height: 8px;
display: inline-block;
position: absolute;
right: 20px;
top: 14px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 77.89% 72.3%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.actived>a:hover:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 87.41% 78.06%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr>a:after
{
content: "";
width: 6px;
height: 8px;
display: inline-block;
position: absolute;
right: 20px;
top: 14px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.32% 90.29%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-lt .p-menu-lt-item.curr>a:hover:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 87.41% 78.06%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-con
{
position: relative;
background-color: #fff;
}
.c-p-dropdown-menu-con-wrap
{
height: 100%;
overflow-y: auto;
margin-left: 200px;
}
.c-p-dropdown-menu-main
{
margin-right: 239px;
min-height: 678px;
width: 709px;
background-color: #fff;
border-right: solid 1px rgba(229,232,237,.5);
border-left: solid 1px #e5e8ed;
font-size: 0;
}
.c-more-cols .c-p-dropdown-menu-main
{
margin-right: 0;
width: 948px;
border-right: none;
}
.c-p-dropdown-menu-main .p-all-bar
{
padding-top: 25px;
}
.c-p-dropdown-menu-main .p-all-bar .p-all-search
{
display: block;
width: calc(100% - 50px);
margin: 0 25px;
max-width: 660px;
}
.c-p-dropdown-menu-main .p-all-search-item.actived, .c-p-dropdown-menu-main .p-all-search-item:hover
{
background: #f5f7fa;
}
.p-menu-main-col
{
width: calc(33.333% - 5px - 3px);
display: inline-block;
vertical-align: top;
padding-bottom: 8px;
}
.p-menu-main-col:nth-child(2)
{
width: calc(33.33% - 5px - 3px + 15px);
}
.c-more-cols .p-menu-main-col:nth-child(1), .c-more-cols .p-menu-main-col:nth-child(4)
{
width: calc(25% - 7.5px - 2px);
}
.c-more-cols .p-menu-main-col:nth-child(2), .c-more-cols .p-menu-main-col:nth-child(3)
{
width: calc(25% - 7.5px + 15px - 2px);
}
.p-menu-main-box+.p-menu-main-box
{
margin-top: 8px;
}
.p-menu-main-box+.p-menu-main-box .p-menu-main-box-hd
{
padding-top: 0;
}
.p-menu-main-con
{
padding: 0 0 0 10px;
}
.p-menu-main-box-hd
{
padding: 12px 30px 0;
}
.p-menu-main-col:first-child .p-menu-main-box-hd
{
padding-left: 15px;
}
.p-menu-main-col:last-child .p-menu-main-box-hd
{
padding-right: 15px;
}
.p-menu-main-box-bd
{
padding-top: 5px;
}
.p-menu-main-box-hd>span
{
font-size: 14px;
color: #000;
line-height: 20px;
font-weight: 600;
padding: 12px 0;
display: block;
border-bottom: solid 1px #e5e8ed;
}
.p-menu-main-box-hd>a
{
font-size: 14px;
color: #000;
line-height: 20px;
font-weight: 600;
padding: 12px 17px 12px 0;
display: block;
border-bottom: solid 1px #e5e8ed;
position: relative;
}
.p-menu-main-box-hd>a:hover
{
color: #00a4ff;
}
.p-menu-main-box-hd>a:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 29.509999999999998% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.p-menu-main-box-hd>a::after
{
content: "";
width: 12px;
height: 8px;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -4px;
right: 0;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 24.65% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.c-bubble-top .c-p-dropdown-menu-wrap.c-bubble-inner:after
{
border-bottom-color: #f5f7fa;
}
.p-menu-p-card.link-more>a::after
{
content: "";
width: 12px;
height: 8px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-left: 4px;
background-position: 24.65% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.p-menu-p-card.link-more>a:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 29.509999999999998% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.p-menu-p-link-border.link-more::after
{
content: "";
width: 12px;
height: 8px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-left: 4px;
background-position: 34.38% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.p-menu-p-link-border.link-more:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 29.509999999999998% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.p-menu-icon
{
width: 16px;
height: 16px;
display: inline-block;
vertical-align: -2px;
margin-right: 5px;
}
.p-menu-p-card
{
font-size: 0;
padding: 5px 30px;
}
.p-menu-main-col:first-child .p-menu-p-card
{
padding-left: 15px;
}
.p-menu-main-col:last-child .p-menu-p-card
{
padding-right: 15px;
}
.p-menu-p-card-hd
{
font-size: 12px;
color: #333;
line-height: 20px;
font-weight: 400;
display: block;
position: relative;
}
.p-menu-p-card-hd.curr
{
color: #000;
}
.p-menu-p-card-hd.curr::before
{
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -10px;
top: 8px;
}
.p-menu-p-card-hd.curr:hover::before
{
background-color: #00a4ff;
}
.p-menu-p-card-hd:hover
{
color: #00a4ff;
}
.p-menu-p-card-list
{
background-color: #f5f7fa;
padding: 4px 12px 6px;
margin-top: 6px;
position: relative;
}
.p-menu-p-card-list li
{
position: relative;
margin-top: 4px;
}
.p-menu-p-card-list li a
{
line-height: 22px;
font-size: 12px;
color: #666;
}
.p-menu-p-card-list li a.curr, .p-menu-p-card-list li a:hover
{
color: #00a4ff;
}
.p-menu-p-card-list li.more a::after
{
content: '';
display: inline-block;
vertical-align: 0;
margin-left: 4px;
width: 6px;
height: 8px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-size: 5000% 3575%;;
background-position: 99.32% 90.29%;
background-repeat: no-repeat;
}
.p-menu-p-card-list li.more a:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 77.89% 72.3%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.p-menu-p-card-list::before
{
position: absolute;
left: 10px;
top: -14px;
content: '';
width: 0;
height: 0;
border: 8px solid;
border-color: transparent transparent #f5f7fa;
}
.p-menu-p-card-bd
{
font-size: 0;
line-height: 1;
}
.p-menu-p-card-bd>p
{
font-size: 12px;
color: #999;
letter-spacing: 0;
line-height: 18px;
margin-top: 2px;
}
.p-menu-p-link-border
{
font-size: 12px;
color: #999;
line-height: 18px;
padding: 0 8px;
display: inline-block;
border: 1px solid #e5e8ed;
margin-top: 6px;
margin-right: 8px;
}
.p-menu-p-link-border.curr, .p-menu-p-link-border:hover
{
color: #00a4ff;
border-color: #00a4ff;
}
.p-menu-p-link
{
font-size: 12px;
color: #666;
line-height: 18px;
padding: 10px 0;
margin: 0 15px 0 30px;
display: block;
}
.p-menu-p-link:first-child
{
margin-top: -5px;
}
.p-menu-p-link+.p-menu-p-link
{
border-top: solid 1px rgba(229,232,237,.5);
}
.p-menu-p-link:hover
{
color: #00a4ff;
}
.p-menu-p-link.icon
{
color: #000;
line-height: 20px;
}
.p-menu-p-link.icon:after
{
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
vertical-align: -1px;
margin-left: 4px;
background-position: 53.47% 10.22%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.p-menu-p-link.icon:hover:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 59.38% 50%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.p-menu-p-link.icon:hover
{
color: #00a4ff;
}
.menu-level-3 .c-p-dropdown-menu-wrap .c-p-dropdown-menu
{
min-height: 100%;
height: auto;
}
.c-p-dropdown-menu-rt .p-menu-rt-box
{
padding: 8px 0 4px;
background: #f5f7fa;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.c-p-dropdown-menu-rt .p-menu-rt-box.p-menu-rt-box-single
{
padding-top: 4px;
padding-bottom: 8px;
display: block;
}
.c-p-dropdown-menu-rt .p-menu-rt-box+.p-menu-rt-box
{
margin-top: 12px;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-hd>span
{
font-size: 14px;
color: #000;
line-height: 20px;
padding: 12px 0;
margin: 0 15px;
display: block;
font-weight: 600;
border-bottom: solid 1px #e5e8ed;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-single .p-menu-rt-box-hd>span
{
padding-bottom: 8px;
border-bottom: none;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-hd:hover>a
{
color: #00a4ff;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-bd
{
padding: 8px 0;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-item>a, .c-p-dropdown-menu-rt .p-menu-rt-box-single .p-menu-rt-box-bd>p
{
font-size: 12px;
color: #666;
line-height: 18px;
padding: 4px 15px;
display: block;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-single .p-menu-rt-box-bd>p, .c-p-dropdown-menu-rt .p-menu-rt-box-single .p-menu-rt-box-item>a
{
padding-top: 0;
padding-bottom: 0;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-single:hover .p-menu-rt-box-bd>p
{
color: #00a4ff;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-single .p-menu-rt-box-bd
{
padding-top: 0;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-single .p-menu-rt-box-item+.p-menu-rt-box-item
{
margin-top: 10px;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-item.has-icon>a:after
{
content: "";
width: 10px;
height: 10px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
vertical-align: -1px;
margin-left: 4px;
background-position: 53.47% 10.22%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-item.has-icon:hover>a:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 59.38% 50%;
background-size: 2500% 2383.333333333333%;;
background-repeat: no-repeat;
}
.c-p-dropdown-menu-rt .p-menu-rt-box-item:hover>a
{
color: #00a4ff;
}
.c-p-dropdown-menu-rt
{
width: 239px;
height: 100%;
background: #fff;
padding: 25px 20px;
position: absolute;
right: 0;
top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-all .c-p-dropdown-menu-wrap.c-scrollbar::-webkit-scrollbar
{
width: 10px;
}
.c-nav-mod .c-btn:hover
{
color: #fff;
}
.c-top-searchbar .search-btn-divider
{
opacity: 0;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.c-top-searchbar.searchbar-show .search-btn-divider
{
opacity: 1;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.dropdown-p-search .nav-dropdown-menu .menu-link:hover
{
background: 0 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.dropdown-p-search .nav-dropdown-menu.menu-level-1, .dropdown-p-search .nav-dropdown-menu.menu-level-2
{
width: 200px;
}
.dropdown-p-search .nav-dropdown-menu.menu-level-2
{
border-left: solid 1px #e5e8ed;
}
.dropdown-p-search .nav-dropdown-menu.menu-level-3
{
border-left: #e5e8ed 1px solid;
}
.dropdown-p-search .nav-dropdown-menu .menu-area, .dropdown-p-search .nav-dropdown-menu .menu-area-tit
{
border-bottom: #e5e8ed 1px solid;
}
.dropdown-p-search .nav-dropdown-menu .menu-area:last-child, .dropdown-p-search .nav-dropdown-menu .sub-menu-area
{
border-bottom: none;
}
.nav-dropdown-menu.product-menu
{
width: auto;
}
.product-menu .c-p-dropdown-menu-lt
{
display: none;
}
.product-menu .c-p-dropdown-menu-main
{
margin-left: 0;
}
.dropdown-p-search .nav-dropdown-menu .menu-link>a
{
line-height: 20px;
padding: 8px 20px 8px 0;
}
.nav-dropdown-menu .menu-link.curr a
{
color: #000;
}
.nav-dropdown-menu .menu-link.curr a::before
{
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -10px;
top: 16px;
}
.dropdown-p-search .nav-dropdown-menu .menu-area-tit
{
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
line-height: 35px;
}
.dropdown-p-search .c-p-dropdown-menu-wrap
{
height: 100%;
overflow: auto;
}
.dropdown-p-search .c-p-dropdown-menu-main
{
min-height: 100%;
border-left: none;
}
.dropdown-p-search .c-p-dropdown-menu
{
height: 100%;
}
.dropdown-p-search .nav-dropdown-menu .menu-link a:after
{
width: 6px;
height: 8px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-top: -4px;
right: 0;
background-position: 99.32% 90.29%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.dropdown-p-search .nav-dropdown-menu .menu-link.actived a::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 77.89% 72.3%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.dropdown-p-search .nav-dropdown-menu .menu-link.curr.actived a
{
color: #00a4ff;
}
.dropdown-p-search .nav-dropdown-menu .menu-link.curr.actived a::before
{
background-color: #00a4ff;
}
.dropdown-p-search .nav-dropdown-menu .menu-link.curr.actived a:hover::before
{
background-color: #fff;
}
.dropdown-p-search .nav-dropdown-menu .menu-link.curr.actived a:hover
{
color: #fff;
}
.dropdown-p-search .nav-dropdown-menu .menu-link a:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
right: 20px;
background-position: 87.41% 78.06%;
background-size: 5000% 3575%;;
background-repeat: no-repeat;
}
.dropdown-p-search .nav-dropdown-menu .menu-link a:hover::before
{
left: 10px;
background-color: #fff;
}
.dropdown-p-search .nav-dropdown-menu .sub-menu-area .menu-area-tit
{
line-height: 34px;
margin-bottom: 0;
}
.dropdown-p-search .nav-dropdown-menu .menu-item
{
padding-top: 0;
margin-bottom: 0;
line-height: 1;
padding-left: 0;
}
.dropdown-p-search .nav-dropdown-menu .menu-item>a
{
line-height: 20px;
padding: 8px 20px 8px 0;
display: block;
}
.dropdown-p-search .nav-dropdown-menu.menu-level-3 .menu-item>a
{
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
}
.dropdown-p-search .nav-dropdown-menu .menu-item.curr>a::before
{
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -10px;
top: 16px;
}
.dropdown-p-search .nav-dropdown-menu .menu-item>a:hover
{
padding-left: 20px;
padding-right: 20px;
margin-left: -20px;
margin-right: -20px;
background-color: #00a4ff;
}
.dropdown-p-search .nav-dropdown-menu.menu-level-3 .menu-item:hover>a
{
background-color: #f7f8fa;
}
.dropdown-p-search .nav-dropdown-menu .menu-item.curr>a:hover::before
{
background-color: #fff;
left: -10px;
}
.dropdown-p-search .nav-dropdown-menu.menu-level-3 .menu-item.curr:hover>a::before
{
background-color: #00a4ff;
left: -10px;
}
.dropdown-p-search .nav-dropdown-menu .sub-menu-area
{
padding-bottom: 12px;
}
.dropdown-p-search .nav-dropdown-menu .menu-area-tit>a
{
display: block;
position: relative;
}
.dropdown-p-search .nav-dropdown-menu .menu-area-tit.curr>a::before
{
content: "";
width: 4px;
height: 4px;
display: inline-block;
background-color: #333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
left: -10px;
top: 16px;
}
.dropdown-p-search .nav-dropdown-menu .menu-area-tit>a::after
{
content: '';
position: absolute;
width: 12px;
height: 8px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
right: 0;
top: 13px;
background-position: 19.79% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.dropdown-p-search .nav-dropdown-menu .menu-area-tit>a:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
right: 20px;
background-position: 10.07% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.dropdown-p-search .nav-dropdown-menu .menu-area-tit.curr>a:hover::before
{
background-color: #fff;
left: 10px;
}
.p-all .c-scrollbar::-webkit-scrollbar-thumb
{
background: rgba(0,0,0,.3);
background-color: rgba(0,0,0,.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.nav-dropdown-menu::-webkit-scrollbar-thumb
{
background: rgba(0,0,0,.3);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.p-all .c-scrollbar::-webkit-scrollbar
{
cursor: pointer;
width: 5px;
height: 12px;
background-color: #fff;
}
.nav-dropdown-menu::-webkit-scrollbar
{
width: 5px;
height: 12px;
background-color: #fff;
}
.p-all .c-scrollbar::-webkit-scrollbar-track
{
background-color: #fff;
}
.nav-dropdown-menu::-webkit-scrollbar-track
{
background-color: #f7f8fa;
}
.c-nav .menu-list-all .menu-area-tit h3
{
display: block;
}
.c-nav .menu-list-all .menu-area-tit h3>a
{
display: block;
position: relative;
}
.c-nav .menu-list-all .menu-area-tit h3>a::after
{
content: '';
position: absolute;
width: 12px;
height: 8px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
right: 0;
top: 5px;
background-position: 19.79% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.c-nav .menu-list-all .menu-area-tit h3>a:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 14.93% 98.2%;
background-size: 2500% 3575%;;
background-repeat: no-repeat;
}
.c-nav-logo-wrap
{
position: absolute;
left: 20px;
top: 0;
}
.nav-search-icon-wrap
{
position: absolute;
right: 0;
top: 0;
width: 34px;
height: 40px;
z-index: 1;
}
.c-nav-m-text-week, .c-nav-m-user a.c-nav-m-text-week
{
color: #999;
}
.c-nav-m-weixin
{
display: none;
}
.c-nav-m-qr-code
{
width: 120px;
height: 120px;
margin: 0 auto 15px;
background-image: url(/template/plugins/keywords/css/img/QRcode.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
}
.c-nav-m-qr-code img
{
width: 100%;
}
.m-tit-level-1 .c-nav-icon-global
{
margin-right: 10px;
}
.m-tit-level-1 .c-nav-icon-global+span
{
vertical-align: middle;
}
.lang .actived a
{
color: #00a4ff;
}
.c-footer
{
min-width: 320px;
}
.c-footer-inner
{
box-sizing: border-box;
margin: 0 auto;
max-width: 1180px;
padding: 30px 0;
border-bottom: 1px solid #45484c;
-webkit-font-smoothing: antialiased;
}
.c-footer .c-hidden
{
display: none;
}
.qc-footer-action
{
background-color: #00a4ff;
position: relative;
overflow: hidden;
}
.qc-footer-action .action-bg
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.qc-footer-action .footer-action
{
max-width: 1200px;
margin: 0 auto;
text-align: center;
padding-top: 50px;
padding-bottom: 50px;
position: relative;
z-index: 50;
overflow: hidden;
}
.qc-footer-action .op-btns, .qc-footer-action .text
{
display: inline-block;
vertical-align: middle;
color: #fff;
}
.qc-footer-action .text
{
font-size: 24px;
margin-right: 20px;
line-height: 35px;
}
.qc-footer-action .op-btns .bt
{
display: inline-block;
font-size: 18px;
color: #fff;
border: 1px solid #fff;
line-height: 35px;
border-radius: 2px;
padding-left: 45px;
padding-right: 45px;
-webkit-transition: background-color .4s;
transition: background-color .4s;
margin-left: 30px;
margin-right: 30px;
}
.qc-footer-action .op-btns .bt:hover
{
background-color: #fff;
color: #00a4ff;
}
.c-footer-action
{
position: relative;
min-width: 320px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.c-footer-action .c-section-hd
{
margin-bottom: 44px;
}
.c-footer-action .c-section-tit
{
line-height: 1.1;
}
.c-footer-action .c-section-inner
{
position: relative;
z-index: 2;
}
.c-footer-action .c-section-inner.mobile
{
display: none;
}
.c-footer-action-info
{
text-align: center;
font-size: 16px;
line-height: 1.8;
}
.c-footer-action-info a
{
color: #00a4ff;
}
.c-footer-action-info a:hover
{
text-decoration: underline;
}
.c-footer-action-btn
{
text-align: center;
padding-top: 44px;
}
.c-footer-action-btn .c-btn
{
width: 220px;
height: 45px;
line-height: 45px;
font-size: 16px;
background-color: #00a4ff;
}
.c-footer-action-btn .c-btn:hover
{
background-color: #0092ee;
}
.c-footer-action-bg
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
background: url(/template/plugins/keywords/css/img/home2017/free-bg.jpg) top center no-repeat #f7f8fa;
background-size: cover;
}
.c-footer-action.bg-white .c-footer-action-bg
{
background-image: url(/template/plugins/keywords/css/img/home2017/free-bg-white.png);
}
.c-footer-service
{
background: #2e3033;
}
.c-footer-service .c-footer-inner
{
font-size: 0;
text-align: center;
}
.c-footer-service-list
{
box-sizing: border-box;
display: table;
width: 100%;
}
.c-footer-service-list>li
{
display: table-cell;
width: 21.5%;
vertical-align: top;
text-align: left;
white-space: nowrap;
}
.c-footer-service-list>li:last-child
{
width: 14%;
}
.c-footer-service-item
{
font-size: 14px;
color: #fff;
}
.c-footer-service-item .icon
{
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 10px;
}
.c-footer-service-item .icon-1
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 13.059999999999999% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-footer-service-item .icon-2
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 38.43% 46.85%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-footer-service-item .icon-3
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.81% .38999999999999996%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-footer-service-item .icon-4
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 63.81% 27.169999999999998%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-footer-service-item .icon-5
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: .37% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-footer-website
{
background: #2e3033;
}
.c-footer-website .c-footer-inner
{
position: relative;
padding-bottom: 27px;
min-height: 200px;
}
.c-footer-website-columns.c-grid
{
margin-left: 0;
margin-right: 190px;
padding: 0;
}
.c-footer-website-columns [class*=c-g-]
{
padding-left: 0;
padding-right: 20px;
}
.c-footer-website-title
{
margin-bottom: 15px;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
color: #fff;
}
.c-footer-website-title a, .c-footer-website-title a:hover
{
display: block;
color: inherit;
cursor: default;
}
.c-footer-website-list a
{
display: block;
padding: 4px 0;
font-size: 12px;
line-height: 1.5;
color: #ccc;
}
.c-footer-website-list a:hover
{
text-decoration: none;
}
.c-footer-copyright
{
position: absolute;
right: 0;
top: 30px;
width: 190px;
}
.c-footer-share-links
{
margin-bottom: 24px;
font-size: 0;
}
.c-footer-share-links>li
{
display: inline-block;
vertical-align: middle;
width: 20%;
}
.c-footer-bubble-wrap
{
position: relative;
}
.c-footer-share-bubble
{
position: absolute;
left: 0;
top: 100%;
z-index: 900;
padding-top: 10px;
width: 190px;
text-align: center;
font-size: 14px;
color: #ccc;
visibility: hidden;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0s;
transition-delay: 0s;
pointer-events: none;
opacity: 0;
}
.c-footer-bubble-wrap:hover .c-footer-share-bubble, .c-footer-show-bubble .c-footer-share-bubble
{
visibility: visible;
-webkit-transition-delay: .1s;
transition-delay: .1s;
opacity: 1;
pointer-events: auto;
}
.c-footer-share-bubble-inner
{
position: relative;
}
.c-footer-share-bubble-inner:before
{
content: '';
position: absolute;
left: 5px;
bottom: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 0 4px 4px;
border-color: #fff transparent;
}
.c-footer-share-bubble .bubble-qr
{
box-sizing: border-box;
margin-bottom: 7px;
padding: 15px;
background-color: #fff;
}
.c-footer-share-bubble .bubble-qr.no-pd
{
padding: 0;
}
.c-footer-share-bubble .bubble-qr img
{
display: block;
width: 100%;
image-rendering: pixelated;
}
.c-footer-share-bubble .bubble-cnt.mobile
{
display: none;
}
.c-footer-share-links a
{
display: block;
}
.c-footer-share-links .icon
{
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
}
.c-footer-share-links .icon.wechat
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 87.03999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-share-links .icon.weibo
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 67.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-share-links .icon.facebook
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 53.7%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-share-links .icon.csdn
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 20.369999999999997%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-share-links .icon.github
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 99.65% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-share-links .icon.linkedin
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 93.31% 27.04%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-copyright-text
{
margin-bottom: 14px;
font-size: 12px;
line-height: 24px;
color: #ccc;
}
.c-footer-copyright-text span
{
display: block;
}
.c-footer-copyright .c-btn
{
width: 100%;
padding: 0 8px;
font-size: 12px;
}
.c-footer-blogroll
{
background: #2e3033;
}
.c-footer-blogroll .c-footer-inner
{
position: relative;
min-height: 35px;
border-bottom: none;
}
.c-footer-blogroll-main
{
margin-right: 190px;
}
.c-footer-blogroll-links
{
font-size: 0;
}
.c-footer-blogroll-links .icon-tc
{
position: relative;
top: -2px;
display: inline-block;
vertical-align: middle;
width: 91px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
margin-right: 25px;
background-position: .48% 37.41%;
background-size: 329.67032967032964% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-blogroll-links .slide
{
display: inline-block;
vertical-align: middle;
margin-right: 15px;
font-size: 12px;
line-height: 26px;
color: #ccc;
white-space: nowrap;
}
.c-footer-blogroll-links.copyright .slide:first-child
{
white-space: normal;
}
.c-footer-blogroll-links.copyright .slide:first-child span
{
white-space: nowrap;
}
.c-footer-blogroll-links-separate
{
display: block;
margin: 0;
padding: 0;
width: 100%;
border: none;
}
.c-footer-blogroll-extra
{
position: absolute;
right: 0;
top: 30px;
width: 190px;
}
.c-footer-lang-switch
{
display: none;
text-align: center;
margin-top: 15px;
}
.c-footer-lang-switch a
{
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 24px;
color: #ccc;
min-width: 70px;
text-align: left;
}
.c-footer-lang-switch a:first-child
{
text-align: right;
}
.c-footer-lang-switch a:active
{
color: #00a4ff;
}
.c-footer-lang-switch .split
{
display: inline-block;
vertical-align: middle;
margin: 0 15px;
width: 1px;
height: 15px;
background-color: #666;
}
.c-footer-select
{
position: relative;
}
.c-footer-select-trigger
{
box-sizing: border-box;
display: block;
padding: 0 30px 0 9px;
height: 35px;
border-radius: 2px;
border: 1px solid rgba(255,255,255,.3);
background-color: transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
line-height: 33px;
color: #ccc;
cursor: pointer;
}
.c-footer-select-trigger:after
{
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -2px;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 4px 0;
border-color: #ccc transparent;
-webkit-transition: transform .2s ease,-webkit-transform .2s ease;
transition: transform .2s ease,-webkit-transform .2s ease;
}
.c-footer-select-trigger .icon
{
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
opacity: .6;
background-position: 39.44% 37.41%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-footer-select .c-footer-dropdown
{
display: none;
}
.c-footer-select.hover .c-footer-dropdown, .c-footer-select:hover .c-footer-dropdown
{
display: block;
}
.c-footer-select.hover .c-footer-select-trigger:after, .c-footer-select:hover .c-footer-select-trigger:after
{
transform: rotate(180deg);
}
.c-footer-dropdown
{
box-sizing: border-box;
position: absolute;
left: 0;
bottom: 100%;
z-index: 999;
padding-bottom: 4px;
width: 100%;
}
.c-footer-dropdown-menu
{
background-color: #383c42;
border-radius: 2px;
padding: 5px 0;
}
.c-footer-dropdown-menu a
{
display: block;
padding: 0 10px;
height: 30px;
font-size: 14px;
line-height: 30px;
color: #ccc;
}
.c-footer-dropdown-menu a:hover
{
color: #00a4ff;
}
.c-footer-dropdown-menu .actived a, .c-footer-dropdown-menu .actived a:hover
{
color: #00a4ff;
cursor: default;
}
.c-footer-tel-m
{
box-sizing: border-box;
display: none;
padding: 0 9px;
height: 35px;
border-radius: 2px;
border: 1px solid rgba(255,255,255,.3);
background-color: transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
line-height: 33px;
color: #ccc;
cursor: pointer;
margin-bottom: 20px;
}
.c-footer-recommend
{
background: #2e3033;
}
.c-footer-recommend-cell
{
position: relative;
padding-left: 100px;
min-height: 14px;
}
.c-footer-recommend-cell+.c-footer-recommend-cell
{
margin-top: 15px;
}
.c-footer-recommend-tit
{
position: absolute;
left: 0;
top: 0;
width: 100px;
line-height: 14px;
font-size: 14px;
color: #fff;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.c-footer-recommend-list-wrap
{
padding-left: 20px;
overflow: hidden;
}
.c-footer-recommend-list
{
margin-left: -10px;
margin-right: -10px;
margin-bottom: -15px;
font-size: 0;
}
.c-footer-recommend-item
{
display: inline-block;
vertical-align: top;
margin-bottom: 15px;
padding: 0 10px;
width: 100px;
}
.c-footer-recommend-link
{
line-height: 14px;
font-size: 12px;
color: #999;
}
.c-footer-recommend-link:hover
{
color: #00a4ff;
}
.btn-upload-file
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
text-align: center;
border: 1px solid #e5e5e5;
display: inline-block;
vertical-align: middle;
width: 139px;
height: 36px;
line-height: 36px;
}
.icon-add-upload
{
margin-right: 4px;
display: inline-block;
vertical-align: -2px;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 33.45% 80.36999999999999%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.upload-text-info
{
display: inline-block;
vertical-align: middle;
color: #999;
line-height: 12px;
font-size: 12px;
margin-left: 12px;
}
.upload-text-info.wrong-tips
{
color: #f64041;
}
.upload-text-info.schedule-tips
{
color: #24b47e;
}
.colg-list
{
margin-top: 8px;
padding-right: 13px;
}
.colg-list .colg-list-item
{
color: #666;
border: 1px solid #dadee6;
word-break: break-all;
padding: 0;
}
.colg-list .colg-list-item+.colg-list-item
{
margin-top: -1px;
}
.colg-list .colg-list-inner
{
display: table;
padding: 12px;
width: 100%;
table-layout: fixed;
box-sizing: border-box;
}
.colg-list-hover .colg-list-item:hover
{
background-color: #e5f6ff;
}
.colg-list .colg-list-item .links:hover
{
color: #00a4ff;
}
.colg-list .colg-list-icon, .colg-list .colg-list-main
{
display: table-cell;
vertical-align: middle;
}
.colg-list.vertical-top .colg-list-icon, .colg-list.vertical-top .colg-list-main
{
vertical-align: top;
}
.colg-list .colg-list-main
{
padding-left: 8px;
}
.colg-list .colg-list-icon
{
padding-top: 1px;
padding-bottom: 1px;
width: 16px;
}
.colg-list .colg-text-sm:hover
{
cursor: pointer;
color: #00a4ff;
}
.colg-text-sm
{
font-size: 12px!important;
}
.justify-grid
{
display: table;
width: 100%;
}
.colg-course-edit-panel .justify-grid
{
table-layout: fixed;
}
.justify-grid .col
{
display: table-cell;
vertical-align: middle;
text-align: right;
}
.justify-grid .col.col-left, .justify-grid .col:first-child
{
text-align: left;
}
.colg-list .colg-list-item .links
{
font-size: 12px;
color: #999;
}
.colg-list .colg-list-item .col:first-child
{
width: 70%;
}
.colg-list .links+.links
{
margin-left: 12px;
}
.colg-list-item.wrong-info-item
{
border-color: #f64041;
}
.upload-wrong-text
{
color: #f64041;
}
.icon-wrong-upload
{
margin-right: 4px;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-size: 1875% 1787.5%;;
background-position: 25.7% 87.78%;
background-repeat: no-repeat;
}
.icon-succeed-upload
{
margin-right: 4px;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-size: 2142.8571428571427% 2042.8571428571427%;;
background-position: 98.95% 86.4%;
background-repeat: no-repeat;
}
.icon-loading-upload
{
margin-right: 4px;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/img/icon-loading-upload.png);
background-size: cover;
-moz-animation: spin .6s infinite linear;
-webkit-animation: spin .6s infinite linear;
animation: spin .6s infinite linear;
}
@-moz-keyframes spin
{
0%
{
-moz-transform: rotate(0);
}
100%
{
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin
{
0%
{
-webkit-transform: rotate(0);
}
100%
{
-webkit-transform: rotate(359deg);
}
}
@keyframes spin
{
0%
{
transform: rotate(0);
}
100%
{
transform: rotate(359deg);
}
}
.tc-15-progress
{
height: 4px;
margin-top: 2px;
background-color: #fff;
position: relative;
border: 1px solid #24b47e;
border-radius: 8px;
}
.tc-15-progress .tc-15-progress-value
{
height: 4px;
content: "";
display: block;
border-radius: 0;
position: initial;
}
.tc-15-progress-value
{
background-color: #24b47e;
}
.qc-scrollbar
{
position: fixed;
z-index: 99;
right: 8px;
top: 648px;
width: 44px;
-webkit-transition: top .2s;
transition: top .2s;
}
.ie8 .qc-scrollbar
{
display: table;
top: 0;
height: 100%;
}
.ie8 .qc-scrollbar-inner
{
display: table-cell;
vertical-align: middle;
}
.qc-scrollbar-item
{
position: relative;
}
.qc-scrollbar-item+.qc-scrollbar-item
{
margin-top: 8px;
}
.qc-scrollbar-button
{
display: block;
width: 44px;
box-sizing: border-box;
border-width: 1px;
border-style: solid;
border-color: #e1e8f0;
text-align: center;
cursor: pointer;
}
.qc-scrollbar-button:hover
{
border-color: #ccd1d9;
}
.qc-scrollbar-button-desc
{
display: block;
text-align: center;
width: 16px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
color: #333;
line-height: 1;
}
.qc-scrollbar-button-desc+.qc-scrollbar-button-desc
{
margin-top: 15px;
position: relative;
}
.qc-scrollbar-button-desc+.qc-scrollbar-button-desc:before
{
content: "";
position: absolute;
width: 2px;
height: 2px;
left: 50%;
margin-left: -1px;
background-color: #333;
border-radius: 50%;
margin-top: -9px;
}
.qc-scrollbar-bubble
{
position: absolute;
right: 44px;
padding-right: 14px;
visibility: hidden;
}
.qc-scrollbar-item:hover .qc-scrollbar-bubble
{
visibility: visible;
}
.qc-scrollbar-bubble-inner
{
min-height: 44px;
box-sizing: border-box;
border: 1px solid #eaecee;
background-color: #fff;
white-space: nowrap;
box-shadow: 0 0 0 1px rgba(227,229,233,.25);
border-radius: 3px;
font-size: 14px;
line-height: 20px;
color: #333;
position: relative;
padding: 11px 15px;
}
.qc-scrollbar-bubble-inner:before
{
content: "";
position: absolute;
right: -8px;
top: 50%;
margin-top: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #eaecee;
}
.qc-scrollbar-bubble-inner:after
{
content: "";
position: absolute;
right: -7px;
top: 50%;
margin-top: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 8px;
border-color: transparent transparent transparent #fff;
}
.qc-scrollbar-icon
{
width: 18px;
height: 18px;
background-repeat: no-repeat;
display: inline-block;
vertical-align: top;
}
.qc-scrollbar-icon-event
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.75% 42.16%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.qc-scrollbar-icon-service
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.75% 34.699999999999996%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.qc-scrollbar-icon-shopping
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 7.449999999999999% 80.97%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.qc-scrollbar-icon+.qc-scrollbar-button-desc
{
margin-top: 8px;
}
.qc-scrollbar-event .qc-scrollbar-button
{
position: relative;
}
.qc-scrollbar-event .qc-scrollbar-button img
{
display: block;
width: 100%;
height: auto;
}
.qc-scrollbar-event .qc-scrollbar-bubble img
{
display: block;
width: 180px;
height: 120px;
margin: -6px -10px;
}
@-webkit-keyframes comic
{
0%, 100%
{
opacity: 0;
}
50%
{
opacity: 1;
}
}
@keyframes comic
{
0%, 100%
{
opacity: 0;
}
50%
{
opacity: 1;
}
}
.qc-scrollbar-event .qc-scrollbar-button picture+picture
{
position: absolute;
left: 0;
top: 0;
opacity: 0;
-webkit-animation: comic 2s step-end infinite;
animation: comic 2s step-end infinite;
}
.qc-scrollbar-service .qc-scrollbar-button
{
background-color: #fff;
padding-top: 12px;
padding-bottom: 12px;
}
.qc-scrollbar-service-channel
{
padding: 14px 10px;
}
.qc-scrollbar-service-channel-item
{
display: table;
width: 100%;
}
.qc-scrollbar-service-channel-item+.qc-scrollbar-service-channel-item
{
margin-top: 40px;
}
.qc-scrollbar-service-details
{
display: table-cell;
vertical-align: middle;
font-size: 14px;
color: #999;
position: relative;
padding-left: 63px;
height: 48px;
}
.qc-scrollbar-service-details:before
{
content: "";
position: absolute;
top: 0;
left: 0;
width: 48px;
height: 48px;
border-radius: 50%;
box-sizing: border-box;
border: 3px solid #e8e8e8;
}
.qc-scrollbar-service-details:after
{
content: "";
position: absolute;
width: 18px;
height: 18px;
left: 15px;
top: 15px;
background-repeat: no-repeat;
}
.qc-scrollbar-service-details-phone:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.75% 57.089999999999996%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.qc-scrollbar-service-details-feedback:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.75% 49.63%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.qc-scrollbar-service-details-research:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 52.129999999999995% 27.61%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.qc-scrollbar-service-summary
{
font-size: 16px;
color: #333;
margin-bottom: 3px;
line-height: 1.2;
display: block;
}
.qc-scrollbar-service-summary em
{
color: #ff8600;
}
.qc-scrollbar-service-toolbar
{
display: table-cell;
vertical-align: middle;
width: 100px;
padding-left: 20px;
}
.qc-scrollbar-service-button
{
display: block;
width: 100px;
background-color: #fff!important;
border: 1px solid #00a4ff!important;
color: #00a4ff!important;
border-radius: 2px;
text-align: center;
font-size: 14px;
line-height: 2.35714;
}
.qc-scrollbar-service-button:hover
{
color: #fff!important;
background-color: #00a4ff!important;
text-decoration: none!important;
}
.qc-scrollbar-shopping
{
position: relative;
}
.qc-scrollbar-shopping .qc-scrollbar-button
{
background-color: #fff;
padding-top: 12px;
padding-bottom: 12px;
}
.qc-scrollbar-shopping-amount
{
display: inline-block;
box-sizing: border-box;
vertical-align: top;
min-width: 18px;
max-width: 100%;
padding-left: 3px;
padding-right: 3px;
height: 18px;
line-height: 18px;
color: #fff;
font-size: 12px;
background-color: #ff8600;
background-image: -webkit-linear-gradient(135deg,#ffa333,#ff7c10);
background-image: linear-gradient(135deg,#ffa333,#ff7c10);
border-radius: 9px;
margin-top: 7px;
overflow: hidden;
}
.qc-back2top
{
position: fixed;
z-index: 99;
right: 8px;
bottom: 15px;
width: 44px;
height: 44px;
box-sizing: border-box;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
border-radius: 50%;
border: 1px solid #e1e8f0;
background-color: #fff;
box-shadow: 0 0 0 1px rgba(227,229,233,.25);
}
.qc-back2top:hover
{
border-color: #ccd1d9;
}
.qc-back2top:before
{
content: "";
position: absolute;
left: 50%;
margin-left: -7px;
top: 50%;
margin-top: -4px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 8px;
border-color: transparent transparent #666;
}
.qc-back2top:after
{
content: "";
position: absolute;
left: 50%;
margin-left: -7px;
top: 50%;
margin-top: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 8px;
border-color: transparent transparent #fff;
}
.qc-scrollbar-bubble-form
{
padding: 10px;
}
.qc-scrollbar-bubble-form-tit
{
font-size: 16px;
color: #000;
font-weight: 700;
}
.qc-scrollbar-bubble-form-txt
{
color: #999;
margin-top: 5px;
}
.qc-scrollbar-bubble-form-input
{
font-size: 0;
margin-top: 15px;
}
.qc-scrollbar-bubble-form-input .c-input-text
{
width: 270px;
vertical-align: top;
}
.qc-scrollbar-bubble-form-input .c-btn
{
width: 90px;
min-width: 0;
vertical-align: top;
margin-left: 20px;
}
.qc-scrollbar-bubble-form-close
{
line-height: 100;
display: inline-block;
overflow: hidden;
vertical-align: middle;
position: absolute;
width: 11px;
height: 12px;
top: 20px;
right: 20px;
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-delete.png);
background-repeat: no-repeat;
background-color: #fff;
cursor: pointer;
}
.qc-scrollbar-questionnaire .qc-scrollbar-button
{
padding-top: 12px;
padding-bottom: 12px;
background-color: #fff;
}
.qc-scrollbar-icon-questionnaire
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 84.75% 72.00999999999999%;
background-size: 1666.6666666666667% 1588.888888888889%;;
background-repeat: no-repeat;
}
.c-top-searchbar
{
background-color: #2a303c;
position: absolute;
top: 0;
left: 220px;
width: calc(100% - 220px);
padding: 15px 0;
z-index: -1;
opacity: 0;
transition: all .4s;
}
.c-top-searchbar.searchbar-show
{
z-index: 1000;
opacity: 1;
transition: all .4s cubic-bezier(.67,0,.33,1);
}
.c-top-searchbar-inner
{
position: relative;
max-width: 1200px;
min-width: 320px;
margin: 0 auto;
}
.c-top-searchbar-box
{
margin: 0 auto;
font-size: 0;
text-align: center;
max-width: 620px;
position: relative;
white-space: normal;
left: -110px;
}
.c-top-searchbar-box .search-btn, .c-top-searchbar-box .search-btn-close, .c-top-searchbar-box .search-ipt
{
height: 35px;
border: 0;
background-color: inherit;
vertical-align: middle;
box-sizing: border-box!important;
color: #fff;
font-size: 14px;
opacity: 0;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn, .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn-close, .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-ipt
{
opacity: 1;
}
.c-top-searchbar-box .search-ipt
{
position: absolute;
width: calc(100% - 50px);
left: 225px;
right: 25px;
padding: 5px;
-webkit-appearance: none;
transition: all .4s cubic-bezier(.11393,.8644,.14684,1);
background-color: #2a303c;
line-height: 14px;
}
.c-top-searchbar.searchbar-show .search-ipt
{
left: 25px;
transition: all .4s cubic-bezier(.11393,.8644,.14684,1);
}
.c-top-searchbar-box .search-ipt::-webkit-search-cancel-button, .c-top-searchbar-box .search-ipt::-webkit-search-decoration
{
display: none;
}
.c-top-searchbar-box .search-btn, .c-top-searchbar-box .search-btn-close
{
width: 25px;
display: inline-block;
box-sizing: border-box;
padding-top: 8px;
text-align: left;
position: absolute;
top: 0;
}
.c-top-searchbar-box .search-btn
{
left: 0;
}
.c-top-searchbar-box .search-btn-close
{
text-align: right;
right: 0;
}
.c-top-searchbar-box .search-btn-close .nav-search-close-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
width: 16px;
height: 16px;
overflow: hidden;
text-indent: 10000px;
outline: 0;
background-position: 44.72% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-top-searchbar-box .search-btn-close:hover .nav-search-close-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 76.41% 87.78%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-top-searchbar-box .nav-dropdown-mini
{
width: 100%;
text-align: left;
margin-left: 0;
position: absolute;
top: 50px;
background-color: #f7f8fa;
opacity: 0;
max-height: 0;
overflow: hidden;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .nav-dropdown-mini
{
opacity: 1;
transition: all .2s ease;
max-height: 1000px;
}
.c-top-searchbar .c-searchbar-ctrl
{
overflow: hidden;
height: 35px;
text-align: right;
position: relative;
}
.c-top-searchbar .nav-dropdown-mini
{
margin-left: 0;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-list
{
padding-top: 20px;
padding-bottom: 20px;
cursor: default;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-item
{
line-height: 14px;
transform: translateX(100px);
opacity: 0;
}
.c-top-searchbar.searchbar-show .dropdown-mini-inner .dropdown-mini-item
{
transform: none;
opacity: 1;
transition: all .4s ease;
}
.c-top-searchbar .dropdown-mini-list-tit
{
font-weight: 400;
color: #8c8e99;
font-size: 12px;
padding-left: 30px;
transform: translateX(100px);
opacity: 0;
line-height: 30px;
}
.c-top-searchbar.searchbar-show .dropdown-mini-list-tit
{
transform: none;
opacity: 1;
transition: all .4s ease;
}
.c-top-searchbar.searchbar-show .dropdown-mini-inner .dropdown-mini-item:nth-child(1)
{
transition-delay: 20ms;
}
.c-top-searchbar.searchbar-show .dropdown-mini-inner .dropdown-mini-item:nth-child(2)
{
transition-delay: 40ms;
}
.c-top-searchbar.searchbar-show .dropdown-mini-inner .dropdown-mini-item:nth-child(3)
{
transition-delay: 60ms;
}
.c-top-searchbar.searchbar-show .dropdown-mini-inner .dropdown-mini-item:nth-child(4)
{
transition-delay: 80ms;
}
.c-top-searchbar.searchbar-show .dropdown-mini-inner .dropdown-mini-item:nth-child(5)
{
transition-delay: .1s;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-item a
{
padding: 0 30px;
line-height: 30px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-item a:hover, .c-top-searchbar .dropdown-mini-inner .dropdown-mini-item.curr a
{
background-color: #f1f2f4;
}
.change-lang-hd
{
font-size: 16px;
color: #000;
line-height: 22px;
font-weight: 600;
position: relative;
}
.change-lang-bd p
{
font-size: 14px;
color: #333;
line-height: 20px;
margin-top: 15px;
}
.change-lang-bd .ch-part
{
margin-top: 40px;
}
.change-lang-bd .en-part
{
margin-top: 30px;
}
.change-lang-toast .change-lang-ft
{
margin-top: 40px;
text-align: center;
}
.change-lang-toast .change-lang-ft .c-btn
{
min-width: 220px;
}
.change-lang-toast
{
padding: 40px 30px;
width: 800px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
position: fixed;
overflow: hidden;
}
.change-lang-toast .change-lang-toast-close
{
line-height: 100;
display: inline-block;
overflow: hidden;
vertical-align: middle;
position: absolute;
width: 11px;
height: 12px;
top: 45px;
right: 30px;
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-delete.png);
background-repeat: no-repeat;
background-color: #fff;
cursor: pointer;
z-index: 1;
}
.change-lang-toast .change-lang-toast-close:focus, .change-lang-toast .change-lang-toast-close:hover
{
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-delete-h.png);
}
.change-lang-toast::after
{
content: '';
width: 320px;
height: 298px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/img/change-lang-toast.svg);
position: absolute;
right: -32px;
bottom: -48px;
z-index: -1;
}
.change-lang-toast p>a
{
color: #00a4ff;
}
.tc-15-rich-dialog
{
width: 550px;
background: #fff;
}
.tc-15-rich-dialog-hd
{
padding: 0 20px;
font-size: 16px;
line-height: 50px;
color: #171d25;
position: relative;
border: 1px solid #dadde0;
border-width: 1px 1px 0;
}
.tc-15-rich-dialog-bd:after, .tc-15-rich-dialog-ft:after, .tc-15-rich-dialog-hd:after
{
content: "";
display: table;
clear: both;
}
.tc-15-rich-dialog-hd strong
{
font-weight: 700;
float: left;
}
.tc-15-rich-dialog-bd
{
max-height: 500px;
padding: 20px;
border: 1px solid #dadde0;
min-height: 50px;
text-align: center;
}
.tc-15-rich-dialog-ft
{
padding: 15px 20px;
height: 35px;
background: #f0f4f7;
border: 1px solid #dadde0;
border-top: 0;
position: relative;
}
.tc-15-rich-dialog-ft-btn-wrap
{
text-align: center;
position: relative;
z-index: 0;
}
.tc-15-rich-dialog-ft-btn-wrap>.tc-15-btn
{
margin: 0 5px;
}
.tc-15-rich-dialog.l
{
width: 600px;
}
.tc-15-rich-dialog-alert-icon
{
display: inline-block;
padding: 0 15px 0 0;
-webkit-user-select: none;
vertical-align: middle;
}
.tc-15-rich-dialog-alert-icon>span.icon-tick
{
vertical-align: baseline;
}
.tc-15-rich-dialog-hd .tc-15-btn-close
{
line-height: 100;
display: inline-block;
overflow: hidden;
vertical-align: middle;
position: absolute;
width: 11px;
height: 12px;
top: 20px;
right: 20px;
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-delete.png);
background-repeat: no-repeat;
background-color: #fff;
}
.tc-15-rich-dialog-hd .tc-15-btn-close:focus, .tc-15-rich-dialog-hd .tc-15-btn-close:hover
{
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-delete-h.png);
}
.tc-15-rich-dialog.alert .tc-15-msg
{
border: 0;
background: 0 0;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 26px;
color: #171d25;
vertical-align: middle;
display: inline-block;
text-align: left;
}
.tc-15-rich-dialog.alert .tc-15-msg strong
{
font-size: 18px;
line-height: 40px;
color: #171d25;
}
.tc-15-rich-dialog.alert .icon-area
{
text-align: center;
}
.tc-15-rich-dialog.alert .icon-area .icon-call
{
display: inline-block;
width: 122px;
height: 130px;
background-image: url(/template/plugins/keywords/css/img/home/slice/icon-call.png);
margin-bottom: 25px;
}
.tc-15-rich-dialog.alert .call-num
{
font-size: 36px;
color: #00a4ff;
margin-bottom: 10px;
font-family: STHeiti,arial;
}
.tc-15-rich-dialog.alert .tc-15-msg a
{
color: #00a4ff;
}
.tc-15-rich-dialog.alert .tc-15-msg a:hover
{
text-decoration: underline;
}
.tc-15-btn
{
height: 33px;
min-width: 24px;
padding: 0 20px;
border: 1px solid #0064b6;
border-radius: 3px;
background: #00a4ff;
color: #fff;
font-size: 14px;
line-height: 33px;
text-align: center;
}
.tc-15-btn:focus, .tc-15-btn:hover
{
border-color: #005da8;
background: #006ba2;
}
.tc-15-btn.weak
{
background: #fcfcfc;
border-color: #d1d2d3;
color: #00a4ff;
}
.tc-15-btn.s
{
height: 26px;
min-width: 21px;
padding: 0 15px;
font-size: 12px;
line-height: 24px;
}
.tc-15-btn.disabled
{
border-color: #d5d5d5;
background: #e8e8e8;
color: #a2a2a2;
cursor: default;
}
.feedback-dialog .tc-15-rich-dialog-bd
{
max-height: 550px;
overflow-y: auto;
text-align: left;
}
.feedback-dialog .tc-15-checkbox-wrap+.tc-15-dropdown
{
margin-left: 5px;
}
.feedback-dialog .tc-15-dropdown+.tc-15-checkbox-wrap
{
margin-left: 20px;
}
.feedback-richtext-box
{
text-align: left;
}
.feedback-richtext-box .tc-15-input-textarea
{
box-sizing: border-box;
width: 400px;
height: 100px;
font-size: 12px;
}
.feedback-richtext-box div.tc-15-input-textarea
{
word-break: break-all;
word-wrap: break-word;
overflow-y: auto;
}
.feedback-richtext-bar
{
font-size: 0;
border: 1px solid #d1d2d3;
border-radius: 2px 2px 0 0;
width: 400px;
box-sizing: border-box;
}
.feedback-richtext-bar li
{
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
cursor: pointer;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
.feedback-richtext-bar li:after
{
content: '';
display: block;
width: 1px;
height: 16px;
border-left: 1px solid #d1d2d3;
position: absolute;
left: 0;
top: 12px;
}
.feedback-richtext-bar li:first-child:after
{
display: none;
}
.feedback-richtext-bar li label
{
width: 100%;
height: 100%;
display: block;
cursor: pointer;
}
.feedback-richtext-bar li:hover
{
background-color: #f0f4f7;
}
.feedback-richtext-bar li i
{
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
cursor: pointer;
}
.feedback-richtext-bar li .files
{
background-image: url(/template/plugins/keywords/css/img/home/slice/files.png);
}
.feedback-richtext-bar li .imgs
{
background-image: url(/template/plugins/keywords/css/img/home/slice/imgs.png);
}
.feedback-richtext-bar .file-module
{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.feedback-richtext-box .form-unit
{
font-size: 0;
position: relative;
}
.feedback-richtext-box .tc-15-input-textarea
{
margin-top: -1px;
float: none;
font-size: 14px;
}
.feedback-richtext-box .tc-15-input-textarea:focus, .feedback-richtext-box .tc-15-input-textarea:hover
{
border-color: #00a4ff;
outline: 0;
}
.feedback-richtext-box .is-error .tc-15-input-textarea
{
color: #e1504a;
border-color: #e1504a;
}
.feedback-richtext-box .is-error .form-input-help
{
color: #e1504a;
}
.feedback-richtext-box .tc-15-input-textarea img
{
max-width: 100%;
}
.feedback-richtext-box .form-input-help
{
font-size: 12px;
line-height: 1.8;
color: #ababab;
vertical-align: middle;
}
.feedback-richtext-filelist
{
width: 400px;
}
.feedback-richtext-filelist ul
{
padding: 10px 0;
}
.feedback-richtext-filelist li
{
background: #f0f4f7;
padding: 5px 0;
margin-top: 1px;
}
.feedback-richtext-filelist a, .feedback-richtext-filelist span
{
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.feedback-richtext-filelist .file-type
{
margin-right: 5px;
}
.feedback-richtext-filelist .file-txt
{
color: #666;
max-width: 50%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.feedback-richtext-filelist .file-status
{
color: #999;
}
.feekback-vcode-input
{
width: 110px;
vertical-align: middle;
}
.tc-15-dropdown
{
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 14px;
line-height: 1;
}
.tc-15-dropdown-btn-style
{
font-size: 12px;
background-color: #fff;
}
.tc-15-dropdown-btn-style.tc-15-menu-active
{
z-index: 8;
}
.tc-15-dropdown .tc-15-dropdown-link, .tc-15-dropdown .tc-15-dropdown-menu li a
{
text-decoration: none;
height: 35px;
line-height: 35px;
}
.tc-15-dropdown .tc-15-dropdown-menu li a:hover
{
background-color: #f2f2f2;
}
.tc-15-dropdown .tc-15-dropdown-link
{
display: inline-block;
border-width: 1px 1px 0;
border-style: solid;
border-color: transparent;
position: relative;
z-index: 2;
padding: 0 21px 0 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
margin: 0;
}
.tc-15-dropdown .tc-15-dropdown-link:hover
{
text-decoration: none;
}
.tc-15-dropdown-allow-hover:hover .tc-15-dropdown-link, .tc-15-menu-active .tc-15-dropdown-link
{
border-color: #d1d2d3;
background-color: #fff;
}
.tc-15-dropdown-btn-style .tc-15-dropdown-link
{
height: 25px;
line-height: 25px;
color: #171d25;
border: 1px solid #d1d2d3;
border-radius: 2px;
padding: 0 49px 0 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 9em;
}
.tc-15-dropdown-btn-style .tc-15-dropdown-link:hover
{
color: #171d25;
background-color: #f2f2f2;
border-color: #c5c6c7;
}
.tc-15-dropdown-link .caret
{
position: absolute;
top: 5px;
right: 8px;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/img/home/slice/caret.png);
}
.tc-15-dropdown+.tc-15-input-text
{
vertical-align: middle;
margin-left: 10px;
width: 196px;
}
.dropdown-list-wrap>.tc-15-dropdown-menu, .tc-15-dropdown-menu-box>.tc-15-dropdown-menu, .tc-15-dropdown>.tc-15-dropdown-menu, [style=tc-15-dropdown-menu-box]>.tc-15-dropdown-menu
{
position: absolute;
top: 100%;
right: 0;
z-index: 1;
margin-top: -1px;
border: 1px solid #d1d2d3;
background-color: #fff;
min-width: 100%;
box-sizing: border-box;
display: none;
}
.tc-15-menu-active .tc-15-dropdown-menu
{
display: block;
}
.tc-15-dropdown-btn-style .tc-15-dropdown-menu
{
margin-top: 5px;
left: 0;
right: auto;
border-radius: 2px;
max-width: 100%;
}
.tc-15-dropdown .tc-15-dropdown-menu li
{
padding: 0;
}
.tc-15-dropdown .tc-15-dropdown-menu li a
{
display: block;
text-align: right;
padding: 0 21px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
color: #454a51;
}
.tc-15-dropdown-btn-style .tc-15-dropdown-menu li a
{
height: 27px;
line-height: 27px;
color: #171d25;
padding: 0 10px;
text-align: left;
margin: 0;
}
.form-ctrl-label-stacked
{
display: block;
margin-bottom: 10px;
}
.form-ctrl-label
{
margin-right: 15px;
}
.form-ctrl-label, .form-ctrl-label-stacked, .tc-15-checkbox-wrap
{
font-size: 14px;
cursor: pointer;
vertical-align: middle;
line-height: 1;
}
.tc-15-checkbox+.form-ctrl-label, .tc-15-checkbox+label
{
margin-left: 5px;
color: #404a58;
}
.form-ctrl-label .tc-15-checkbox, .form-ctrl-label-stacked .tc-15-checkbox, .tc-15-checkbox-wrap .tc-15-checkbox
{
vertical-align: -3px;
margin-right: 5px;
}
.tc-15-checkbox-wrap+.tc-15-checkbox-wrap
{
margin-left: 20px;
}
.feedback-dialog .feekback-vcode-input
{
width: 110px;
vertical-align: middle;
}
.feedback-vcode-image
{
cursor: pointer;
height: 27px;
vertical-align: middle;
margin-left: 10px;
}
.feedback-vcode-tip-word
{
margin-left: 10px;
}
.feedback-vcode-change
{
margin-left: 5px;
text-decoration: none;
}
.feedback-dialog-msg
{
font-size: 12px;
font-size: 12px;
line-height: 22px;
line-height: 22px;
padding: 5px 10px;
vertical-align: middle;
border: 1px solid #7ab1de;
border-radius: 2px;
background: #d2e7f7;
position: relative;
color: #264663;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
.feedback-dialog-msg a
{
color: #00a4ff;
}
.feedback-dialog-msg a:hover
{
text-decoration: underline;
}
.feedback-question-type .tc-15-list-tit
{
height: 27px;
padding-top: 4px;
}
.feedback-question-type .tc-15-checkbox-wrap
{
height: 27px;
box-sizing: border-box;
padding-top: 5px;
display: inline-block;
}
.c-feedback-dialog-new .f-contact-select
{
width: calc(50% - 11.5px);
height: 44px;
box-sizing: border-box;
border: 1px solid #e5e5e5;
cursor: pointer;
padding-left: 12px;
text-align: left;
position: relative;
display: inline-block;
color: #999;
vertical-align: top;
}
.c-feedback-dialog-new .f-contact-select+.f-contact-select
{
margin-left: 10px;
}
.c-feedback-dialog-new .f-contact-select-inner
{
line-height: 42px;
font-size: 14px;
}
.c-feedback-dialog-new .f-contact-select-icon
{
width: 12px;
height: 7px;
position: absolute;
right: 12px;
top: 18px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
background-position: 39.24% 97.85000000000001%;
background-size: 2500% 4085.7142857142853%;;
background-repeat: no-repeat;
}
.c-feedback-dialog-new .f-contact-select.actived .f-contact-select-icon
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-feedback-dialog-new .feedback-vcode-image
{
height: 42px;
}
.c-feedback-dialog-new .c-f-list .f-list-item
{
margin-left: 0;
margin-right: 0;
padding: 10px 0;
}
.c-feedback-dialog-new .c-f-list-con
{
padding-left: 85px;
font-size: 0;
}
.c-feedback-dialog-new .c-f-list-tit
{
width: 75px;
padding-left: 10px;
top: 16px;
}
.c-feedback-dialog-new .f-contact-select.desabled
{
background-color: #f7f8fa;
cursor: default;
}
.c-feedback-dialog-new .f-contact-select.desabled:hover
{
color: #999;
}
.c-feedback-dialog-new .f-contact-select:hover
{
color: #666;
}
.c-feedback-dialog-new .c-textarea
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 94px;
}
.c-feedback-dialog-new .c-textarea:hover
{
border-color: #00a4ff;
}
.c-feedback-dialog-new .c-input-text
{
width: 450px;
height: 44px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-feedback-dialog-new .file-item .fake-btn
{
height: 44px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
text-align: center;
border: 1px solid #e5e5e5;
width: 134px;
line-height: 42px;
}
.c-feedback-dialog-new .file-item .c-f-list-con .c-input-file:hover+.fake-btn
{
color: #00a4ff;
}
.c-feedback-dialog-new .file-item .c-input-file
{
opacity: 0;
position: absolute;
top: 0;
left: 85px;
width: 139px;
height: 36px;
cursor: pointer;
}
.c-feedback-dialog-new .file-item-inner
{
margin: 10px 0;
background-color: #f8f8f8;
font-size: 14px;
color: #999;
line-height: 35px;
height: 35px;
padding: 0 10px;
}
.c-feedback-dialog-new .file-item-inner>span
{
display: inline-block;
vertical-align: middle;
line-height: 35px;
}
.c-feedback-dialog-new .file-item-inner .c-file-name
{
width: calc(100% - 130px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.c-feedback-dialog-new .file-item-inner .c-file-status
{
width: 60px;
color: #333;
}
.c-feedback-dialog-new .file-item-inner>a
{
float: right;
color: #00a4ff;
cursor: pointer;
}
.c-feedback-dialog-new .file-item .c-input-file:disabled
{
cursor: not-allowed;
}
.c-feedback-dialog-new .tel-item .tc-15-dropdown-btn-style .tc-15-dropdown-link
{
padding-right: 25px;
}
.c-feedback-dialog-new .tel-item .tc-15-dropdown-link
{
width: 100px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: none;
border: 1px solid #d1d2d3;
height: 44px;
line-height: 42px;
border-right: none;
}
.c-feedback-dialog-new .tel-item .c-input-text
{
width: calc(100% - 113px);
height: 44px;
border: 1px solid #d1d2d3;
border-left: none;
}
.c-feedback-dialog-new .tel-item .tc-15-dropdown-link .caret
{
top: 16px;
}
.c-feedback-dialog-new .f-list-item.tel-item
{
position: relative;
z-index: 20;
}
.c-feedback-dialog-new .f-list-item.tel-item.focus .c-input-text, .c-feedback-dialog-new .f-list-item.tel-item.focus .tc-15-dropdown-link, .c-feedback-dialog-new .f-list-item.tel-item:hover .c-input-text, .c-feedback-dialog-new .f-list-item.tel-item:hover .tc-15-dropdown-link
{
border-color: #00a4ff;
}
.c-feedback-dialog-new .tel-item .tc-15-dropdown-link.actived .caret
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.c-feedback-dialog-new .tc-15-dropdown-btn-style .tc-15-dropdown-menu
{
z-index: 20;
position: absolute;
width: 450px;
max-width: 450px;
}
.c-feedback-dialog-new .vcode-item .c-input-text
{
width: calc(100% - 128px);
}
.c-feedback-dialog-new .c-input-text::placeholder, .c-feedback-dialog-new .c-textarea::placeholder
{
color: #999;
}
.c-feedback-dialog-new .tc-15-rich-dialog-ft
{
background-color: #fff;
padding: 30px 20px;
text-align: center;
}
.c-feedback-dialog-new .tc-15-btn
{
width: 160px;
height: 36px;
line-height: 34px;
border: 1px solid #00a4ff;
background: #00a4ff;
color: #fff;
}
.c-feedback-dialog-new .tc-15-btn:focus, .c-feedback-dialog-new .tc-15-btn:hover
{
border-color: #005da8;
background: #006ba2;
border: 1px solid #006ba2;
}
.c-feedback-dialog-new .c-f-list
{
padding: 0;
}
.c-feedback-dialog-new .tc-15-rich-dialog-bd
{
padding: 20px 30px 20px 20px;
max-height: 800px;
overflow: auto;
text-align: left;
}
.c-feedback-dialog-new .tel-item .tc-15-dropdown-btn-style .tc-15-dropdown-link
{
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.c-feedback-dialog-new .tel-item .c-input-text
{
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.c-feedback-dialog-new .r-select-dropdown
{
text-align: left;
position: absolute;
background-color: #fff;
border: 1px solid #e5e5e5;
margin: -1px 0 0;
z-index: 10;
width: 424px;
left: 85px;
}
.c-feedback-dialog-new .r-select-dropdown.step-2
{
left: 109px;
}
.c-feedback-dialog-new .r-select-dropdown.step-1
{
min-width: 240px;
box-sizing: border-box;
}
.c-feedback-dialog-new .m-select-dropdown-btn, .m-select-dropdown-tit
{
display: none;
}
.c-feedback-dialog-new .r-select-dropdown-list .r-select-dropdown-item
{
display: inline-block;
vertical-align: top;
width: 33.333%;
padding: 12px 20px 0 12px;
box-sizing: border-box;
font-size: 12px;
line-height: 17px;
text-align: left;
}
.c-feedback-dialog-new .tc-15-dropdown-btn-style .tc-15-dropdown-link:hover
{
background-color: #fff;
}
.c-feedback-dialog-new .r-select-dropdown-item a
{
display: block;
color: #333;
line-height: 17px;
}
.c-feedback-dialog-new .r-select-dropdown-item a:hover
{
color: #00a4ff;
}
.c-feedback-dialog-new .r-select-dropdown-list
{
font-size: 0;
padding-bottom: 12px;
}
.c-feedback-dialog-new .r-select-dropdown.step-1:after, .r-select-dropdown.step-2:after
{
content: '';
position: absolute;
width: 219px;
height: 1px;
background-color: #fff;
top: -1px;
left: 0;
z-index: 2;
}
.c-feedback-dialog-new .r-select-dropdown.step-2:after
{
left: 205px;
}
.c-feedback-dialog-new .c-f-btn
{
display: inline-block;
height: 44px;
line-height: 42px;
width: calc(50% - 6.5px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
text-align: center;
border: 1px solid #e5e5e5;
border-right: none;
color: #000;
}
.c-feedback-dialog-new .c-f-btn:hover
{
color: #00a4ff;
}
.c-feedback-dialog-new .c-f-btn+.c-f-btn
{
border-right: solid 1px #e5e5e5;
}
.c-feedback-dialog-new .c-f-btn.active
{
background: #eff9ff;
border: 1px solid #00a4ff;
color: #00a4ff;
}
.c-feedback-dialog-new .c-f-btn.active+.c-f-btn
{
border-left: none;
}
.c-feedback-dialog-new .tc-15-rich-dialog-hd
{
line-height: 60px;
padding: 0 30px;
}
.c-contact-dialog.r-dialog
{
background-color: #fff;
padding: 50px 30px;
position: absolute;
z-index: 1002;
width: 435px;
}
.c-contact-dialog .r-dialog-close
{
position: absolute;
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
top: 30px;
right: 30px;
text-indent: -10000px;
outline: 0;
overflow: hidden;
background-position: 93.31% 13.700000000000001%;
background-size: 1875% 1787.5%;;
background-repeat: no-repeat;
}
.c-contact-dialog .r-dialog-icon
{
display: inline-block;
vertical-align: top;
padding-right: 20px;
}
.c-contact-dialog .r-icon-dialog-error, .c-contact-dialog .r-icon-dialog-success
{
width: 32px;
height: 32px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
display: inline-block;
vertical-align: middle;
background-position: 76.49000000000001% .38999999999999996%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-contact-dialog .r-icon-dialog-error
{
width: 32px;
height: 32px;
background-image: url(/template/plugins/keywords/css/sprite/global-201911291451.svg);;
display: inline-block;
vertical-align: middle;
background-position: 38.43% 60.24%;
background-size: 937.5% 893.75%;;
background-repeat: no-repeat;
}
.c-contact-dialog .r-dialog-con
{
display: inline-block;
vertical-align: top;
}
.c-contact-dialog .r-dialog-tit
{
font-size: 18px;
line-height: 18px;
color: #000;
padding-top: 6px;
}
.c-contact-dialog .r-dialog-txt
{
font-size: 14px;
line-height: 24px;
color: #999;
margin-top: 15px;
max-width: 320px;
min-width: 240px;
}
.c-contact-dialog .r-dialog-ft
{
padding-top: 30px;
text-align: center;
}
.c-contact-dialog .r-dialog-ft .c-btn
{
height: 35px;
line-height: 35px;
width: auto;
vertical-align: top;
margin: 0 5px;
}
.c-contact-dialog .r-dialog-txt a
{
color: #00a4ff;
margin-left: 5px;
}
.c-feedback-dialog-new .flag
{
display: inline-block;
width: 16px;
height: 11px;
line-height: 11px;
vertical-align: baseline;
margin: 0 6px 0 0;
text-decoration: inherit;
speak: none;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 1px solid #d1d1d1;
}
.c-feedback-dialog-new .flag:not(.icon):before
{
display: inline-block;
content: '';
background: url(/template/plugins/keywords/css/img/contact/flags.png) -108px -1976px no-repeat;
width: 16px;
height: 11px;
}
.c-feedback-dialog-new .flag.ad:before, .c-feedback-dialog-new .flag.andorra:before
{
background-position: 0 0;
}
.c-feedback-dialog-new .flag.ae:before, .c-feedback-dialog-new .flag.uae:before, .c-feedback-dialog-new .flag.united.arab.emirates:before
{
background-position: 0 -26px;
}
.c-feedback-dialog-new .flag.af:before, .c-feedback-dialog-new .flag.afghanistan:before
{
background-position: 0 -52px;
}
.c-feedback-dialog-new .flag.ag:before, .c-feedback-dialog-new .flag.antigua:before
{
background-position: 0 -78px;
}
.c-feedback-dialog-new .flag.ai:before, .c-feedback-dialog-new .flag.anguilla:before
{
background-position: 0 -104px;
}
.c-feedback-dialog-new .flag.al:before, .c-feedback-dialog-new .flag.albania:before
{
background-position: 0 -130px;
}
.c-feedback-dialog-new .flag.am:before, .c-feedback-dialog-new .flag.armenia:before
{
background-position: 0 -156px;
}
.c-feedback-dialog-new .flag.an:before, .c-feedback-dialog-new .flag.netherlands.antilles:before
{
background-position: 0 -182px;
}
.c-feedback-dialog-new .flag.angola:before, .c-feedback-dialog-new .flag.ao:before
{
background-position: 0 -208px;
}
.c-feedback-dialog-new .flag.ar:before, .c-feedback-dialog-new .flag.argentina:before
{
background-position: 0 -234px;
}
.c-feedback-dialog-new .flag.american.samoa:before, .c-feedback-dialog-new .flag.as:before
{
background-position: 0 -260px;
}
.c-feedback-dialog-new .flag.at:before, .c-feedback-dialog-new .flag.austria:before
{
background-position: 0 -286px;
}
.c-feedback-dialog-new .flag.au:before, .c-feedback-dialog-new .flag.australia:before
{
background-position: 0 -312px;
}
.c-feedback-dialog-new .flag.aruba:before, .c-feedback-dialog-new .flag.aw:before
{
background-position: 0 -338px;
}
.c-feedback-dialog-new .flag.aland.islands:before, .c-feedback-dialog-new .flag.ax:before
{
background-position: 0 -364px;
}
.c-feedback-dialog-new .flag.az:before, .c-feedback-dialog-new .flag.azerbaijan:before
{
background-position: 0 -390px;
}
.c-feedback-dialog-new .flag.ba:before, .c-feedback-dialog-new .flag.bosnia:before
{
background-position: 0 -416px;
}
.c-feedback-dialog-new .flag.barbados:before, .c-feedback-dialog-new .flag.bb:before
{
background-position: 0 -442px;
}
.c-feedback-dialog-new .flag.bangladesh:before, .c-feedback-dialog-new .flag.bd:before
{
background-position: 0 -468px;
}
.c-feedback-dialog-new .flag.be:before, .c-feedback-dialog-new .flag.belgium:before
{
background-position: 0 -494px;
}
.c-feedback-dialog-new .flag.bf:before, .c-feedback-dialog-new .flag.burkina.faso:before
{
background-position: 0 -520px;
}
.c-feedback-dialog-new .flag.bg:before, .c-feedback-dialog-new .flag.bulgaria:before
{
background-position: 0 -546px;
}
.c-feedback-dialog-new .flag.bahrain:before, .c-feedback-dialog-new .flag.bh:before
{
background-position: 0 -572px;
}
.c-feedback-dialog-new .flag.bi:before, .c-feedback-dialog-new .flag.burundi:before
{
background-position: 0 -598px;
}
.c-feedback-dialog-new .flag.benin:before, .c-feedback-dialog-new .flag.bj:before
{
background-position: 0 -624px;
}
.c-feedback-dialog-new .flag.bermuda:before, .c-feedback-dialog-new .flag.bm:before
{
background-position: 0 -650px;
}
.c-feedback-dialog-new .flag.bn:before, .c-feedback-dialog-new .flag.brunei:before
{
background-position: 0 -676px;
}
.c-feedback-dialog-new .flag.bo:before, .c-feedback-dialog-new .flag.bolivia:before
{
background-position: 0 -702px;
}
.c-feedback-dialog-new .flag.br:before, .c-feedback-dialog-new .flag.brazil:before
{
background-position: 0 -728px;
}
.c-feedback-dialog-new .flag.bahamas:before, .c-feedback-dialog-new .flag.bs:before
{
background-position: 0 -754px;
}
.c-feedback-dialog-new .flag.bhutan:before, .c-feedback-dialog-new .flag.bt:before
{
background-position: 0 -780px;
}
.c-feedback-dialog-new .flag.bouvet.island:before, .c-feedback-dialog-new .flag.bv:before
{
background-position: 0 -806px;
}
.c-feedback-dialog-new .flag.botswana:before, .c-feedback-dialog-new .flag.bw:before
{
background-position: 0 -832px;
}
.c-feedback-dialog-new .flag.belarus:before, .c-feedback-dialog-new .flag.by:before
{
background-position: 0 -858px;
}
.c-feedback-dialog-new .flag.belize:before, .c-feedback-dialog-new .flag.bz:before
{
background-position: 0 -884px;
}
.c-feedback-dialog-new .flag.ca:before, .c-feedback-dialog-new .flag.canada:before
{
background-position: 0 -910px;
}
.c-feedback-dialog-new .flag.cc:before, .c-feedback-dialog-new .flag.cocos.islands:before
{
background-position: 0 -962px;
}
.c-feedback-dialog-new .flag.cd:before, .c-feedback-dialog-new .flag.congo:before
{
background-position: 0 -988px;
}
.c-feedback-dialog-new .flag.central.african.republic:before, .c-feedback-dialog-new .flag.cf:before
{
background-position: 0 -1014px;
}
.c-feedback-dialog-new .flag.cg:before, .c-feedback-dialog-new .flag.congo.brazzaville:before
{
background-position: 0 -1040px;
}
.c-feedback-dialog-new .flag.ch:before, .c-feedback-dialog-new .flag.switzerland:before
{
background-position: 0 -1066px;
}
.c-feedback-dialog-new .flag.ci:before, .c-feedback-dialog-new .flag.cote.divoire:before
{
background-position: 0 -1092px;
}
.c-feedback-dialog-new .flag.ck:before, .c-feedback-dialog-new .flag.cook.islands:before
{
background-position: 0 -1118px;
}
.c-feedback-dialog-new .flag.chile:before, .c-feedback-dialog-new .flag.cl:before
{
background-position: 0 -1144px;
}
.c-feedback-dialog-new .flag.cameroon:before, .c-feedback-dialog-new .flag.cm:before
{
background-position: 0 -1170px;
}
.c-feedback-dialog-new .flag.china:before, .c-feedback-dialog-new .flag.cn:before
{
background-position: 0 -1196px;
}
.c-feedback-dialog-new .flag.co:before, .c-feedback-dialog-new .flag.colombia:before
{
background-position: 0 -1222px;
}
.c-feedback-dialog-new .flag.costa.rica:before, .c-feedback-dialog-new .flag.cr:before
{
background-position: 0 -1248px;
}
.c-feedback-dialog-new .flag.cs:before, .c-feedback-dialog-new .flag.serbia:before
{
background-position: 0 -1274px;
}
.c-feedback-dialog-new .flag.cu:before, .c-feedback-dialog-new .flag.cuba:before
{
background-position: 0 -1300px;
}
.c-feedback-dialog-new .flag.cape.verde:before, .c-feedback-dialog-new .flag.cv:before
{
background-position: 0 -1326px;
}
.c-feedback-dialog-new .flag.christmas.island:before, .c-feedback-dialog-new .flag.cx:before
{
background-position: 0 -1352px;
}
.c-feedback-dialog-new .flag.cy:before, .c-feedback-dialog-new .flag.cyprus:before
{
background-position: 0 -1378px;
}
.c-feedback-dialog-new .flag.cz:before, .c-feedback-dialog-new .flag.czech.republic:before
{
background-position: 0 -1404px;
}
.c-feedback-dialog-new .flag.de:before, .c-feedback-dialog-new .flag.germany:before
{
background-position: 0 -1430px;
}
.c-feedback-dialog-new .flag.dj:before, .c-feedback-dialog-new .flag.djibouti:before
{
background-position: 0 -1456px;
}
.c-feedback-dialog-new .flag.denmark:before, .c-feedback-dialog-new .flag.dk:before
{
background-position: 0 -1482px;
}
.c-feedback-dialog-new .flag.dm:before, .c-feedback-dialog-new .flag.dominica:before
{
background-position: 0 -1508px;
}
.c-feedback-dialog-new .flag.do:before, .c-feedback-dialog-new .flag.dominican.republic:before
{
background-position: 0 -1534px;
}
.c-feedback-dialog-new .flag.algeria:before, .c-feedback-dialog-new .flag.dz:before
{
background-position: 0 -1560px;
}
.c-feedback-dialog-new .flag.ec:before, .c-feedback-dialog-new .flag.ecuador:before
{
background-position: 0 -1586px;
}
.c-feedback-dialog-new .flag.ee:before, .c-feedback-dialog-new .flag.estonia:before
{
background-position: 0 -1612px;
}
.c-feedback-dialog-new .flag.eg:before, .c-feedback-dialog-new .flag.egypt:before
{
background-position: 0 -1638px;
}
.c-feedback-dialog-new .flag.eh:before, .c-feedback-dialog-new .flag.western.sahara:before
{
background-position: 0 -1664px;
}
.c-feedback-dialog-new .flag.er:before, .c-feedback-dialog-new .flag.eritrea:before
{
background-position: 0 -1716px;
}
.c-feedback-dialog-new .flag.es:before, .c-feedback-dialog-new .flag.spain:before
{
background-position: 0 -1742px;
}
.c-feedback-dialog-new .flag.et:before, .c-feedback-dialog-new .flag.ethiopia:before
{
background-position: 0 -1768px;
}
.c-feedback-dialog-new .flag.eu:before, .c-feedback-dialog-new .flag.european.union:before
{
background-position: 0 -1794px;
}
.c-feedback-dialog-new .flag.fi:before, .c-feedback-dialog-new .flag.finland:before
{
background-position: 0 -1846px;
}
.c-feedback-dialog-new .flag.fiji:before, .c-feedback-dialog-new .flag.fj:before
{
background-position: 0 -1872px;
}
.c-feedback-dialog-new .flag.falkland.islands:before, .c-feedback-dialog-new .flag.fk:before
{
background-position: 0 -1898px;
}
.c-feedback-dialog-new .flag.fm:before, .c-feedback-dialog-new .flag.micronesia:before
{
background-position: 0 -1924px;
}
.c-feedback-dialog-new .flag.faroe.islands:before, .c-feedback-dialog-new .flag.fo:before
{
background-position: 0 -1950px;
}
.c-feedback-dialog-new .flag.fr:before, .c-feedback-dialog-new .flag.france:before
{
background-position: 0 -1976px;
}
.c-feedback-dialog-new .flag.ga:before, .c-feedback-dialog-new .flag.gabon:before
{
background-position: -36px 0;
}
.c-feedback-dialog-new .flag.gb:before, .c-feedback-dialog-new .flag.united.kingdom:before
{
background-position: -36px -26px;
}
.c-feedback-dialog-new .flag.gd:before, .c-feedback-dialog-new .flag.grenada:before
{
background-position: -36px -52px;
}
.c-feedback-dialog-new .flag.ge:before, .c-feedback-dialog-new .flag.georgia:before
{
background-position: -36px -78px;
}
.c-feedback-dialog-new .flag.french.guiana:before, .c-feedback-dialog-new .flag.gf:before
{
background-position: -36px -104px;
}
.c-feedback-dialog-new .flag.gh:before, .c-feedback-dialog-new .flag.ghana:before
{
background-position: -36px -130px;
}
.c-feedback-dialog-new .flag.gi:before, .c-feedback-dialog-new .flag.gibraltar:before
{
background-position: -36px -156px;
}
.c-feedback-dialog-new .flag.gl:before, .c-feedback-dialog-new .flag.greenland:before
{
background-position: -36px -182px;
}
.c-feedback-dialog-new .flag.gambia:before, .c-feedback-dialog-new .flag.gm:before
{
background-position: -36px -208px;
}
.c-feedback-dialog-new .flag.gn:before, .c-feedback-dialog-new .flag.guinea:before
{
background-position: -36px -234px;
}
.c-feedback-dialog-new .flag.gp:before, .c-feedback-dialog-new .flag.guadeloupe:before
{
background-position: -36px -260px;
}
.c-feedback-dialog-new .flag.equatorial.guinea:before, .c-feedback-dialog-new .flag.gq:before
{
background-position: -36px -286px;
}
.c-feedback-dialog-new .flag.gr:before, .c-feedback-dialog-new .flag.greece:before
{
background-position: -36px -312px;
}
.c-feedback-dialog-new .flag.gs:before, .c-feedback-dialog-new .flag.sandwich.islands:before
{
background-position: -36px -338px;
}
.c-feedback-dialog-new .flag.gt:before, .c-feedback-dialog-new .flag.guatemala:before
{
background-position: -36px -364px;
}
.c-feedback-dialog-new .flag.gu:before, .c-feedback-dialog-new .flag.guam:before
{
background-position: -36px -390px;
}
.c-feedback-dialog-new .flag.guinea-bissau:before, .c-feedback-dialog-new .flag.gw:before
{
background-position: -36px -416px;
}
.c-feedback-dialog-new .flag.guyana:before, .c-feedback-dialog-new .flag.gy:before
{
background-position: -36px -442px;
}
.c-feedback-dialog-new .flag.hk:before, .c-feedback-dialog-new .flag.hong.kong:before, .c-feedback-dialog-new .flag.hong.kong\(china\):before
{
background-position: -36px -468px;
}
.c-feedback-dialog-new .flag.heard.island:before, .c-feedback-dialog-new .flag.hm:before
{
background-position: -36px -494px;
}
.c-feedback-dialog-new .flag.hn:before, .c-feedback-dialog-new .flag.honduras:before
{
background-position: -36px -520px;
}
.c-feedback-dialog-new .flag.croatia:before, .c-feedback-dialog-new .flag.hr:before
{
background-position: -36px -546px;
}
.c-feedback-dialog-new .flag.haiti:before, .c-feedback-dialog-new .flag.ht:before
{
background-position: -36px -572px;
}
.c-feedback-dialog-new .flag.hu:before, .c-feedback-dialog-new .flag.hungary:before
{
background-position: -36px -598px;
}
.c-feedback-dialog-new .flag.id:before, .c-feedback-dialog-new .flag.indonesia:before
{
background-position: -36px -624px;
}
.c-feedback-dialog-new .flag.ie:before, .c-feedback-dialog-new .flag.ireland:before
{
background-position: -36px -650px;
}
.c-feedback-dialog-new .flag.il:before, .c-feedback-dialog-new .flag.israel:before
{
background-position: -36px -676px;
}
.c-feedback-dialog-new .flag.in:before, .c-feedback-dialog-new .flag.india:before
{
background-position: -36px -702px;
}
.c-feedback-dialog-new .flag.indian.ocean.territory:before, .c-feedback-dialog-new .flag.io:before
{
background-position: -36px -728px;
}
.c-feedback-dialog-new .flag.iq:before, .c-feedback-dialog-new .flag.iraq:before
{
background-position: -36px -754px;
}
.c-feedback-dialog-new .flag.ir:before, .c-feedback-dialog-new .flag.iran:before
{
background-position: -36px -780px;
}
.c-feedback-dialog-new .flag.iceland:before, .c-feedback-dialog-new .flag.is:before
{
background-position: -36px -806px;
}
.c-feedback-dialog-new .flag.it:before, .c-feedback-dialog-new .flag.italy:before
{
background-position: -36px -832px;
}
.c-feedback-dialog-new .flag.jamaica:before, .c-feedback-dialog-new .flag.jm:before
{
background-position: -36px -858px;
}
.c-feedback-dialog-new .flag.jo:before, .c-feedback-dialog-new .flag.jordan:before
{
background-position: -36px -884px;
}
.c-feedback-dialog-new .flag.japan:before, .c-feedback-dialog-new .flag.jp:before
{
background-position: -36px -910px;
}
.c-feedback-dialog-new .flag.ke:before, .c-feedback-dialog-new .flag.kenya:before
{
background-position: -36px -936px;
}
.c-feedback-dialog-new .flag.kg:before, .c-feedback-dialog-new .flag.kyrgyzstan:before
{
background-position: -36px -962px;
}
.c-feedback-dialog-new .flag.cambodia:before, .c-feedback-dialog-new .flag.kh:before
{
background-position: -36px -988px;
}
.c-feedback-dialog-new .flag.ki:before, .c-feedback-dialog-new .flag.kiribati:before
{
background-position: -36px -1014px;
}
.c-feedback-dialog-new .flag.comoros:before, .c-feedback-dialog-new .flag.km:before
{
background-position: -36px -1040px;
}
.c-feedback-dialog-new .flag.kn:before, .c-feedback-dialog-new .flag.saint.kitts.and.nevis:before
{
background-position: -36px -1066px;
}
.c-feedback-dialog-new .flag.kp:before, .c-feedback-dialog-new .flag.north.korea:before
{
background-position: -36px -1092px;
}
.c-feedback-dialog-new .flag.kr:before, .c-feedback-dialog-new .flag.south.korea:before
{
background-position: -36px -1118px;
}
.c-feedback-dialog-new .flag.kuwait:before, .c-feedback-dialog-new .flag.kw:before
{
background-position: -36px -1144px;
}
.c-feedback-dialog-new .flag.cayman.islands:before, .c-feedback-dialog-new .flag.ky:before
{
background-position: -36px -1170px;
}
.c-feedback-dialog-new .flag.kazakhstan:before, .c-feedback-dialog-new .flag.kz:before
{
background-position: -36px -1196px;
}
.c-feedback-dialog-new .flag.la:before, .c-feedback-dialog-new .flag.laos:before
{
background-position: -36px -1222px;
}
.c-feedback-dialog-new .flag.lb:before, .c-feedback-dialog-new .flag.lebanon:before
{
background-position: -36px -1248px;
}
.c-feedback-dialog-new .flag.lc:before, .c-feedback-dialog-new .flag.saint.lucia:before
{
background-position: -36px -1274px;
}
.c-feedback-dialog-new .flag.li:before, .c-feedback-dialog-new .flag.liechtenstein:before
{
background-position: -36px -1300px;
}
.c-feedback-dialog-new .flag.lk:before, .c-feedback-dialog-new .flag.sri.lanka:before
{
background-position: -36px -1326px;
}
.c-feedback-dialog-new .flag.liberia:before, .c-feedback-dialog-new .flag.lr:before
{
background-position: -36px -1352px;
}
.c-feedback-dialog-new .flag.lesotho:before, .c-feedback-dialog-new .flag.ls:before
{
background-position: -36px -1378px;
}
.c-feedback-dialog-new .flag.lithuania:before, .c-feedback-dialog-new .flag.lt:before
{
background-position: -36px -1404px;
}
.c-feedback-dialog-new .flag.lu:before, .c-feedback-dialog-new .flag.luxembourg:before
{
background-position: -36px -1430px;
}
.c-feedback-dialog-new .flag.latvia:before, .c-feedback-dialog-new .flag.lv:before
{
background-position: -36px -1456px;
}
.c-feedback-dialog-new .flag.libya:before, .c-feedback-dialog-new .flag.ly:before
{
background-position: -36px -1482px;
}
.c-feedback-dialog-new .flag.ma:before, .c-feedback-dialog-new .flag.morocco:before
{
background-position: -36px -1508px;
}
.c-feedback-dialog-new .flag.mc:before, .c-feedback-dialog-new .flag.monaco:before
{
background-position: -36px -1534px;
}
.c-feedback-dialog-new .flag.md:before, .c-feedback-dialog-new .flag.moldova:before
{
background-position: -36px -1560px;
}
.c-feedback-dialog-new .flag.me:before, .c-feedback-dialog-new .flag.montenegro:before
{
background-position: -36px -1586px;
}
.c-feedback-dialog-new .flag.madagascar:before, .c-feedback-dialog-new .flag.mg:before
{
background-position: -36px -1613px;
}
.c-feedback-dialog-new .flag.marshall.islands:before, .c-feedback-dialog-new .flag.mh:before
{
background-position: -36px -1639px;
}
.c-feedback-dialog-new .flag.macedonia:before, .c-feedback-dialog-new .flag.mk:before
{
background-position: -36px -1665px;
}
.c-feedback-dialog-new .flag.mali:before, .c-feedback-dialog-new .flag.ml:before
{
background-position: -36px -1691px;
}
.c-feedback-dialog-new .flag.burma:before, .c-feedback-dialog-new .flag.mm:before, .c-feedback-dialog-new .flag.myanmar:before
{
background-position: -36px -1717px;
}
.c-feedback-dialog-new .flag.mn:before, .c-feedback-dialog-new .flag.mongolia:before
{
background-position: -36px -1743px;
}
.c-feedback-dialog-new .flag.macau:before, .c-feedback-dialog-new .flag.macau\(china\):before, .c-feedback-dialog-new .flag.mo:before
{
background-position: -36px -1769px;
}
.c-feedback-dialog-new .flag.mp:before, .c-feedback-dialog-new .flag.northern.mariana.islands:before
{
background-position: -36px -1795px;
}
.c-feedback-dialog-new .flag.martinique:before, .c-feedback-dialog-new .flag.mq:before
{
background-position: -36px -1821px;
}
.c-feedback-dialog-new .flag.mauritania:before, .c-feedback-dialog-new .flag.mr:before
{
background-position: -36px -1847px;
}
.c-feedback-dialog-new .flag.montserrat:before, .c-feedback-dialog-new .flag.ms:before
{
background-position: -36px -1873px;
}
.c-feedback-dialog-new .flag.malta:before, .c-feedback-dialog-new .flag.mt:before
{
background-position: -36px -1899px;
}
.c-feedback-dialog-new .flag.mauritius:before, .c-feedback-dialog-new .flag.mu:before
{
background-position: -36px -1925px;
}
.c-feedback-dialog-new .flag.maldives:before, .c-feedback-dialog-new .flag.mv:before
{
background-position: -36px -1951px;
}
.c-feedback-dialog-new .flag.malawi:before, .c-feedback-dialog-new .flag.mw:before
{
background-position: -36px -1977px;
}
.c-feedback-dialog-new .flag.mexico:before, .c-feedback-dialog-new .flag.mx:before
{
background-position: -72px 0;
}
.c-feedback-dialog-new .flag.malaysia:before, .c-feedback-dialog-new .flag.my:before
{
background-position: -72px -26px;
}
.c-feedback-dialog-new .flag.mozambique:before, .c-feedback-dialog-new .flag.mz:before
{
background-position: -72px -52px;
}
.c-feedback-dialog-new .flag.na:before, .c-feedback-dialog-new .flag.namibia:before
{
background-position: -72px -78px;
}
.c-feedback-dialog-new .flag.nc:before, .c-feedback-dialog-new .flag.new.caledonia:before
{
background-position: -72px -104px;
}
.c-feedback-dialog-new .flag.ne:before, .c-feedback-dialog-new .flag.niger:before
{
background-position: -72px -130px;
}
.c-feedback-dialog-new .flag.nf:before, .c-feedback-dialog-new .flag.norfolk.island:before
{
background-position: -72px -156px;
}
.c-feedback-dialog-new .flag.ng:before, .c-feedback-dialog-new .flag.nigeria:before
{
background-position: -72px -182px;
}
.c-feedback-dialog-new .flag.ni:before, .c-feedback-dialog-new .flag.nicaragua:before
{
background-position: -72px -208px;
}
.c-feedback-dialog-new .flag.netherlands:before, .c-feedback-dialog-new .flag.nl:before
{
background-position: -72px -234px;
}
.c-feedback-dialog-new .flag.no:before, .c-feedback-dialog-new .flag.norway:before
{
background-position: -72px -260px;
}
.c-feedback-dialog-new .flag.nepal:before, .c-feedback-dialog-new .flag.np:before
{
background-position: -72px -286px;
}
.c-feedback-dialog-new .flag.nauru:before, .c-feedback-dialog-new .flag.nr:before
{
background-position: -72px -312px;
}
.c-feedback-dialog-new .flag.niue:before, .c-feedback-dialog-new .flag.nu:before
{
background-position: -72px -338px;
}
.c-feedback-dialog-new .flag.new.zealand:before, .c-feedback-dialog-new .flag.nz:before
{
background-position: -72px -364px;
}
.c-feedback-dialog-new .flag.om:before, .c-feedback-dialog-new .flag.oman:before
{
background-position: -72px -390px;
}
.c-feedback-dialog-new .flag.pa:before, .c-feedback-dialog-new .flag.panama:before
{
background-position: -72px -416px;
}
.c-feedback-dialog-new .flag.pe:before, .c-feedback-dialog-new .flag.peru:before
{
background-position: -72px -442px;
}
.c-feedback-dialog-new .flag.french.polynesia:before, .c-feedback-dialog-new .flag.pf:before
{
background-position: -72px -468px;
}
.c-feedback-dialog-new .flag.new.guinea:before, .c-feedback-dialog-new .flag.pg:before
{
background-position: -72px -494px;
}
.c-feedback-dialog-new .flag.ph:before, .c-feedback-dialog-new .flag.philippines:before
{
background-position: -72px -520px;
}
.c-feedback-dialog-new .flag.pakistan:before, .c-feedback-dialog-new .flag.pk:before
{
background-position: -72px -546px;
}
.c-feedback-dialog-new .flag.pl:before, .c-feedback-dialog-new .flag.poland:before
{
background-position: -72px -572px;
}
.c-feedback-dialog-new .flag.pm:before, .c-feedback-dialog-new .flag.saint.pierre:before
{
background-position: -72px -598px;
}
.c-feedback-dialog-new .flag.pitcairn.islands:before, .c-feedback-dialog-new .flag.pn:before
{
background-position: -72px -624px;
}
.c-feedback-dialog-new .flag.pr:before, .c-feedback-dialog-new .flag.puerto.rico:before
{
background-position: -72px -650px;
}
.c-feedback-dialog-new .flag.palestine:before, .c-feedback-dialog-new .flag.ps:before
{
background-position: -72px -676px;
}
.c-feedback-dialog-new .flag.portugal:before, .c-feedback-dialog-new .flag.pt:before
{
background-position: -72px -702px;
}
.c-feedback-dialog-new .flag.palau:before, .c-feedback-dialog-new .flag.pw:before
{
background-position: -72px -728px;
}
.c-feedback-dialog-new .flag.paraguay:before, .c-feedback-dialog-new .flag.py:before
{
background-position: -72px -754px;
}
.c-feedback-dialog-new .flag.qa:before, .c-feedback-dialog-new .flag.qatar:before
{
background-position: -72px -780px;
}
.c-feedback-dialog-new .flag.re:before, .c-feedback-dialog-new .flag.reunion:before
{
background-position: -72px -806px;
}
.c-feedback-dialog-new .flag.ro:before, .c-feedback-dialog-new .flag.romania:before
{
background-position: -72px -832px;
}
.c-feedback-dialog-new .flag.rs:before, .c-feedback-dialog-new .flag.serbia:before
{
background-position: -72px -858px;
}
.c-feedback-dialog-new .flag.ru:before, .c-feedback-dialog-new .flag.russia:before
{
background-position: -72px -884px;
}
.c-feedback-dialog-new .flag.rw:before, .c-feedback-dialog-new .flag.rwanda:before
{
background-position: -72px -910px;
}
.c-feedback-dialog-new .flag.sa:before, .c-feedback-dialog-new .flag.saudi.arabia:before
{
background-position: -72px -936px;
}
.c-feedback-dialog-new .flag.sb:before, .c-feedback-dialog-new .flag.solomon.islands:before
{
background-position: -72px -962px;
}
.c-feedback-dialog-new .flag.sc:before, .c-feedback-dialog-new .flag.seychelles:before
{
background-position: -72px -988px;
}
.c-feedback-dialog-new .flag.gb.sct:before, .c-feedback-dialog-new .flag.scotland:before
{
background-position: -72px -1014px;
}
.c-feedback-dialog-new .flag.sd:before, .c-feedback-dialog-new .flag.sudan:before
{
background-position: -72px -1040px;
}
.c-feedback-dialog-new .flag.se:before, .c-feedback-dialog-new .flag.sweden:before
{
background-position: -72px -1066px;
}
.c-feedback-dialog-new .flag.sg:before, .c-feedback-dialog-new .flag.singapore:before
{
background-position: -72px -1092px;
}
.c-feedback-dialog-new .flag.saint.helena:before, .c-feedback-dialog-new .flag.sh:before
{
background-position: -72px -1118px;
}
.c-feedback-dialog-new .flag.si:before, .c-feedback-dialog-new .flag.slovenia:before
{
background-position: -72px -1144px;
}
.c-feedback-dialog-new .flag.jan.mayen:before, .c-feedback-dialog-new .flag.sj:before, .c-feedback-dialog-new .flag.svalbard:before
{
background-position: -72px -1170px;
}
.c-feedback-dialog-new .flag.sk:before, .c-feedback-dialog-new .flag.slovakia:before
{
background-position: -72px -1196px;
}
.c-feedback-dialog-new .flag.sierra.leone:before, .c-feedback-dialog-new .flag.sl:before
{
background-position: -72px -1222px;
}
.c-feedback-dialog-new .flag.san.marino:before, .c-feedback-dialog-new .flag.sm:before
{
background-position: -72px -1248px;
}
.c-feedback-dialog-new .flag.senegal:before, .c-feedback-dialog-new .flag.sn:before
{
background-position: -72px -1274px;
}
.c-feedback-dialog-new .flag.so:before, .c-feedback-dialog-new .flag.somalia:before
{
background-position: -72px -1300px;
}
.c-feedback-dialog-new .flag.sr:before, .c-feedback-dialog-new .flag.suriname:before
{
background-position: -72px -1326px;
}
.c-feedback-dialog-new .flag.sao.tome:before, .c-feedback-dialog-new .flag.st:before
{
background-position: -72px -1352px;
}
.c-feedback-dialog-new .flag.el.salvador:before, .c-feedback-dialog-new .flag.sv:before
{
background-position: -72px -1378px;
}
.c-feedback-dialog-new .flag.sy:before, .c-feedback-dialog-new .flag.syria:before
{
background-position: -72px -1404px;
}
.c-feedback-dialog-new .flag.swaziland:before, .c-feedback-dialog-new .flag.sz:before
{
background-position: -72px -1430px;
}
.c-feedback-dialog-new .flag.caicos.islands:before, .c-feedback-dialog-new .flag.tc:before
{
background-position: -72px -1456px;
}
.c-feedback-dialog-new .flag.chad:before, .c-feedback-dialog-new .flag.td:before
{
background-position: -72px -1482px;
}
.c-feedback-dialog-new .flag.french.territories:before, .c-feedback-dialog-new .flag.tf:before
{
background-position: -72px -1508px;
}
.c-feedback-dialog-new .flag.tg:before, .c-feedback-dialog-new .flag.togo:before
{
background-position: -72px -1534px;
}
.c-feedback-dialog-new .flag.th:before, .c-feedback-dialog-new .flag.thailand:before
{
background-position: -72px -1560px;
}
.c-feedback-dialog-new .flag.tajikistan:before, .c-feedback-dialog-new .flag.tj:before
{
background-position: -72px -1586px;
}
.c-feedback-dialog-new .flag.tk:before, .c-feedback-dialog-new .flag.tokelau:before
{
background-position: -72px -1612px;
}
.c-feedback-dialog-new .flag.timorleste:before, .c-feedback-dialog-new .flag.tl:before
{
background-position: -72px -1638px;
}
.c-feedback-dialog-new .flag.tm:before, .c-feedback-dialog-new .flag.turkmenistan:before
{
background-position: -72px -1664px;
}
.c-feedback-dialog-new .flag.tn:before, .c-feedback-dialog-new .flag.tunisia:before
{
background-position: -72px -1690px;
}
.c-feedback-dialog-new .flag.to:before, .c-feedback-dialog-new .flag.tonga:before
{
background-position: -72px -1716px;
}
.c-feedback-dialog-new .flag.tr:before, .c-feedback-dialog-new .flag.turkey:before
{
background-position: -72px -1742px;
}
.c-feedback-dialog-new .flag.trinidad:before, .c-feedback-dialog-new .flag.tt:before
{
background-position: -72px -1768px;
}
.c-feedback-dialog-new .flag.tuvalu:before, .c-feedback-dialog-new .flag.tv:before
{
background-position: -72px -1794px;
}
.c-feedback-dialog-new .flag.taiwan:before, .c-feedback-dialog-new .flag.taiwan\(china\):before, .c-feedback-dialog-new .flag.tw:before
{
background-position: -72px -1820px;
}
.c-feedback-dialog-new .flag.tanzania:before, .c-feedback-dialog-new .flag.tz:before
{
background-position: -72px -1846px;
}
.c-feedback-dialog-new .flag.ua:before, .c-feedback-dialog-new .flag.ukraine:before
{
background-position: -72px -1872px;
}
.c-feedback-dialog-new .flag.ug:before, .c-feedback-dialog-new .flag.uganda:before
{
background-position: -72px -1898px;
}
.c-feedback-dialog-new .flag.um:before, .c-feedback-dialog-new .flag.us.minor.islands:before
{
background-position: -72px -1924px;
}
.c-feedback-dialog-new .flag.america:before, .c-feedback-dialog-new .flag.united.states:before, .c-feedback-dialog-new .flag.us:before
{
background-position: -72px -1950px;
}
.c-feedback-dialog-new .flag.uruguay:before, .c-feedback-dialog-new .flag.uy:before
{
background-position: -72px -1976px;
}
.c-feedback-dialog-new .flag.uz:before, .c-feedback-dialog-new .flag.uzbekistan:before
{
background-position: -108px 0;
}
.c-feedback-dialog-new .flag.va:before, .c-feedback-dialog-new .flag.vatican.city:before
{
background-position: -108px -26px;
}
.c-feedback-dialog-new .flag.saint.vincent:before, .c-feedback-dialog-new .flag.vc:before
{
background-position: -108px -52px;
}
.c-feedback-dialog-new .flag.ve:before, .c-feedback-dialog-new .flag.venezuela:before
{
background-position: -108px -78px;
}
.c-feedback-dialog-new .flag.british.virgin.islands:before, .c-feedback-dialog-new .flag.vg:before
{
background-position: -108px -104px;
}
.c-feedback-dialog-new .flag.us.virgin.islands:before, .c-feedback-dialog-new .flag.vi:before
{
background-position: -108px -130px;
}
.c-feedback-dialog-new .flag.vietnam:before, .c-feedback-dialog-new .flag.vn:before
{
background-position: -108px -156px;
}
.c-feedback-dialog-new .flag.vanuatu:before, .c-feedback-dialog-new .flag.vu:before
{
background-position: -108px -182px;
}
.c-feedback-dialog-new .flag.gb.wls:before, .c-feedback-dialog-new .flag.wales:before
{
background-position: -108px -208px;
}
.c-feedback-dialog-new .flag.wallis.and.futuna:before, .c-feedback-dialog-new .flag.wf:before
{
background-position: -108px -234px;
}
.c-feedback-dialog-new .flag.samoa:before, .c-feedback-dialog-new .flag.ws:before
{
background-position: -108px -260px;
}
.c-feedback-dialog-new .flag.ye:before, .c-feedback-dialog-new .flag.yemen:before
{
background-position: -108px -286px;
}
.c-feedback-dialog-new .flag.mayotte:before, .c-feedback-dialog-new .flag.yt:before
{
background-position: -108px -312px;
}
.c-feedback-dialog-new .flag.south.africa:before, .c-feedback-dialog-new .flag.za:before
{
background-position: -108px -338px;
}
.c-feedback-dialog-new .flag.zambia:before, .c-feedback-dialog-new .flag.zm:before
{
background-position: -108px -364px;
}
.c-feedback-dialog-new .flag.zimbabwe:before, .c-feedback-dialog-new .flag.zw:before
{
background-position: -108px -390px;
}
@media screen and (max-width: 768px)
{
.c-pages
{
position: relative;
}
.c-pages-dot, .c-pages-item
{
display: none;
margin: 0;
height: initial;
line-height: 24px;
font-size: 18px;
}
.c-pages-item-actived, .c-pages-item-actived:hover
{
font-weight: 400;
display: inline-block;
width: 100%;
padding: 10px 0;
}
.c-pages-item-actived:before
{
content: "第";
margin-right: 5px;
}
.c-pages-item-actived:after
{
content: "页";
margin-left: 5px;
}
.c-pages-item-next, .c-pages-item-next.c-pages-item-disabled, .c-pages-item-next:hover, .c-pages-item-prev, .c-pages-item-prev.c-pages-item-disabled, .c-pages-item-prev:hover
{
display: inline-block;
position: absolute;
top: 0;
color: #00a4ff;
border: none;
}
.c-pages-item-prev
{
left: 0;
padding: 10px 0 10px 16px;
}
.c-pages-item-prev:before, .c-pages-item-prev:hover:before
{
left: 0;
background-image: url(/template/plugins/keywords/css/sprite/global-media1-201911291451.svg);;
background-position: 5% 5%;
background-size: 225% 225%;;
background-repeat: no-repeat;
}
.c-pages-item-next
{
right: 0;
padding: 10px 16px 10px 0;
}
.c-pages-item-next:before, .c-pages-item-next:hover:before
{
right: 0;
background-image: url(/template/plugins/keywords/css/sprite/global-media1-201911291451.svg);;
background-position: 5% 95%;
background-size: 225% 225%;;
background-repeat: no-repeat;
}
.c-pages-item-next.c-pages-item-disabled, .c-pages-item-next.c-pages-item-disabled:hover, .c-pages-item-prev.c-pages-item-disabled, .c-pages-item-prev.c-pages-item-disabled:hover
{
-webkit-tap-highlight-color: transparent;
color: #999;
}
.c-pages-item-prev.c-pages-item-disabled:before, .c-pages-item-prev.c-pages-item-disabled:hover:before
{
background-image: url(/template/plugins/keywords/css/sprite/global-media1-201911291451.svg);;
background-position: 95% 5%;
background-size: 225% 225%;;
background-repeat: no-repeat;
}
.c-pages-item-next.c-pages-item-disabled:before, .c-pages-item-next.c-pages-item-disabled:hover:before
{
background-image: url(/template/plugins/keywords/css/sprite/global-media1-201911291451.svg);;
background-position: 95% 95%;
background-size: 225% 225%;;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 480px)
{
.c-pages-wrap
{
margin: 15px 0;
}
.c-pages
{
line-height: 32px;
}
.c-pages-item
{
line-height: 16px;
font-size: 14px;
}
}
@media only screen and (max-width: 414px)
{
.pagination-pages
{
margin: 15px 0;
height: 32px;
line-height: 32px;
}
.pagination-pages li.current
{
position: relative;
top: 3px;
}
.tc-pagination-wrap
{
margin: 0 27px;
}
.pagination-pages li a
{
height: initial;
line-height: 16px;
font-size: 14px;
}
.pagination-pages li.pagination-next>a i
{
top: 3px;
}
.pagination-pages li.pagination-pre>a i
{
top: 2px;
}
}
@media screen and (max-width: 768px)
{
.c-media-motion, .c-media-shadow
{
transition: none;
-webkit-transition: none;
}
.c-media-shadow:hover
{
transform: none;
-webkit-transform: none;
}
.c-media-motion:hover
{
box-shadow: none;
transform: none;
-webkit-transform: none;
}
}
@media screen and (max-width: 600px)
{
.c-media-body
{
margin-top: 15px;
}
.c-media-info
{
margin-top: 5px;
}
}
@media screen and (max-width: 600px)
{
.c-dialog
{
width: 85%;
min-width: 300px;
}
.c-dialog-hd-title
{
font-size: 14px;
padding-left: 20px;
}
.c-dialog-bd
{
padding-left: 25px;
padding-right: 25px;
max-height: 250px;
}
.c-dialog-ft-btn
{
padding-left: 20px;
padding-right: 20px;
}
.c-dialog-form-row
{
display: block;
padding-top: 0;
padding-bottom: 0;
}
.c-dialog-form-row+.c-dialog-form-row
{
margin-top: 10px;
}
.c-dialog-form-label
{
display: block;
white-space: normal;
padding-right: 0;
padding-top: 0;
padding-bottom: 5px;
font-size: 12px;
}
.c-dialog-form-row-puretext .c-dialog-form-label
{
line-height: 27px;
}
.c-dialog-form-control
{
display: block;
padding-top: 0;
padding-bottom: 0;
}
.c-dialog-form-textbox
{
font-size: 14px;
}
.c-iframedialog
{
width: 85%;
min-width: 300px;
}
.c-iframedialog-hd-title
{
font-size: 16px;
padding-left: 20px;
}
.c-iframedialog-bd
{
max-height: 250px;
}
}
@media screen and (max-width: 375px)
{
.c-dialog-ft-btn
{
padding-left: 15px;
padding-right: 15px;
}
.c-dialog-form-btn
{
padding-left: 10px;
padding-right: 10px;
}
.c-dialog-form-textbox
{
width: 150px;
}
.c-dialog-form-textbox+.c-dialog-form-btn
{
margin-left: 2px;
margin-top: 0;
}
}
@media screen and (max-width: 768px)
{
.c-dialog-screen-large
{
max-width: 85%;
}
.c-search-input
{
padding-right: 50px;
}
.c-search-btn
{
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
background: no-repeat;
float: none;
}
.c-search-btn:after
{
display: inline-block;
position: absolute;
left: 25px;
top: 13px;
background-image: url(/template/plugins/keywords/css/sprite/global-media8-201911291451.svg);;
width: 24px;
height: 24px;
background-position: 50% 50%;
background-size: 108.33333333333333% 108.33333333333333%;;
background-repeat: no-repeat;
}
.c-search-btn:hover
{
background: 0 0;
}
.c-search-with-select .c-search-dropdown
{
width: 130px;
}
.c-search-with-select .c-search-dropdown-item
{
text-align: right;
}
.c-search-with-select .c-search-input
{
padding-right: 150px;
}
.c-search-select
{
right: 50px;
text-align: right;
width: 80px;
}
.c-search-select-link
{
padding: 0 20px 0 0;
border-left: 0;
border-right: 1px solid #dbdbdb;
}
.c-search-select-link:after
{
display: none;
}
.c-search-select-raw
{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: right;
opacity: 0;
}
.c-search-select-raw:focus
{
-webkit-tap-highlight-color: transparent;
}
.c-search-select-visible .c-search-dropdown
{
display: none;
}
}
@media screen and (min-width: 769px) and (max-width: 1230px)
{
.c-hero .mod-hero .switch-control b
{
-webkit-transition: margin .2s;
transition: margin .2s;
}
.c-hero .mod-hero .switch-control.pre b
{
margin-left: 15px;
}
.c-hero .mod-hero .switch-control.next b
{
margin-right: 15px;
}
}
@media screen and (max-width: 768px)
{
.c-hero .mod-hero .hero-inner
{
min-width: 320px;
}
.c-hero .mod-hero .hero-img
{
height: 300px;
}
.c-hero .mod-hero .hero-img .img-item
{
background-size: cover;
}
.c-hero .mod-hero .hero-text .hero-ct h2
{
font-size: 30px;
}
.c-hero .mod-hero .hero-text .hero-ct .des-text
{
font-size: 16px;
line-height: 26px;
}
.c-hero .mod-hero .hero-text .hero-btn
{
height: 34px;
line-height: 34px;
font-size: 14px;
}
.c-hero .mod-hero .hero-handle
{
display: none;
}
}
@media screen and (max-width: 644px)
{
.c-hero .mod-hero .hero-text .hero-ct h2
{
font-size: 22px;
}
.c-hero .mod-hero .hero-text .hero-ct .des-text
{
font-size: 14px;
line-height: 22px;
}
}
@media screen and (max-width: 500px)
{
.c-hero .mod-hero .hero-ct
{
max-width: 100%;
bottom: 34%;
}
.c-hero .mod-hero .hero-text .hero-btn
{
bottom: 18%;
}
}
@media screen and (max-width: 375px)
{
.c-hero .mod-hero .hero-img
{
height: 160px;
}
}
@media screen and (max-width: 320px)
{
.c-hero .mod-hero .hero-ct-mobile h2
{
font-size: 24px;
}
.c-hero .mod-hero .hero-img
{
height: 160px;
}
}
@media screen and (max-width: 768px)
{
.c-hero .mod-hero .hero-text .hero-text-con h2
{
font-size: 30px;
}
.c-hero .mod-hero .hero-text .hero-text-con .des-text
{
font-size: 16px;
line-height: 26px;
}
}
@media screen and (max-width: 644px)
{
.c-hero .mod-hero .hero-text .hero-text-con h2
{
font-size: 22px;
line-height: 36px;
font-weight: 400;
margin-bottom: 8px;
}
.c-hero .mod-hero .hero-text .hero-text-con .des-text
{
font-size: 14px;
line-height: 24px;
}
}
@media screen and (max-width: 414px)
{
.c-hero .mod-hero:hover .hero-handle
{
display: none;
}
.c-hero .mod-hero .hero-img
{
height: 160px;
}
.c-hero .mod-hero .hero-text .hero-btn, .mod-hero .hero-ct
{
display: none;
}
.c-hero .mod-hero .hero-ct-mobile
{
display: block;
}
.c-hero .hero-text-con
{
color: #fff;
bottom: 40px;
top: auto;
width: 100%;
text-align: center;
position: absolute;
}
.c-hero .mod-hero .hero-text .hero-text-con .des-text p
{
display: none;
}
.c-hero .mod-hero .hero-text .hero-text-con .des-text p:first-child
{
display: block;
}
.c-hero .mod-hero .hero-text .hero-text-con .piece
{
margin-right: 0;
}
}
@media screen and (max-width: 768px)
{
.c-hero-bar .hero-text
{
font-size: 24px;
line-height: 1.5;
}
.wrap-canvas
{
display: none;
}
}
@media screen and (max-width: 600px)
{
.com-e-hero-bar-inner, .com-e-hero-bar.higher .com-e-hero-bar-inner
{
padding: 0 15px;
height: auto;
min-height: 150px;
}
.com-e-hero-bar-inner:after
{
height: 150px;
}
.com-e-hero-bar-cnt
{
padding-top: 30px;
padding-bottom: 30px;
}
.com-e-hero-bar-title
{
font-size: 22px;
line-height: 31px;
}
.com-e-hero-bar-desc
{
margin-top: 5px;
font-size: 12px;
line-height: 16px;
}
.com-e-hero-bar-desc .hero-link
{
display: block;
margin-top: 13px;
}
.com-e-hero-bar-desc .hero-link:after
{
margin-left: 3px;
width: 5px;
height: 9px;
background-image: url(/template/plugins/keywords/css/sprite/global-media19-201911291451.svg);;
transition: none;
background-position: 50% 50%;
background-size: 140% 122.22222222222223%;;
background-repeat: no-repeat;
}
.com-e-hero-bar-desc .hero-link:hover:after
{
-webkit-transform: none;
transform: none;
}
.com-e-hero-bar-desc .hero-info
{
margin-top: 23px;
margin-bottom: 5px;
line-height: 22px;
}
.com-e-hero-bar-desc .hero-info.mobile-hidden
{
display: none;
}
.com-e-hero-bar-btns
{
display: -webkit-box;
display: flex;
align-items: center;
margin-top: 22px;
}
.com-e-hero-bar-btns>.btn-item
{
-webkit-box-flex: 1;
flex: 1;
margin: 0 15px 0 0;
}
.com-e-hero-bar-btns>.btn-item:last-child
{
margin-right: 0;
}
.com-e-hero-bar-btns .c-btn
{
padding-left: 10px;
padding-right: 10px;
height: 36px;
font-size: 12px;
line-height: 36px;
}
.com-e-hero-bar-btns .c-btn:hover
{
background-color: #00a4ff;
}
.com-e-hero-bar-btns .c-btn:active
{
background-color: #0092ee;
}
.com-e-hero-bar-btns .c-btn-hole
{
line-height: 34px;
}
.com-e-hero-bar-btns .c-btn-hole:hover
{
background-color: transparent;
color: #fff;
}
.com-e-hero-bar-btns .c-btn-hole:active
{
background-color: #fff;
color: #000;
}
}
@media all and (max-width: 768px)
{
.c-f-list .f-list-item
{
padding: 5px 0;
}
.c-f-list-delete
{
display: inline-block;
}
.c-f-list-tit
{
position: static;
display: block;
width: auto;
line-height: 24px;
color: #666;
font-size: 14px;
vertical-align: top;
}
.c-f-list-con
{
padding-left: 0;
}
.c-f-list-con span.c-f-tip-word
{
display: block;
font-size: 14px;
margin-left: 0;
}
}
@media all and (max-width: 768px)
{
.c-input-text
{
font-size: 14px;
height: 35px;
width: 100%;
display: inline-block;
padding: 5px 10px;
border: 1px solid #d1d2d3;
border-radius: 2px;
color: #171d25;
vertical-align: middle;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.c-textarea
{
font-size: 14px;
height: 100px;
width: 100%;
display: inline-block;
padding: 5px 10px;
border: 1px solid #d1d2d3;
border-radius: 2px;
color: #171d25;
vertical-align: middle;
resize: none;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.c-input-list
{
padding-top: 5px;
max-width: 100%;
font-size: 14px;
}
.c-input-list label
{
width: 32%;
min-width: 80px;
box-sizing: border-box;
vertical-align: top;
}
.c-input-list .c-last-label .input-more input
{
width: 50px;
box-sizing: content-box;
}
}
@media all and (max-width: 414px)
{
.c-input-list label
{
width: 48%;
min-width: 80px;
box-sizing: border-box;
}
}
@media all and (max-width: 768px)
{
.c-radio[type=radio]
{
border: none;
border-radius: 0;
background-color: transparent;
}
}
@media all and (-ms-high-contrast: none)
{
.c-rich-dialog .c-select-wrap .c-select, .c-select, .c-select-wrap.m .c-select, .c-select.m
{
padding-right: 24px;
}
}
@media all and (max-width: 768px)
{
.c-select, .c-select.m
{
width: 100%;
}
.c-select+.c-select
{
margin-top: 10px;
}
}
@media all and (max-width: 768px)
{
.c-checkbox
{
border: none;
border-radius: 0;
}
}
@media(max-width: 1200px)
{
.l-24
{
width: 100%;
}
.l-12
{
width: 50%;
}
.l-8
{
width: 33.3333%;
}
.l-6
{
width: 25%;
}
.l-5
{
width: 20%;
}
.c-hidden-l
{
display: none!important;
}
.c-visible-l-block
{
display: block!important;
}
.c-visible-l-inline
{
display: inline!important;
}
.c-visible-l-inline-block
{
display: inline-block!important;
}
}
@media(max-width: 1000px)
{
.m-24
{
width: 100%;
}
.m-12
{
width: 50%;
}
.m-8
{
width: 33.3333%;
}
.m-6
{
width: 25%;
}
.m-5
{
width: 20%;
}
.c-hidden-m
{
display: none!important;
}
.c-visible-m-block
{
display: block!important;
}
.c-visible-m-inline
{
display: inline!important;
}
.c-visible-m-inline-block
{
display: inline-block!important;
}
}
@media(max-width: 768px)
{
.c-g-2, .c-g-3, .c-g-4, .c-g-6
{
width: 50%;
}
.s-24
{
width: 100%;
}
.s-12
{
width: 50%;
}
.s-8
{
width: 33.3333%;
}
.s-6
{
width: 25%;
}
.s-5
{
width: 20%;
}
.c-hidden-s
{
display: none!important;
}
.c-visible-s
{
display: block!important;
}
.c-visible-s-inline
{
display: inline!important;
}
.c-visible-s-inline-block
{
display: inline-block!important;
}
}
@media(max-width: 600px)
{
.c-g-12, .c-g-2, .c-g-3, .c-g-4, .c-g-6, .c-g-8, .xs-24
{
width: 100%;
}
.xs-12
{
width: 50%;
}
.xs-8
{
width: 33.3333%;
}
.xs-6
{
width: 25%;
}
.xs-5
{
width: 20%;
}
.c-hidden-xs
{
display: none!important;
}
.c-visible-xs
{
display: block!important;
}
.c-visible-xs-inline
{
display: inline!important;
}
.c-visible-xs-inline-block
{
display: inline-block!important;
}
}
@media screen and (max-width: 768px)
{
.c-tab-normal .c-tab-simple .c-tab-tit
{
font-size: 14px;
}
}
@media(max-width: 768px)
{
.c-tab-v .c-tab-simple .c-tab-tit
{
font-size: 14px;
}
.c-tab-v .c-tab-v-tit, .c-tab-v>ul
{
width: 20%;
}
.c-tab-v .c-tab-panel
{
display: table-cell;
width: 80%;
}
}
@media(max-width: 600px)
{
.c-tab-responsive .c-tab-v-tit, .c-tab-responsive>ul
{
display: none;
}
.c-tab-responsive .c-tab-v-tit+.c-tab-panel .c-tab-m-tit, .c-tab-responsive>ul+.c-tab-panel .c-tab-m-tit
{
border-top: 1px solid #e5e5e5;
}
.c-tab-responsive .c-tab-m-tit
{
display: block;
position: relative;
padding: 10px 15px 10px 20px;
border-bottom: 1px solid #e5e5e5;
font-size: 16px;
line-height: 32px;
text-align: left;
}
.c-tab-responsive .c-tab-m-tit:after
{
content: '';
position: absolute;
right: 15px;
top: 22px;
width: 14px;
height: 8px;
background-image: url(/template/plugins/keywords/css/sprite/global-media33-201911291451.svg);;
transition: transform .2s;
background-position: 5.56% 50%;
background-size: 228.57142857142856% 125%;;
background-repeat: no-repeat;
}
.c-tab-responsive .c-tab-m-tit.actived
{
color: #00a4ff;
}
.c-tab-responsive .c-tab-m-tit.actived:after
{
transform: rotate(-180deg);
background-image: url(/template/plugins/keywords/css/sprite/global-media33-201911291451.svg);;
background-position: 94.44% 50%;
background-size: 228.57142857142856% 125%;;
background-repeat: no-repeat;
}
.c-tab-responsive .c-tab-panel
{
display: none;
}
.c-tab-responsive .c-tab-panel-mod
{
padding: 10px 20px;
background-color: #f7f8fa;
border-bottom: 1px solid #e5e5e5;
text-align: left;
display: block;
}
.c-tab-v .c-tab-panel
{
display: block;
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 1000px)
{
.c-tab-cross .c-tab-simple
{
margin: 0 15px;
}
}
@media screen and (max-width: 768px)
{
.c-tab-cross .c-tab-hd
{
padding: 0 10px;
text-align: left;
}
.c-tab-cross .c-tab-ctrl
{
display: -webkit-box;
display: flex;
-webkit-box-lines: single;
flex-wrap: nowrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.c-tab-cross .c-tab-simple
{
margin: 0;
white-space: nowrap;
}
.c-tab-cross .c-tab-simple a:hover
{
color: #000;
}
.c-tab-btns a
{
background-color: #f7f8fa;
}
.c-tab-btns .next, .c-tab-btns .prev
{
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
}
}
@media all and (max-width: 768px)
{
.c-pagearea
{
padding: 35px 0;
}
.c-pagearea-tit .area-title
{
font-size: 24px;
}
.c-pagearea-con
{
margin-top: 35px;
}
}
@media screen and (max-width: 1367px)
{
.c-section.c-p-y-tall
{
padding: 45px 10px 50px;
}
.c-section-hd
{
margin-bottom: 30px;
}
.c-section-tit
{
font-size: 24px;
}
.c-section-des
{
font-size: 16px;
}
}
@media screen and (max-height: 769px)
{
.c-section.c-p-y-tall
{
padding: 45px 10px 50px;
}
.c-section-hd
{
margin-bottom: 30px;
}
.c-section-tit
{
font-size: 24px;
}
.c-section-des
{
font-size: 16px;
}
}
@media screen and (max-width: 768px)
{
.c-section.c-p-y-tall
{
padding: 45px 0 50px;
}
}
@media screen and (max-width: 1000px)
{
.c-section-inner
{
padding: 0 20px;
}
}
@media screen and (min-width: 1921px)
{
.c-section.c-p-y-tall
{
padding: 90px 0;
}
}
@media screen and (max-width: 600px)
{
.c-section-expand .c-section-inner
{
padding: 0;
}
.c-section-expand .c-section-des, .c-section-expand .c-section-tit
{
padding: 0 20px;
}
}
@media screen and (max-width: 1000px)
{
.c-step-link
{
margin-top: 30px;
}
.c-step-box .c-step-col
{
position: relative;
float: none;
font-size: 16px;
width: 100%;
padding-left: 50px;
}
.c-step-box .c-step-col+.c-step-col
{
margin-top: 20px;
}
.c-step-line
{
position: inherit;
}
.c-step-time
{
position: absolute;
top: 50%;
left: 4px;
padding: 10px;
width: 42px;
white-space: inherit;
text-align: right;
}
.c-step-time em
{
display: block;
}
.c-step-bor
{
height: 100%;
width: 1px;
background: #ddd;
display: block;
position: absolute;
top: 33px;
left: 69px;
}
.c-step-without-time .c-step-col
{
padding-left: 0;
}
.c-step-without-time .c-step-bor
{
left: 19px;
}
}
@media screen and (max-width: 600px)
{
.c-datacard
{
padding: 0 20px;
}
.c-datacard-title
{
margin-top: 20px;
}
.c-datacard-toolbar
{
position: relative;
left: inherit;
right: inherit;
bottom: inherit;
}
.c-datacard-config
{
margin: 0;
}
.c-datacard-bd
{
margin: 20px 0;
}
}
@media screen and (max-width: 480px)
{
.c-datacard-config
{
width: 100%;
}
.c-datacard-config+.c-datacard-config
{
margin-top: 20px;
}
}
@media screen and (max-width: 768px)
{
.c-package-card
{
padding: 20px;
}
.c-package-card-body
{
display: block;
padding: 0;
}
.c-package-card-aside
{
display: block;
width: auto;
padding: 0;
margin-top: 20px;
}
.c-package-card-cell, .c-package-card-cell:first-child
{
display: block;
padding: 10px 15px;
border: 1px solid #e5e5e5;
margin-bottom: 10px;
}
.c-package-card-body:after, .c-package-card-cell:after
{
display: none;
}
.c-package-card-cell-opr
{
padding-bottom: 15px;
}
.c-package-card-cell-btn
{
position: relative;
}
.qc-s-txtblock-item, .qc-s-txtblock-item:last-child
{
display: block;
width: auto;
margin-right: 0;
margin-bottom: 10px;
border: 1px solid #e5e5e5;
padding: 15px 30px 10px;
}
.c-package-card-event
{
font-size: 12px;
top: auto;
right: -5px;
bottom: 130px;
}
.c-package-card-img
{
display: none;
}
}
@media screen and (max-height: 768px)
{
.c-hero-section
{
height: 320px;
}
.c-hero-section .c-hero-section-inner
{
padding: 105px 0 0 10px;
}
.c-hero-section .c-hero-section-tit
{
font-size: 30px;
}
.c-hero-section .c-hero-section-btn .c-btn
{
height: 35px;
line-height: 35px;
font-size: 14px;
}
.c-hero-section .c-hero-section-des
{
font-size: 14px;
margin: 10px 0 15px;
}
.c-hero-section-nobtn .c-hero-section-inner
{
padding: 125px 0 0 10px;
}
.c-hero-section.c-hero-forsale .c-hero-section-tit
{
font-size: 42px;
}
.c-hero-section.c-hero-forsale .c-hero-section-des
{
font-size: 18px;
}
.c-hero-section.c-hero-without-nav
{
height: 255px;
}
}
@media screen and (max-width: 1366px)
{
.c-hero-section
{
height: 320px;
}
.c-hero-section .c-hero-section-inner
{
padding: 105px 0 0 10px;
}
.c-hero-section .c-hero-section-tit
{
font-size: 30px;
}
.c-hero-section .c-hero-section-btn .c-btn
{
height: 35px;
line-height: 35px;
font-size: 14px;
}
.c-hero-section .c-hero-section-des
{
font-size: 14px;
margin: 10px 0 15px;
}
.c-hero-section-nobtn .c-hero-section-inner
{
padding: 125px 0 0 10px;
}
.c-hero-section.c-hero-forsale .c-hero-section-tit
{
font-size: 42px;
}
.c-hero-section.c-hero-forsale .c-hero-section-des
{
font-size: 18px;
}
.c-hero-section.c-hero-without-nav
{
height: 255px;
}
}
@media screen and (max-width: 768px)
{
.c-hero-section .c-hero-section-ct
{
width: 70%;
}
.c-hero-section .c-hero-section-inner
{
padding: 95px 0 0 10px;
}
.c-hero-section-nobtn .c-hero-section-inner
{
padding: 115px 0 0 10px;
}
.c-hero-section.c-hero-forsale .c-hero-section-ct
{
width: 100%;
}
}
@media screen and (max-width: 600px)
{
.c-hero-section
{
background-image: url(/template/plugins/keywords/css/mod/img/website-bg-m.jpg);
}
.c-hero-section .c-hero-section-inner
{
width: 100%;
padding: 85px 0 0;
}
.c-hero-section .c-hero-section-ct
{
width: 100%;
padding-left: 0;
margin-top: 27px;
}
.c-hero-section .c-hero-section-tit
{
text-align: center;
}
.c-hero-section .c-hero-section-btn .c-btn
{
width: 100%;
font-size: 14px;
}
.c-hero-section-nobtn .c-hero-section-inner
{
padding: 100px 0 0;
}
.c-hero-section-doublebtn .c-hero-section-btn .c-btn
{
width: 48%;
margin-right: 4%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
min-width: 100px;
}
.c-hero-section-doublebtn .c-hero-section-btn .c-btn:nth-child(2)
{
margin-right: 0;
margin-left: 0;
}
.c-hero-section-center .c-hero-section-btn .c-btn.c-btn
{
width: inherit;
}
.c-hero-section.c-hero-forsale .c-hero-section-tit
{
font-size: 30px;
}
.c-hero-section.c-hero-forsale .c-hero-section-des
{
font-size: 14px;
}
.c-hero-section.c-hero-without-nav
{
height: 265px;
}
}
@media screen and (max-width: 600px)
{
.c-hero-bar-inner
{
padding: 0 20px;
height: 160px;
}
.c-hero-bar-tit
{
font-size: 24px;
}
.c-hero-bar-desc
{
font-size: 14px;
}
}
@media(max-width: 768px)
{
.c-thumbnail-img-ctrl
{
padding: 10px 10px 15px 15px;
}
.c-thumbnail-tit
{
font-size: 16px;
margin-top: 10px;
}
.c-thumbnail-status-bar
{
padding-left: 15px;
line-height: 35px;
}
}
@media screen and (max-width: 700px)
{
.c-video-dialog
{
height: auto;
padding-top: 71.42857143%;
}
.c-video-dialog-close
{
display: none;
}
}
@media screen and (max-width: 1000px)
{
.c-map-wrap
{
min-width: 560px;
min-height: 271px;
width: 91.1458vw;
height: 44.1319vw;
}
.c-map-dot
{
width: 10px;
height: 10px;
cursor: default;
}
.c-map-dot-layer
{
margin: -2px 0 0 -2px;
width: 4px;
height: 4px;
}
.c-map-dot-text
{
margin-top: -2px;
font-size: 12px;
line-height: 14px;
}
.c-map-dot.animate:hover .c-map-dot-layer:after, .c-map-dot.animate:hover:after
{
-webkit-animation: none;
animation: none;
}
.c-map-dot:hover .c-map-bubble
{
display: none;
}
.c-map-dot.style-db:before
{
width: 10px;
height: 10px;
top: -1px;
left: -5px;
background-color: #fff;
}
.c-map-dot.style-db .c-map-dot-layer:before
{
width: 4px;
height: 4px;
top: -1px;
left: -5px;
}
}
@media screen and (max-width: 768px)
{
.c-map-bubble
{
display: none;
}
}
@media screen and (max-width: 600px)
{
.home-map-mod
{
display: none;
}
.home-m-map-mod
{
display: block;
}
.home-m-map-wrap
{
background-color: #272d3a;
}
.home-m-map
{
margin-bottom: 5px;
text-align: center;
}
.home-m-map img
{
display: inline-block;
vertical-align: middle;
max-width: 100%;
}
.home-m-map-infos
{
font-size: 0;
}
.home-m-map-infos>li
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
padding: 0 20px;
width: 50%;
}
.home-m-map-infos>li:first-child
{
padding-left: 15px;
}
.home-m-map-infos>li:last-child
{
padding-right: 15px;
}
.home-m-map-infos-item
{
position: relative;
padding: 15px 0 17px 10px;
border-top: 1px solid #3d424e;
color: #fffefe;
}
.home-m-map-infos-icon
{
position: absolute;
right: 0;
top: 15px;
width: 24px;
height: 24px;
}
.home-m-map-infos-icon.location
{
background-image: url(/template/plugins/keywords/css/sprite/global-media56-201911291451.svg);;
background-position: 96.43% 50%;
background-size: 216.66666666666666% 108.33333333333333%;;
background-repeat: no-repeat;
}
.home-m-map-infos-icon.branch
{
background-image: url(/template/plugins/keywords/css/sprite/global-media56-201911291451.svg);;
background-position: 3.5700000000000003% 50%;
background-size: 216.66666666666666% 108.33333333333333%;;
background-repeat: no-repeat;
}
.home-m-map-infos-item em
{
position: relative;
display: block;
height: 30px;
font-size: 28px;
line-height: 30px;
}
.home-m-map-infos-item .extra-txt
{
position: absolute;
top: -2px;
margin-left: 4px;
font-size: 22px;
line-height: 1;
}
.home-m-map-infos-item h4
{
font-size: 14px;
line-height: 1.5;
opacity: .5;
font-weight: 400;
}
.home-m-map-detail
{
padding: 20px 15px;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.home-m-map-detail-item
{
display: inline-block;
vertical-align: top;
margin-right: 45px;
font-size: 14px;
line-height: 1.5;
}
.home-m-map-detail-item:last-child
{
margin-right: 0;
}
.home-m-map-detail-item>dt
{
margin-bottom: 12px;
color: #000;
font-weight: 700;
}
.home-m-map-detail-item .area-item
{
margin-right: 15px;
color: #333;
line-height: 1.7;
}
.home-m-map-detail-item .area-item.disabled
{
color: #999;
}
.home-m-map-detail-item .area-item:last-child
{
margin-right: 0;
}
}
@media screen and (max-width: 1400px)
{
.c-tit-mod .c-tit
{
font-size: 24px;
}
.c-tit-mod .c-des
{
font-size: 16px;
}
}
@media screen and (max-width: 600px)
{
.c-tit-mod .c-tit
{
font-size: 20px;
}
.c-tit-mod .c-des
{
font-size: 14px;
}
}
@media screen and (max-width: 1230px)
{
.qc-navigation .operation
{
right: 10px;
}
}
@media screen and (max-width: 1150px)
{
.qc-navigation .logo
{
margin-right: 1%;
}
.qc-navigation .categories .menu>.presentation h2 a, .user-id
{
font-size: 14px;
padding: 0 10px;
}
.operation .link-mc, .qc-navigation .login .text
{
font-size: 12px;
}
.qc-navigation .search
{
margin-right: 10px;
}
.qc-navigation .login .text
{
padding-left: 5px;
padding-right: 5px;
}
.qc-navigation .login .login-op
{
margin-right: 15px;
}
}
@media screen and (max-width: 1150px)
{
.qc-navigation .menu-level-1, .qc-navigation .menu-level-2
{
width: 180px;
}
.qc-navigation .menu-level-3, .qc-navigation .menu-list-wrap
{
margin-left: 180px;
}
}
@media screen and (min-width: 767px) and (max-width: 1199px)
{
.qc-navigation, .qc-navigation .navigation-inner, .tc-footer
{
min-width: 1000px;
}
}
@media screen and (max-width: 1199px)
{
.qc-footer
{
min-width: 1000px;
}
.qc-footer-service .fs-ct, .qc-footer-service .fs-ct.item-last
{
width: 20%;
}
.qc-footer-service .fs-ct
{
text-align: center;
}
.qc-footer-website .columns, .qc-footer-website .columns.column-follow
{
width: 20%;
text-align: center;
}
.qc-footer-website .columns .cl-ct
{
display: inline-block;
text-align: left;
}
.qc-footer-blogroll .blogroll-inner
{
text-align: center;
padding: 0 10px;
}
.qc-footer-blogroll .link-set
{
text-align: left;
}
.qc-footer-blogroll .locale
{
position: relative;
text-align: center;
margin-top: 30px;
}
}
@media screen and (max-width: 768px)
{
.mod-scroll-btn
{
display: none;
}
.m-scroll-top
{
display: block;
}
.head-light-tips, .qc-navigation
{
display: none;
}
.qc-navigation-mobile
{
display: block;
}
.tc-footer
{
min-width: 320px;
padding-bottom: 40px;
}
.tc-footer .tc-footer-columns
{
display: none;
}
.tc-footer .column-certification, .tc-footer .column-follow
{
width: auto;
margin-left: 10px;
margin-right: 10px;
}
.tc-footer .columns h3, .tc-footer .columns ul
{
padding-left: 30px;
}
.tc-footer .column-certification .certification .ct-img img
{
max-width: 100%;
}
.tc-footer .column-certification>h3
{
padding-left: 0;
}
.qc-footer
{
min-width: 320px;
}
.qc-footer .qc-footer-service
{
display: none;
}
.qc-footer-blogroll .blogroll-inner
{
display: block;
margin: 0 20px;
width: auto;
padding-left: 0;
padding-right: 0;
}
.qc-footer-blogroll .department
{
line-height: 24px;
}
.qc-footer-blogroll .links .copyright
{
text-align: center;
}
.qc-footer-blogroll .links .copyright .slide span
{
display: inline-block;
}
}
@media screen and (max-width: 600px)
{
.tc-footer .columns, .tc-footer .tc-footer-copyright .department
{
display: none;
}
.tc-footer .tc-footer-copyright .links .line-2 .slide
{
display: block;
}
.tc-footer .tc-footer-copyright .department, .tc-footer .tc-footer-copyright .department a
{
font-size: 14px;
}
.qc-footer-action .footer-action
{
padding-top: 25px;
padding-bottom: 25px;
overflow: hidden;
}
.qc-footer-action .text
{
font-size: 16px;
padding-bottom: 20px;
width: 100%;
}
.qc-footer-action .op-btns .bt
{
font-size: 14px;
line-height: 30px;
padding-left: 25px;
padding-right: 25px;
margin-left: 10px;
margin-right: 10px;
}
.qc-footer-website .website-columns
{
padding-bottom: 25px;
border-bottom: none;
}
.qc-footer-website .columns, .qc-footer-website .columns.column-follow
{
display: block;
margin: 0 10px;
width: auto;
text-align: left;
border-bottom: 1px solid #393c40;
}
.qc-footer-website .columns .cl-ct
{
display: block;
}
.qc-footer-website .columns .cl-ct .ct-list
{
display: none;
}
.qc-footer-website .columns h3
{
margin-bottom: 0;
}
.qc-footer-website .columns .ct-title
{
margin: 0;
line-height: 40px;
display: block;
position: relative;
}
.qc-footer-website .columns .ct-title:after
{
content: '';
border: 1px solid #fff;
display: block;
width: 6px;
height: 6px;
margin: auto;
position: absolute;
top: 15px;
right: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
}
.qc-footer-website .m-open .cl-ct .ct-list
{
display: block;
}
.qc-footer-website .m-open .ct-title:after
{
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: none;
border-left: none;
}
.qc-footer-website .m-open .cl-ct .ct-list a
{
margin-bottom: 3px;
}
.qc-footer-website .columns .footer-icon
{
display: none;
}
.qc-footer-website-node-wechat, .qc-footer-website-node-weibo
{
display: none!important;
}
.qc-footer-website .columns .m-text
{
display: block;
}
.qc-footer-website .m-call
{
display: block;
margin: 0 20px;
width: auto;
}
.qc-footer-website .m-call .call-num
{
display: block;
font-size: 14px;
color: #ccc;
border-radius: 2px;
border: 1px solid #ccc;
line-height: 40px;
text-align: center;
}
.qc-footer-website .m-qr
{
display: block;
}
.qc-footer-blogroll .department, .qc-footer-blogroll .slide.slide-ct
{
display: none;
}
.qc-footer-blogroll .locale
{
margin-top: 10px;
}
}
@media screen and (max-width: 1366px)
{
.c-nav-categories .presentation>a
{
padding: 0 10px;
}
.c-nav-links .link-item
{
padding: 0 7px;
}
}
@media screen\0
{
.c-nav-trigger .c-nav-trigger-icon
{
background: url(/template/plugins/keywords/css/img/nav/slice/nav-3232-inline.svg);
}
.c-nav-trigger.actived .c-nav-trigger-icon
{
background: url(/template/plugins/keywords/css/img/nav/slice/nav-3232-actived-inline.svg);
}
.c-nav-flyout-trigger .c-nav-flyout-trigger-icon
{
background: url(/template/plugins/keywords/css/img/nav/slice/nav-2218.svg);
}
.c-nav-flyout-trigger.actived .c-nav-flyout-trigger-icon
{
background: url(/template/plugins/keywords/css/img/nav/slice/nav-2218-actived.svg);
}
.c-logo-icon
{
background: url(/template/plugins/keywords/css/img/nav/slice/logo-9225-color.svg);
}
}
@media screen and (max-width: 768px)
{
.c-nav-mod-pc
{
display: none;
}
.c-nav-wrap-m
{
display: block;
z-index: 1000;
background-color: #202124;
}
.c-nav-wrap
{
display: none;
}
}
@media screen and (max-width: 1000px)
{
.c-nav-mod .search-m.search-cancel .c-top-searchbar.searchbar-show
{
width: 260px;
}
.c-nav-mod .search-m.search-cancel .searchbar-show .c-top-searchbar-box
{
width: 260px;
max-width: 260px;
}
}
@media screen and (min-width: 769px)
{
.c-nav-mod .search-cancel .c-top-searchbar:after
{
content: "";
position: absolute;
left: 10px;
bottom: 0;
width: calc(100% - 20px);
background-color: rgba(124,132,142,.3);
height: 1px;
}
}
@media screen and (max-width: 1366px)
{
.c-nav-links .link-item
{
padding: 0 7px;
}
}
@media screen and (max-width: 1200px)
{
.search-icon-rt .c-top-searchbar-box
{
max-width: 580px;
}
.c-nav-mod .c-nav-bottom .search-icon-rt.c-top-searchbar.searchbar-show
{
width: 460px;
}
}
@media screen and (max-width: 1280px)
{
.c-nav-mod .c-nav-bottom.responsive .c-nav-bm-search-btn
{
display: inline-block;
padding-left: 10px;
padding-right: 10px;
height: 36px;
line-height: 36px;
margin: 9px 10px 0 0;
}
.c-nav-mod .c-nav-bottom.responsive .c-nav-bm-search
{
display: none;
}
}
@media screen and (max-width: 768px)
{
.c-nav-mod .c-top-searchbar-box .nav-dropdown-mini
{
top: 55px;
}
.c-nav-wrap-m.c-nav .c-nav-bg-logo>i
{
width: 92px;
height: 25px;
display: inline-block;
overflow: hidden;
text-indent: -10000px;
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
margin-top: 15px;
background-position: 50% 2.17%;
background-size: 102.17391304347827% 284%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-nav-inner
{
padding: 0 0 0 20px;
}
.c-nav-wrap-m.c-nav .c-nav-icon-user-m
{
width: 24px;
height: 24px;
display: inline-block;
margin-top: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
background-position: 38.57% 59.57%;
background-size: 391.66666666666663% 295.83333333333337%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-nav-icon-search-m
{
width: 24px;
height: 24px;
display: inline-block;
margin-top: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
background-position: 1.43% 59.57%;
background-size: 391.66666666666663% 295.83333333333337%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-nav-r-btn
{
display: inline-block;
padding: 18px 10px 17px;
vertical-align: middle;
}
.c-nav-wrap-m.c-nav .c-nav-m-btn
{
height: 54px;
line-height: 54px;
padding: 0 10px;
display: inline-block;
color: #fff;
vertical-align: middle;
}
.c-nav-wrap-m.c-nav .c-nav-right
{
position: absolute;
right: 10px;
top: 0;
font-size: 14px;
white-space: nowrap;
}
.c-nav-wrap-m.c-nav .nav-search-icon
{
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
width: 16px;
height: 16px;
vertical-align: sub;
background-position: 1.28% 98.18%;
background-size: 587.5% 443.75%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-top-searchbar
{
background-color: #16171a;
}
.c-nav-mod-m .c-nav-m-menu .m-tit-level-1.no-items.actived:after, .c-nav-mod-m .c-nav-m-menu .m-tit-level-1.no-items:after
{
display: none;
}
.c-nav-mod-m .c-nav-m-menu .m-tit-level-1.actived>a
{
color: #00a4ff;
}
.c-nav-mod .c-top-searchbar-box .search-btn-close, .c-nav-mod .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn
{
padding-top: 8px;
}
.c-nav-wrap-m.c-nav
{
min-width: 320px;
}
.c-nav-wrap-m.c-nav .c-nav-inner
{
height: 55px;
position: relative;
font-size: 0;
}
.c-nav-flyout-trigger, .c-nav-wrap-m.c-nav .c-nav-trigger
{
display: none;
}
.c-nav-wrap-m.c-nav .c-nav-logo
{
display: inline-block;
vertical-align: middle;
margin-right: 20px;
margin-left: 20px;
position: relative;
right: 0;
}
.c-nav-wrap-m.c-nav .c-logo-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
background-position: 50% 2.17%;
background-size: 102.17391304347827% 284%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-nav-categories, .c-nav-wrap-m.c-nav .c-nav-operation
{
display: none;
}
.c-nav-wrap-m.c-nav .c-nav-m-ctrl
{
display: block;
position: absolute;
right: 10px;
top: 0;
height: 100%;
}
.c-nav-wrap-m.c-nav .c-nav-m-ctrl:after
{
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
.c-nav-wrap-m.c-nav .c-nav-r-btn span
{
display: block;
width: 20px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #fff;
border-radius: 3px;
z-index: 1;
-webkit-transform-origin: 20px;
transform-origin: 20px;
transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;
}
.c-nav-wrap-m.c-nav .c-nav-r-btn.toggle-animate span
{
opacity: 1;
transform: rotate(45deg);
}
.c-nav-wrap-m.c-nav .c-nav-r-btn.toggle-animate span:nth-last-child(3)
{
opacity: 1;
transform: rotate(-45deg);
}
.c-nav-wrap-m.c-nav .c-nav-r-btn span:nth-last-child(2)
{
transform: rotate(0);
transition: width .5s ease;
}
.c-nav-wrap-m.c-nav .c-nav-r-btn.toggle-animate span:nth-last-child(2)
{
width: 0;
opacity: 0;
transform: rotate(0);
transition: width .5s;
}
.c-nav-wrap-m.c-nav .c-nav-r-btn span:last-child
{
margin-bottom: 0;
}
.c-nav-wrap-m.c-nav .nav-dropdown-btn-txt
{
padding: 10px;
}
.c-nav-wrap-m.c-nav .c-searchbar
{
background-color: #16171a;
position: absolute;
top: 55px;
left: 0;
width: 100%;
padding: 0;
z-index: 99;
}
.c-nav-wrap-m.c-nav .c-searchbar .c-searchbar-box
{
text-align: left;
}
.c-nav-wrap-m.c-nav .c-searchbar .dropdown-mini-inner .dropdown-mini-list
{
padding-bottom: 20px;
}
.c-nav-wrap-m.c-nav .c-searchbar .dropdown-mini-inner .dropdown-mini-item a
{
padding-left: 20px;
padding-right: 20px;
}
.c-nav-wrap-m.c-nav .c-searchbar-box .search-ipt
{
width: 88%;
height: 35px;
box-sizing: border-box;
padding: 5px 5px 5px 25px;
border-radius: 3px;
background-color: #16171a;
color: #fff;
font-size: 16px;
vertical-align: middle;
}
.c-nav-wrap-m.c-nav .c-searchbar-box .search-btn
{
text-indent: -1000px;
overflow: hidden;
outline: 0;
position: absolute;
background-color: #16171a;
width: 30px;
height: 55px;
left: 12px;
top: 0;
}
.c-nav-wrap-m.c-nav .c-searchbar-box .search-btn:hover
{
background-color: #16171a;
color: #fff;
}
.c-nav-wrap-m.c-nav .c-searchbar-box .search-btn:after
{
position: absolute;
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
width: 16px;
height: 16px;
border: 0;
left: 50%;
top: 50%;
margin: -9px 0 0 -8px;
background-position: 67.95% 50.91%;
background-size: 587.5% 443.75%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-searchbar-box.actived .search-ipt
{
background-color: #fff;
color: #333;
padding: 5px 5px 5px 30px;
}
.c-nav-wrap-m.c-nav .c-searchbar-box.actived .search-btn
{
background-color: transparent;
left: 20px;
}
.c-nav-wrap-m.c-nav .c-searchbar-box.actived .search-btn:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media74-201911291451.svg);;
background-position: 91.03% 50.91%;
background-size: 587.5% 443.75%;;
background-repeat: no-repeat;
}
.c-nav-wrap-m.c-nav .c-searchbar-ctrl
{
border-bottom: #202124 1px solid;
padding-right: 20px;
padding-left: 20px;
height: 55px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-nav-wrap-m.c-nav .c-searchbar-box .nav-dropdown-mini
{
background-color: #16171a;
}
.c-nav-wrap-m.c-nav .dropdown-mini-inner .dropdown-mini-item a
{
color: #fff;
padding: 0 20px;
}
.c-nav-wrap-m.c-nav .search-btn-cancel
{
color: #fff;
visibility: hidden;
display: inline-block;
vertical-align: middle;
width: 12%;
line-height: 55px;
text-align: right;
font-size: 14px;
box-sizing: border-box;
}
.c-nav-wrap-m.c-nav .c-searchbar-box.actived .search-btn-cancel
{
visibility: visible;
}
.c-nav-m-wrap
{
display: block;
position: relative;
margin-top: 56px;
}
.c-nav-m-menu a
{
display: block;
height: 100%;
color: #fff;
}
.c-nav-m-menu .m-tit-level-1
{
display: block;
font-size: 14px;
color: #fff;
background-color: #16171a;
height: 45px;
line-height: 45px;
padding-left: 20px;
border-bottom: #2b2b2e 1px solid;
position: relative;
}
.c-nav-m-menu .m-tit-level-1:after, .c-nav-m-menu .m-tit-level-2.hasitem:after
{
content: '';
border: 2px solid #777;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
right: 20px;
}
.c-nav-m-menu .m-tit-level-1.actived:after, .c-nav-m-menu .m-tit-level-2.hasitem.actived:after
{
top: 20px;
border-bottom: none;
border-left: none;
border-right: 2px solid #777;
border-top: 2px solid #777;
}
.c-nav-m-menu .m-tit-level-2
{
display: block;
font-size: 14px;
color: #fff;
background-color: #202124;
height: 45px;
line-height: 45px;
padding-left: 20px;
border-bottom: #2b2b2e 1px solid;
position: relative;
}
.c-nav-m-menu .m-tit-level-3
{
margin-bottom: 0;
padding-right: 0;
font-size: 14px;
height: 45px;
line-height: 45px;
padding-left: 35px;
position: relative;
background-color: #202124;
}
.c-nav-m-menu .m-tit-level-3.hasitem
{
padding: 0 0 0 35px;
line-height: 45px;
}
.c-nav-m-menu .m-tit-level-3.hasitem:after
{
content: '';
border: 2px solid #777;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
right: 20px;
}
.c-nav-m-menu .m-tit-level-3.hasitem.actived:after
{
top: 20px;
border-bottom: none;
border-left: none;
border-right: 2px solid #777;
border-top: 2px solid #777;
}
.c-nav-m-menu .m-tit-level-4-tit
{
display: block;
padding: 0 0 0 45px;
position: relative;
line-height: 35px;
margin: 0;
background-color: #2b2b2b;
}
.c-nav-m-menu .m-tit-level-4
{
display: block;
padding: 0 0 0 55px;
position: relative;
line-height: 35px;
margin: 0;
background-color: #2b2b2b;
}
.c-nav-m-menu .m-tit-level-4:after
{
display: block;
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #999;
border-radius: 50%;
left: 45px;
top: 15px;
}
.c-nav-m-footer
{
display: block;
background-color: #16171a;
padding: 20px;
}
.footer-list-item
{
line-height: 35px;
}
.footer-list-item a
{
color: #999;
display: block;
}
.c-nav-m-user
{
display: block;
position: absolute;
top: 55px;
left: 0;
right: 0;
background-color: #16171a;
z-index: 100;
padding-top: 5px;
}
.c-nav-m-user .dropdown-mini-item
{
line-height: 45px;
position: relative;
border-bottom: #2b2b2e 1px solid;
}
.c-nav-m-user .dropdown-mini-item:last-of-type
{
border-bottom: none;
}
.c-nav-m-user .dropdown-mini-item a
{
color: #fff;
display: block;
padding: 0 20px;
min-width: 80px;
}
.c-nav-m-user .dropdown-mini-item .nav-status-num
{
height: auto;
line-height: 44px;
padding: 0;
color: #ff944d;
background: 0 0;
border-radius: 0;
position: static;
display: inline-block;
margin-left: 10px;
}
.c-nav-m-user .dropdown-mini-item .nav-status-num:before
{
content: '(';
display: inline-block;
margin-right: 3px;
}
.c-nav-m-user .dropdown-mini-item .nav-status-num:after
{
content: ')';
display: inline-block;
margin-left: 3px;
}
c-nav-m-footer .mini-item-nickname
{
max-width: none;
}
.nav-dropdown-menu .menu-item.hasitem
{
padding: 0;
}
.nav-dropdown-menu .menu-item.hasitem a
{
line-height: 45px;
}
.nav-dropdown-menu .menu-item.hasitem a h3
{
padding-left: 35px;
}
.nav-dropdown-menu .menu-item.hasitem a h3:after
{
content: '';
border: 2px solid #667180;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
right: 20px;
}
.nav-dropdown-menu .menu-item.hasitem a.actived h3:after
{
top: 20px;
border-bottom: none;
border-left: none;
border-right: 2px solid #667180;
border-top: 2px solid #667180;
}
.nav-dropdown-menu .menu-item-child
{
background-color: #2b2b2b;
}
.nav-dropdown-menu .menu-item-child li
{
display: block;
padding: 0 0 0 55px;
position: relative;
line-height: 35px;
margin: 0;
}
.nav-dropdown-menu .menu-item-child li a
{
border: 0;
line-height: inherit;
}
.nav-dropdown-menu .menu-item-child li:after, .nav-dropdown-menu .menu-item-child li:last-child:after
{
display: block;
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #999;
border-radius: 50%;
left: 45px;
top: 15px;
}
.c-nav-mask
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,.6);
z-index: 99;
}
.c-nav-m-dropdown-btn
{
padding: 20px 10px;
text-align: center;
font-size: 0;
}
.c-nav-m-dropdown-btn .c-btn
{
vertical-align: middle;
min-width: 100%;
}
.c-nav-m-text-item
{
padding-bottom: 10px;
text-align: center;
}
.c-nav-m-text-item:nth-of-type(1)
{
font-size: 12px;
}
.c-nav-m-text-item:nth-of-type(2)
{
font-size: 14px;
}
.c-nav-m-dropdown-btn .c-g-12
{
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
@media screen and (max-width: 1366px)
{
.c-nav-mod .c-nav-bm-categories .presentation>a, .c-nav-mod .c-nav-bottom .presentation .c-nav-dropdown-btn>.c-nav-dropdown-btn-inner
{
padding: 0 10px;
}
.c-nav-mod .c-nav-bottom .c-nav-project-logo
{
padding-right: 10px;
padding-left: 10px;
}
.c-nav-mod .c-nav-bottom
{
padding: 0 10px;
}
}
@media screen and (max-width: 1560px)
{
.c-bubble.p-all
{
padding-left: 10px;
padding-left: calc((100% - 1180px) / 2);
}
}
@media screen and (max-width: 1200px)
{
.c-bubble.p-all
{
padding-left: 10px;
padding-right: 10px;
}
.c-bubble.p-all .c-bubble-inner
{
display: block;
width: 100%;
}
.c-nav .menu-list-col
{
width: 200px;
}
}
@media screen and (max-width: 1100px)
{
.c-nav .menu-list-col
{
width: 180px;
}
}
@media screen and (max-width: 768px)
{
.c-nav-mod .c-top-searchbar .search-ipt, .c-nav-mod .c-top-searchbar.searchbar-show .search-ipt
{
width: calc(100% - 45px);
padding-left: 45px;
}
.c-nav-mod .c-top-searchbar .nav-search-icon
{
width: 16px;
}
.c-nav-mod .c-top-searchbar .c-top-searchbar-box .search-btn, .c-nav-mod .c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn
{
width: 25px;
}
.c-nav-mod .c-top-searchbar .search-btn-close, .c-nav-mod .c-top-searchbar.searchbar-show .search-btn-close
{
width: 45px;
}
}
@media screen and (max-width: 1200px)
{
.c-nav .menu-list-col:last-child
{
padding-right: 20px;
width: 220px;
}
}
@media screen and (max-width: 1100px)
{
.c-nav .menu-list-col:last-child
{
padding-right: 20px;
width: 200px;
}
}
@media screen and (max-width: 850px)
{
.c-nav-white .c-nav-bm-categories-collapse .c-nav-list-more::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media82-201911291451.svg);;
background-position: 50% 6.67%;
background-size: 385.7142857142857% 236.36363636363637%;;
background-repeat: no-repeat;
}
.c-nav-white .c-nav-bm-categories-collapse.collapsed .c-nav-list-more::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media82-201911291451.svg);;
background-position: 95% 6.67%;
background-size: 385.7142857142857% 236.36363636363637%;;
background-repeat: no-repeat;
}
.c-nav-bm-categories-collapse .c-nav-list
{
min-width: 636px;
float: left;
-webkit-transition: left .3s;
-moz-transition: left .3s;
-ms-transition: left .3s;
-o-transition: left .3s;
transition: left .3s;
position: relative;
left: 0;
}
.c-nav-bm-categories-collapse .c-nav-list-wrap
{
width: calc(100% - 50px);
overflow: hidden;
float: left;
}
.c-nav-bm-categories-collapse
{
width: calc(100% - 150px - 47px);
position: relative;
}
.c-nav-bm-categories-collapse .c-nav-list-more
{
padding: 22px 20px 20px;
position: absolute;
right: 0;
top: 0;
line-height: 12px;
}
.c-nav-bm-categories-collapse .c-nav-list-more::after
{
content: "";
display: inline-block;
width: 7px;
height: 11px;
background-image: url(/template/plugins/keywords/css/sprite/global-media82-201911291451.svg);;
background-position: 5% 93.33%;
background-size: 385.7142857142857% 236.36363636363637%;;
background-repeat: no-repeat;
}
.c-nav-bm-categories-collapse .c-nav-list-more:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media82-201911291451.svg);;
background-position: 5% 6.67%;
background-size: 385.7142857142857% 236.36363636363637%;;
background-repeat: no-repeat;
}
.c-nav-bm-categories-collapse.collapsed .c-nav-list-more
{
left: 0;
right: auto;
padding-right: 20px;
padding-left: 12px;
}
.c-nav-bm-categories-collapse.collapsed
{
padding-left: 39px;
}
.c-nav-bm-categories-collapse.collapsed .c-nav-list-more::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media82-201911291451.svg);;
background-position: 50% 93.33%;
background-size: 385.7142857142857% 236.36363636363637%;;
background-repeat: no-repeat;
}
.c-nav-bm-categories-collapse.collapsed .c-nav-list-more:hover::after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media82-201911291451.svg);;
background-position: 95% 93.33%;
background-size: 385.7142857142857% 236.36363636363637%;;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px)
{
.c-nav-mod .c-top-searchbar.searchbar-show.search-out .search-ipt
{
width: 100%;
}
.c-nav
{
min-width: 320px;
}
.c-nav-hover:before
{
background-color: #202124;
height: 55px;
}
.c-nav-inner
{
height: 55px;
position: relative;
font-size: 0;
}
.c-nav-flyout-trigger, .c-nav-trigger
{
display: none;
}
.c-nav .c-nav-logo
{
display: inline-block;
vertical-align: middle;
margin-right: 20px;
margin-left: 20px;
position: relative;
right: 0;
}
.c-logo-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-media83-201911291451.svg);;
background-position: 50% 5%;
background-size: 102.17391304347827% 180%;;
background-repeat: no-repeat;
}
.c-nav-categories, .c-nav-operation
{
display: none;
}
.c-nav-m-ctrl
{
display: block;
position: absolute;
right: 10px;
top: 0;
height: 100%;
}
.c-nav-m-ctrl:after
{
content: '';
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
overflow: hidden;
}
.c-nav-r-btn
{
display: inline-block;
vertical-align: middle;
padding: 10px;
}
.c-nav-r-btn span
{
display: block;
width: 20px;
height: 2px;
margin-bottom: 5px;
position: relative;
background: #fff;
border-radius: 3px;
z-index: 1;
-webkit-transform-origin: 20px;
transform-origin: 20px;
transition: background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s;
}
.c-nav-r-btn.toggle-animate span
{
opacity: 1;
transform: rotate(45deg);
}
.c-nav-r-btn.toggle-animate span:nth-last-child(3)
{
opacity: 1;
transform: rotate(-45deg);
}
.c-nav-r-btn span:nth-last-child(2)
{
transform: rotate(0);
transition: width .5s ease;
}
.c-nav-r-btn.toggle-animate span:nth-last-child(2)
{
width: 0;
opacity: 0;
transform: rotate(0);
transition: width .5s;
}
.c-nav-r-btn span:last-child
{
margin-bottom: 0;
}
.nav-dropdown-btn-txt
{
padding: 10px;
}
.c-searchbar
{
background-color: #16171a;
position: absolute;
top: 55px;
left: 0;
width: 100%;
padding: 0;
z-index: 99;
}
.c-searchbar .c-searchbar-box
{
text-align: left;
}
.c-searchbar .dropdown-mini-inner .dropdown-mini-list
{
padding-bottom: 20px;
}
.c-searchbar .dropdown-mini-inner .dropdown-mini-item a
{
padding-left: 20px;
padding-right: 20px;
}
.c-searchbar-box .search-ipt
{
width: 88%;
height: 35px;
box-sizing: border-box;
padding: 5px 5px 5px 25px;
border-radius: 3px;
background-color: #16171a;
color: #fff;
font-size: 16px;
vertical-align: middle;
}
.c-searchbar-box .search-btn
{
text-indent: -1000px;
overflow: hidden;
outline: 0;
position: absolute;
background-color: #16171a;
width: 30px;
height: 55px;
left: 12px;
top: 0;
}
.c-searchbar-box .search-btn:hover
{
background-color: #16171a;
color: #fff;
}
.c-searchbar-box .search-btn:after
{
position: absolute;
background-image: url(/template/plugins/keywords/css/sprite/global-media83-201911291451.svg);;
width: 16px;
height: 16px;
border: 0;
left: 50%;
top: 50%;
margin: -9px 0 0 -8px;
background-position: 1.28% 96.55%;
background-size: 587.5% 281.25%;;
background-repeat: no-repeat;
}
.c-searchbar-box.actived .search-ipt
{
background-color: #fff;
color: #333;
padding: 5px 5px 5px 30px;
}
.c-searchbar-box.actived .search-btn
{
background-color: transparent;
left: 20px;
}
.c-searchbar-box.actived .search-btn:after
{
background-image: url(/template/plugins/keywords/css/sprite/global-media83-201911291451.svg);;
background-position: 24.36% 96.55%;
background-size: 587.5% 281.25%;;
background-repeat: no-repeat;
}
.c-searchbar-ctrl
{
border-bottom: #202124 1px solid;
padding-right: 20px;
padding-left: 20px;
height: 55px;
}
.c-searchbar-box .nav-dropdown-mini
{
background-color: #16171a;
}
.c-nav .dropdown-mini-inner .dropdown-mini-item a
{
color: #fff;
}
.c-nav .search-btn-cancel
{
color: #fff;
visibility: hidden;
display: inline-block;
vertical-align: middle;
width: 12%;
line-height: 55px;
text-align: right;
font-size: 14px;
box-sizing: border-box;
}
.c-searchbar-box.actived .search-btn-cancel
{
visibility: visible;
}
.c-nav-m-wrap
{
display: block;
position: relative;
margin-top: 56px;
}
.c-nav-m-menu a
{
display: block;
height: 100%;
color: #fff;
}
.c-nav-m-menu .m-tit-level-1
{
display: block;
font-size: 14px;
color: #fff;
background-color: #16171a;
height: 45px;
line-height: 45px;
padding-left: 20px;
border-bottom: #2b2b2e 1px solid;
position: relative;
}
.c-nav-m-menu .m-tit-level-1:after, .c-nav-m-menu .m-tit-level-2.hasitem:after
{
content: '';
border: 2px solid #777;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
right: 20px;
}
.c-nav-m-menu .m-tit-level-1.actived:after, .c-nav-m-menu .m-tit-level-2.hasitem.actived:after
{
top: 20px;
border-bottom: none;
border-left: none;
border-right: 2px solid #777;
border-top: 2px solid #777;
}
.c-nav-m-menu .m-tit-level-2
{
display: block;
font-size: 14px;
color: #fff;
background-color: #202124;
height: 45px;
line-height: 45px;
padding-left: 20px;
border-bottom: #2b2b2e 1px solid;
position: relative;
}
.c-nav-m-menu .m-tit-level-3
{
margin-bottom: 0;
padding-right: 0;
font-size: 14px;
height: 45px;
line-height: 45px;
padding-left: 35px;
position: relative;
background-color: #202124;
}
.c-nav-m-menu .m-tit-level-3.hasitem
{
padding: 0 0 0 35px;
line-height: 45px;
}
.c-nav-m-menu .m-tit-level-3.hasitem:after
{
content: '';
border: 2px solid #777;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
right: 20px;
}
.c-nav-m-menu .m-tit-level-3.hasitem.actived:after
{
top: 20px;
border-bottom: none;
border-left: none;
border-right: 2px solid #777;
border-top: 2px solid #777;
}
.c-nav-m-menu .m-tit-level-4-tit
{
display: block;
padding: 0 0 0 45px;
position: relative;
line-height: 35px;
margin: 0;
background-color: #2b2b2b;
}
.c-nav-m-menu .m-tit-level-4
{
display: block;
padding: 0 0 0 55px;
position: relative;
line-height: 35px;
margin: 0;
background-color: #2b2b2b;
}
.c-nav-m-menu .m-tit-level-4:after
{
display: block;
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #999;
border-radius: 50%;
left: 45px;
top: 15px;
}
.c-nav-m-footer
{
display: block;
background-color: #16171a;
padding: 20px;
}
.footer-list-item
{
line-height: 35px;
}
.footer-list-item a
{
color: #999;
display: block;
}
.c-nav-m-user
{
display: block;
position: absolute;
top: 55px;
left: 0;
right: 0;
background-color: #16171a;
z-index: 100;
padding-top: 5px;
}
.c-nav-m-user .dropdown-mini-item
{
line-height: 45px;
position: relative;
border-bottom: #2b2b2e 1px solid;
}
.c-nav-m-user .dropdown-mini-item:last-of-type
{
border-bottom: none;
}
.c-nav-m-user .dropdown-mini-item a
{
color: #fff;
display: block;
padding: 0 20px;
min-width: 80px;
}
.c-nav-m-user .dropdown-mini-item .nav-status-num
{
height: auto;
line-height: 44px;
padding: 0;
color: #ff944d;
background: 0 0;
border-radius: 0;
position: static;
display: inline-block;
margin-left: 10px;
}
.c-nav-m-user .dropdown-mini-item .nav-status-num:before
{
content: '(';
display: inline-block;
margin-right: 3px;
}
.c-nav-m-user .dropdown-mini-item .nav-status-num:after
{
content: ')';
display: inline-block;
margin-left: 3px;
}
.mini-item-nickname
{
max-width: none;
}
.nav-dropdown-menu .menu-item.hasitem
{
padding: 0;
}
.nav-dropdown-menu .menu-item.hasitem a
{
line-height: 45px;
}
.nav-dropdown-menu .menu-item.hasitem a h3
{
padding-left: 35px;
}
.nav-dropdown-menu .menu-item.hasitem a h3:after
{
content: '';
border: 2px solid #667180;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 18px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
border-top: none;
border-right: none;
right: 20px;
}
.nav-dropdown-menu .menu-item.hasitem a.actived h3:after
{
top: 20px;
border-bottom: none;
border-left: none;
border-right: 2px solid #667180;
border-top: 2px solid #667180;
}
.nav-dropdown-menu .menu-item-child
{
background-color: #2b2b2b;
}
.nav-dropdown-menu .menu-item-child li
{
display: block;
padding: 0 0 0 55px;
position: relative;
line-height: 35px;
margin: 0;
}
.nav-dropdown-menu .menu-item-child li a
{
border: 0;
line-height: inherit;
}
.nav-dropdown-menu .menu-item-child li:after, .nav-dropdown-menu .menu-item-child li:last-child:after
{
display: block;
content: '';
position: absolute;
width: 4px;
height: 4px;
background-color: #999;
border-radius: 50%;
left: 45px;
top: 15px;
}
.c-nav-mask
{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,.6);
z-index: 99;
}
.c-nav-m-dropdown-btn
{
padding: 20px 10px;
text-align: center;
font-size: 0;
}
.c-nav-m-dropdown-btn .c-btn
{
vertical-align: middle;
min-width: 100%;
}
.c-nav-m-text-item
{
padding-bottom: 10px;
text-align: center;
}
.c-nav-m-text-item:nth-of-type(1)
{
font-size: 12px;
}
.c-nav-m-text-item:nth-of-type(2)
{
font-size: 14px;
}
.c-nav-m-dropdown-btn .c-g-12
{
width: 50%;
}
}
@media screen and (max-width: 600px)
{
.mini-item-nickname:hover
{
color: #fff!important;
}
.c-nav-m-dropdown-btn .c-g-12
{
width: 50%;
}
.c-nav-m-text-week, .c-nav-m-user a.c-nav-m-text-week
{
color: #999;
font-size: 12px;
padding-bottom: 10px;
}
.c-nav-m-weixin
{
padding: 20px 0;
text-align: center;
display: block;
}
.website-columns .c-nav-m-weixin
{
padding-bottom: 0;
}
.c-nav-m-weixin .c-nav-m-text-week:nth-of-type(2)
{
font-size: 14px;
}
}
@media screen and (max-width: 600px)
{
.qc-footer-action .footer-action
{
padding-top: 25px;
padding-bottom: 25px;
overflow: hidden;
}
.qc-footer-action .text
{
font-size: 16px;
padding-bottom: 20px;
width: 100%;
}
.qc-footer-action .op-btns .bt
{
font-size: 14px;
line-height: 30px;
padding-left: 25px;
padding-right: 25px;
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (min-width: 769px)
{
.c-footer-service-item:hover
{
color: #00a4ff;
}
.c-footer-service-item:hover .icon-1
{
background-image: url(/template/plugins/keywords/css/sprite/global-media86-201911291451.svg);;
background-position: 1.43% 2.78%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:hover .icon-2
{
background-image: url(/template/plugins/keywords/css/sprite/global-media86-201911291451.svg);;
background-position: 50% 2.78%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:hover .icon-3
{
background-image: url(/template/plugins/keywords/css/sprite/global-media86-201911291451.svg);;
background-position: 1.43% 97.22%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:hover .icon-4
{
background-image: url(/template/plugins/keywords/css/sprite/global-media86-201911291451.svg);;
background-position: 50% 97.22%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:hover .icon-5
{
background-image: url(/template/plugins/keywords/css/sprite/global-media86-201911291451.svg);;
background-position: 98.57000000000001% 2.78%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px)
{
.c-footer-service-item:active
{
color: #00a4ff;
}
.c-footer-service-item:active .icon-1
{
background-image: url(/template/plugins/keywords/css/sprite/global-media87-201911291451.svg);;
background-position: 1.43% 2.78%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:active .icon-2
{
background-image: url(/template/plugins/keywords/css/sprite/global-media87-201911291451.svg);;
background-position: 50% 2.78%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:active .icon-3
{
background-image: url(/template/plugins/keywords/css/sprite/global-media87-201911291451.svg);;
background-position: 1.43% 97.22%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:active .icon-4
{
background-image: url(/template/plugins/keywords/css/sprite/global-media87-201911291451.svg);;
background-position: 50% 97.22%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
.c-footer-service-item:active .icon-5
{
background-image: url(/template/plugins/keywords/css/sprite/global-media87-201911291451.svg);;
background-position: 98.57000000000001% 2.78%;
background-size: 318.75% 212.5%;;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 769px)
{
.c-footer-website-list a:hover
{
color: #00a4ff;
}
}
@media screen and (max-width: 768px)
{
.c-footer-website-list a:active
{
color: #00a4ff;
}
}
@media screen and (min-width: 769px)
{
.c-footer-share-links a:hover .icon.wechat, .c-footer-show-bubble .icon.wechat
{
background-image: url(/template/plugins/keywords/css/sprite/global-media90-201911291451.svg);;
background-position: 97.37% 5%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:hover .icon.weibo
{
background-image: url(/template/plugins/keywords/css/sprite/global-media90-201911291451.svg);;
background-position: 97.37% 95%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:hover .icon.facebook
{
background-image: url(/template/plugins/keywords/css/sprite/global-media90-201911291451.svg);;
background-position: 50% 5%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:hover .icon.csdn
{
background-image: url(/template/plugins/keywords/css/sprite/global-media90-201911291451.svg);;
background-position: 2.63% 5%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:hover .icon.github
{
background-image: url(/template/plugins/keywords/css/sprite/global-media90-201911291451.svg);;
background-position: 2.63% 95%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:hover .icon.linkedin
{
background-image: url(/template/plugins/keywords/css/sprite/global-media90-201911291451.svg);;
background-position: 50% 95%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 600px)
{
.c-footer-bubble-wrap:hover .icon.wechat
{
background-image: url(/template/plugins/keywords/css/sprite/global-media91-201911291451.svg);;
background-position: 50% 50%;
background-size: 112.5% 112.5%;;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px)
{
.c-footer-share-links a:active .icon.wechat, .c-footer-show-bubble .icon.wechat
{
background-image: url(/template/plugins/keywords/css/sprite/global-media92-201911291451.svg);;
background-position: 97.37% 5%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:active .icon.weibo
{
background-image: url(/template/plugins/keywords/css/sprite/global-media92-201911291451.svg);;
background-position: 97.37% 95%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:active .icon.facebook
{
background-image: url(/template/plugins/keywords/css/sprite/global-media92-201911291451.svg);;
background-position: 50% 5%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:active .icon.csdn
{
background-image: url(/template/plugins/keywords/css/sprite/global-media92-201911291451.svg);;
background-position: 2.63% 5%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:active .icon.github
{
background-image: url(/template/plugins/keywords/css/sprite/global-media92-201911291451.svg);;
background-position: 2.63% 95%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
.c-footer-share-links a:active .icon.linkedin
{
background-image: url(/template/plugins/keywords/css/sprite/global-media92-201911291451.svg);;
background-position: 50% 95%;
background-size: 337.5% 225%;;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 600px)
{
.c-footer-show-bubble .icon.wechat
{
background-image: url(/template/plugins/keywords/css/sprite/global-media93-201911291451.svg);;
background-position: 50% 50%;
background-size: 112.5% 112.5%;;
background-repeat: no-repeat;
}
.c-footer-share-links
{
position: relative;
padding-bottom: 212px;
}
.c-footer-bubble-wrap
{
position: static;
}
.c-footer-share-bubble
{
visibility: visible;
opacity: 1;
pointer-events: auto;
top: auto;
bottom: 0;
left: 50%;
margin-left: -80px;
padding-top: 0;
width: 160px;
font-size: 12px;
}
.c-footer-share-bubble-inner:before
{
display: none;
}
.c-footer-share-bubble .bubble-qr
{
padding: 10px;
height: 160px;
}
.c-footer-share-bubble .bubble-cnt
{
display: none;
}
.c-footer-share-bubble .bubble-cnt.mobile
{
display: block;
}
}
@media screen and (min-width: 769px)
{
.c-footer-blogroll-links a.slide:hover
{
color: #00a4ff;
}
}
@media screen and (max-width: 768px)
{
.c-footer-blogroll-links a.slide:active
{
color: #00a4ff;
}
}
@media screen and (max-width: 600px)
{
.c-footer-tel-m
{
display: block;
}
}
@media screen and (max-width: 1366px)
{
.c-footer-action .c-section-hd
{
margin-bottom: 30px;
}
.c-footer-action-btn
{
padding-top: 30px;
}
}
@media screen and (max-width: 1200px)
{
.c-footer
{
min-width: 320px;
}
.c-footer-inner
{
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width: 1150px)
{
.c-footer-blogroll-links-group
{
display: inline-block;
vertical-align: middle;
}
.c-footer-blogroll-links-separate
{
display: none;
}
}
@media screen and (max-width: 768px)
{
.c-footer-service
{
display: none;
}
.c-footer-blogroll-main
{
margin-right: 0;
text-align: center;
}
.c-footer-blogroll-extra
{
display: none;
}
.c-footer-lang-switch
{
display: block;
}
.c-footer-action-btn .c-btn:hover
{
background-color: #00a4ff;
}
.c-footer-action-btn .c-btn:active
{
background-color: #0092ee;
}
}
@media screen and (max-width: 600px)
{
.c-footer-inner
{
margin-left: 0;
margin-right: 0;
padding: 0;
}
.c-footer-website .c-footer-inner
{
border-bottom: none;
padding-bottom: 0;
min-height: 0;
}
.c-footer-website-columns.c-grid
{
margin-right: 0;
}
.c-footer-website-columns [class*=c-g-]
{
padding-right: 0;
}
.c-footer-website-title
{
position: relative;
margin-bottom: 0;
}
.c-footer-website-list:after, .c-footer-website-title:after
{
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
border-bottom: 1px solid #393c40;
transform: scale3d(1,.5,1);
transform-origin: center bottom;
}
.c-footer-website-title a
{
position: relative;
padding: 0 15px;
height: 56px;
font-size: 14px;
line-height: 56px;
}
.c-footer-website-title a:after
{
content: '';
position: absolute;
right: 15px;
top: 50%;
margin-top: -8px;
box-sizing: border-box;
width: 10px;
height: 10px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate3d(0,0,1,45deg);
transition: transform .2s linear;
}
.c-footer-website-list
{
position: relative;
display: none;
}
.c-footer-website-list a
{
padding: 0 15px;
height: 40px;
font-size: 12px;
line-height: 40px;
}
.c-footer-website-group.actived .c-footer-website-title a:after
{
margin-top: -2px;
transform: rotate3d(0,0,1,-135deg);
}
.c-footer-website-group.actived .c-footer-website-list
{
display: block;
}
.c-footer-copyright
{
position: static;
margin-top: 20px;
padding: 0 15px 1px;
width: auto;
text-align: center;
}
.c-footer-share-links
{
margin-bottom: 14px;
}
.c-footer-share-links>li
{
width: auto;
}
.c-footer-share-links a
{
padding: 10px;
}
.c-footer-website .mobile-part, .c-footer-website .mobile-part .c-btn
{
margin-bottom: 20px;
}
.c-footer-select.hover .c-footer-dropdown, .c-footer-select:hover .c-footer-dropdown
{
display: none;
}
.c-footer-select.hover .c-footer-select-trigger:after, .c-footer-select:hover .c-footer-select-trigger:after
{
transform: rotate(0);
}
.c-footer-select.show .c-footer-dropdown
{
display: block;
}
.c-footer-select.show .c-footer-select-trigger:after
{
transform: rotate(180deg);
}
.c-footer-copyright-text
{
margin-bottom: 14px;
}
.c-footer-copyright-text span
{
display: inline;
}
.c-footer-copyright .c-btn
{
height: 40px;
line-height: 40px;
}
.c-footer-copyright .c-btn-weak
{
margin-bottom: 15px;
border: 1px solid rgba(255,255,255,.3);
background: 0 0;
color: #ccc;
}
.c-footer-blogroll-extra, .c-footer-blogroll-main
{
display: none;
}
.c-footer-lang-switch
{
margin-top: 0;
padding: 24px 0;
}
.c-footer-action.c-p-y-tall
{
padding: 0;
height: 280px;
}
.c-footer-action .c-section-inner
{
display: none;
}
.c-footer-action .c-section-inner.mobile
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 15px;
height: 100%;
}
.c-footer-action .c-section-hd
{
border-bottom: none;
padding-bottom: 12px;
margin-bottom: 0;
}
.c-footer-action .c-section-tit
{
line-height: 1.5;
}
.c-footer-action-info
{
font-size: 14px;
line-height: 1.7;
color: #333;
}
.c-footer-action-btn
{
padding-top: 33px;
}
.c-footer-action-btn .c-btn
{
width: 100%;
}
.c-footer-action-bg
{
background-size: auto 100%;
}
.c-footer-short .c-footer-blogroll-main
{
padding-top: 24px;
display: block;
}
.c-footer-short .c-footer-blogroll-links
{
display: none;
}
.c-footer-short .c-footer-blogroll-links.copyright
{
display: block;
}
.c-footer-short .c-footer-lang-switch
{
padding-top: 10px;
}
.c-footer-short .mobile-part
{
margin-bottom: -4px;
padding: 20px 15px 0;
}
.c-footer-short .mobile-part+.c-footer-blogroll-main
{
padding-bottom: 20px;
}
}
@media screen and (max-width: 400px)
{
.c-footer-copyright-text span
{
display: block;
}
}
@media screen and (max-width: 768px)
{
.c-footer-recommend
{
display: none;
}
}
@media screen and (max-height: 1020px)
{
.qc-scrollbar
{
top: 0;
height: 100%;
display: table;
pointer-events: none;
}
.qc-scrollbar-inner
{
display: table-cell;
vertical-align: bottom!important;
padding-bottom: 100px;
}
.qc-scrollbar-item
{
pointer-events: auto;
}
}
@media screen and (max-width: 768px)
{
.qc-back2top
{
display: none!important;
}
.qc-scrollbar
{
top: auto;
height: auto;
bottom: 50px;
right: 0;
display: none;
}
.qc-scrollbar-button-desc
{
display: none;
}
.qc-scrollbar-bubble, .qc-scrollbar-service
{
display: none!important;
}
.qc-scrollbar-icon-shopping .qc-scrollbar-button
{
position: relative;
}
.qc-scrollbar-shopping-amount
{
position: absolute;
top: 5px;
right: 5px;
height: 16px;
line-height: 16px;
border-radius: 8px;
min-width: 16px;
margin-top: 0;
max-width: 32px;
}
}
@media screen and (max-width: 1200px)
{
.c-top-searchbar-box
{
max-width: 450px;
transition: all .4s;
}
}
@media screen and (max-width: 960px)
{
.c-top-searchbar-box
{
left: 0;
}
}
@media screen and (max-width: 768px)
{
.c-top-searchbar-box
{
max-width: 100%;
left: 0;
}
.c-top-searchbar, .c-top-searchbar.searchbar-show
{
background-color: #16171a;
position: absolute;
top: 55px;
left: 0;
width: 100%;
padding: 0;
z-index: 1;
opacity: 1;
transition: all 0s;
}
.c-top-searchbar .c-searchbar-ctrl
{
padding: 10px 20px;
text-align: left;
}
.c-top-searchbar-box .search-btn, .c-top-searchbar-box .search-btn-close, .c-top-searchbar-box .search-ipt
{
opacity: 1;
}
.c-top-searchbar-box .search-btn-close
{
display: none;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn-close
{
display: inline-block;
}
.c-top-searchbar-box .search-ipt
{
width: calc(100% - 45px);
margin-left: -25px;
padding-left: 45px;
border-radius: 2px;
font-size: 16px;
line-height: 24px;
background-color: #16171a;
position: static;
left: 0;
right: 0;
}
.c-top-searchbar-box .nav-dropdown-mini
{
position: absolute;
top: 56px;
background-color: #16171a;
opacity: 1;
max-height: 1000px;
display: none;
}
.c-top-searchbar .dropdown-mini-list-tit
{
padding-left: 20px;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .nav-dropdown-mini
{
display: block;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-item, .dropdown-mini-list-tit
{
opacity: 1;
transform: none;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-item a, .dropdown-mini-list-tit
{
padding: 0 20px;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-item a:hover, .c-top-searchbar .dropdown-mini-inner .dropdown-mini-item.curr a
{
background-color: inherit;
}
.c-top-searchbar .dropdown-mini-inner .dropdown-mini-list
{
padding-top: 10px;
padding-bottom: 10px;
}
.c-top-searchbar-box .search-btn-close
{
width: 45px;
position: static;
}
.c-top-searchbar-box .search-btn
{
position: relative;
}
.c-top-searchbar-box .search-btn-close .nav-search-close-icon
{
background: 0 0;
text-indent: 0;
width: 100%;
height: 100%;
}
.c-top-searchbar-box .search-btn-close:hover .nav-search-close-icon
{
background: 0 0;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .search-ipt
{
background-color: #fff;
color: #333;
padding: 5px 5px 5px 30px;
position: static;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn
{
background-color: transparent;
left: 10px;
z-index: 1;
position: relative;
}
.c-top-searchbar.searchbar-show .c-top-searchbar-box .search-btn .nav-search-icon
{
background-image: url(/template/plugins/keywords/css/sprite/global-media108-201911291451.svg);;
background-position: 50% 50%;
background-size: 112.5% 112.5%;;
background-repeat: no-repeat;
}
}
@media screen and (max-width: 768px)
{
.change-lang-toast
{
width: 80%;
-webkit-text-size-adjust: none;
}
}
@media screen and (max-width: 600px)
{
.change-lang-toast
{
left: 15px;
right: 15px;
top: 20px;
padding: 30px 20px;
width: auto;
overflow: auto;
}
.change-lang-bd .ch-part
{
margin-top: 30px;
}
.change-lang-bd .en-part
{
margin-top: 25px;
}
.change-lang-toast .change-lang-ft
{
margin-top: 70px;
text-align: center;
}
.change-lang-toast .change-lang-ft .c-btn
{
width: 100%;
height: 40px;
line-height: 40px;
}
.change-lang-toast .change-lang-toast-close
{
top: 35px;
right: 20px;
}
.change-lang-toast::after
{
width: 164px;
height: 164px;
background-image: url(/template/plugins/keywords/css/img/change-lang-icon-m.svg);
bottom: 32px;
left: 50%;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-o-transform: translate(-50%,0);
transform: translate(-50%,0);
background-size: 100% 100%;
}
}
@media screen and (max-height: 768px)
{
.feedback-dialog .tc-15-rich-dialog-hd
{
line-height: 1;
padding-top: 10px;
padding-bottom: 10px;
}
.feedback-dialog .tc-15-rich-dialog-hd .tc-15-btn-close
{
top: 12px;
}
.feedback-dialog .tc-15-rich-dialog-bd
{
max-height: 500px;
padding-top: 10px;
padding-bottom: 10px;
}
.feedback-dialog .tc-15-rich-dialog-ft
{
padding-top: 10px;
padding-bottom: 10px;
}
.feedback-dialog .tc-15-list-wrap li
{
padding-top: 5px;
padding-bottom: 5px;
}
.feedback-dialog .feedback-richtext-bar li
{
padding-bottom: 0;
padding-top: 0;
}
}
@media screen and (max-width: 768px)
{
.tc-15-rich-dialog.l
{
width: 100%;
box-sizing: border-box;
}
.feedback-dialog .tc-15-rich-dialog-bd
{
padding: 10px;
max-height: calc(100VH - 117px);
box-sizing: border-box;
}
.tc-15-list-tit
{
text-align: left;
width: auto;
}
.tc-15-dropdown+.tc-15-input-text
{
width: 100px;
vertical-align: top;
}
.tc-15-dropdown-btn-style
{
vertical-align: top;
}
.feedback-dialog-msg
{
margin-left: 0;
margin-right: 0;
}
.feedback-richtext-bar, .feedback-richtext-box .tc-15-input-textarea, .feedback-richtext-filelist, .tc-15-input-text-wrap, .tc-15-list-det
{
width: 100%;
box-sizing: border-box;
}
.tc-15-list-det
{
margin-top: 10px;
}
.tc-15-input-tips
{
width: 100%;
box-sizing: border-box;
word-wrap: break-word;
white-space: normal;
}
}
@media screen and (max-width: 768px)
{
.c-feedback-dialog-new.tc-15-rich-dialog.l
{
width: 600px;
}
.c-feedback-dialog-new .c-textarea
{
width: 450px;
}
.c-feedback-dialog-new .c-f-list-tit
{
position: absolute;
}
.c-feedback-dialog-new .c-f-btn:hover
{
color: #000;
}
}
@media screen and (max-width: 600px)
{
.c-contact-dialog.r-dialog
{
width: calc(100% - 40px);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.c-contact-dialog .r-dialog-ft .c-btn
{
margin: 0;
height: 40px;
line-height: 40px;
}
.c-contact-dialog .r-dialog-txt
{
min-width: 100px;
}
.c-feedback-dialog-new .tc-15-dropdown-btn-style.tc-15-menu-active
{
position: static;
}
.c-feedback-dialog-new .c-textarea, .c-feedback-dialog-new.tc-15-rich-dialog.l
{
width: 100%;
}
.c-feedback-dialog-new .tc-15-dropdown-btn-style .tc-15-dropdown-menu
{
width: 100%;
top: 38px;
}
.c-feedback-dialog-new .tel-item .c-input-text
{
width: calc(100% - 100px);
}
.c-feedback-dialog-new .c-f-list-con
{
padding: 0;
}
.c-feedback-dialog-new .f-contact-select
{
width: 100%;
}
.c-feedback-dialog-new .f-contact-select+.f-contact-select
{
margin-left: 0;
margin-top: 12px;
}
.c-feedback-dialog-new .tc-15-rich-dialog-bd
{
padding: 10px 20px 20px;
max-height: 1500px;
border-bottom: none;
background-color: #fff;
border: none;
}
.c-feedback-dialog-new .c-f-list-tit
{
position: static;
padding-left: 0;
margin-bottom: 12px;
line-height: 20px;
}
.c-feedback-dialog-new .c-f-btn
{
width: 50%;
height: 44px;
line-height: 42px;
border: none;
position: relative;
}
.c-feedback-dialog-new .c-f-btn.active
{
border: none;
background-color: transparent;
color: #00a4ff;
}
.c-feedback-dialog-new .c-f-btn.active+.c-f-btn
{
border: none;
}
.c-feedback-dialog-new .c-f-btn::after
{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 7px;
content: '';
border: 1px solid #e5e5e5;
}
.c-feedback-dialog-new .c-f-btn+.c-f-btn::after
{
left: 7px;
right: 0;
}
.c-feedback-dialog-new .c-f-btn.active::after
{
border-color: #00a4ff;
}
.c-feedback-dialog-new .tc-15-btn
{
width: 100%;
height: 44px;
line-height: 42px;
}
.c-feedback-dialog-new .tc-15-rich-dialog-ft
{
border-top: none;
padding-top: 0;
height: auto;
}
.c-feedback-dialog-new .r-select-dropdown
{
position: fixed;
background-color: #fff;
border: 1px solid #e5e5e5;
margin: 0;
bottom: 0;
top: 180px;
left: 0;
right: 0;
z-index: 1000;
overflow: auto;
padding: 0;
width: auto;
}
.c-feedback-dialog-new .r-select-dropdown-list
{
padding: 0 20px 60px;
position: relative;
overflow: hidden;
min-height: calc(100% - 142px);
z-index: 2;
}
.c-feedback-dialog-new .r-select-item
{
width: 100%;
margin: 0 0 15px;
}
.c-feedback-dialog-new .r-selectlist
{
position: static;
}
.c-feedback-dialog-new .r-selectlist .c-btn
{
width: 100%;
background-color: #00a4ff;
color: #fff;
margin: 0;
}
.c-feedback-dialog-new .r-select-dropdown-list
{
background-color: #fff;
padding: 0 15px 60px;
position: relative;
overflow: hidden;
min-height: calc(100% - 142px);
z-index: 2;
}
.c-feedback-dialog-new .r-select-dropdown-mask
{
position: fixed;
background-color: #000;
opacity: .6;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
}
.c-feedback-dialog-new .r-select-dropdown.step-1:after, .r-select-dropdown.step-2:after
{
display: none;
}
.c-feedback-dialog-new .r-select-dropdown.step-2
{
margin-left: 0;
}
.c-feedback-dialog-new .m-select-dropdown-tit
{
display: block;
font-size: 18px;
line-height: 27px;
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
background-color: #fff;
position: relative;
z-index: 2;
}
.c-feedback-dialog-new .m-select-dropdown-tit .colse-icon
{
width: 30px;
height: 40px;
position: absolute;
right: 10px;
top: 10px;
padding-top: 10px;
}
.c-feedback-dialog-new .m-select-dropdown-tit .colse-icon::after
{
content: '';
width: 16px;
height: 16px;
display: inline-block;
background-image: url(/template/plugins/keywords/css/sprite/global-media114-201911291451.svg);;
background-position: 50% 50%;
background-size: 112.5% 112.5%;;
background-repeat: no-repeat;
}
.c-feedback-dialog-new .m-select-dropdown-btn
{
margin: 0;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 45px;
z-index: 2;
}
.c-feedback-dialog-new .r-select-dropdown.step-2 .r-select-dropdown-item
{
width: calc(50% - 5px);
}
.c-feedback-dialog-new .r-select-dropdown-list .r-select-dropdown-item
{
display: inline-block;
vertical-align: top;
width: calc(50% - 5px);
font-size: 14px;
line-height: 24px;
margin-bottom: 10px;
text-align: center;
border: 1px solid #e5e5e5;
box-sizing: border-box;
margin-left: 5px;
padding: 0;
}
.c-feedback-dialog-new .r-select-dropdown-item:nth-child(odd)
{
margin-right: 5px;
margin-left: 0;
}
.c-feedback-dialog-new .r-select-dropdown-item.actived
{
border: 1px solid #00a4ff;
}
.c-feedback-dialog-new .r-select-dropdown-item.actived a
{
color: #00a4ff;
}
.c-feedback-dialog-new .r-select-dropdown-item a
{
line-height: 36px;
}
.c-feedback-dialog-new .r-select-dropdown-item a:hover
{
color: #333;
}
.c-feedback-dialog-new .m-select-dropdown-btn .c-btn
{
width: 100%;
background-color: #00a4ff;
color: #fff;
margin: 0;
height: 50px;
line-height: 48px;
}
.c-feedback-dialog-new .m-select-dropdown-btn
{
display: block;
margin: 0;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 2;
}
.c-feedback-dialog-new .tc-15-rich-dialog-hd .tc-15-btn-close
{
width: 16px;
height: 16px;
background-image: url(/template/plugins/keywords/css/sprite/global-media114-201911291451.svg);;
background-size: 112.5% 112.5%;;
background-position: 50% 50%;
top: 26px;
outline: 0;
background-repeat: no-repeat;
}
.c-feedback-dialog-new .tc-15-rich-dialog-hd
{
text-align: center;
margin-bottom: 10px;
background-color: #fff;
font-size: 20px;
line-height: 27px;
padding-top: 20px;
padding-bottom: 20px;
}
.c-feedback-dialog-new .tc-15-rich-dialog-hd strong
{
float: none;
}
.c-feedback-dialog-new.feedback-page-m
{
background: #f7f8fa;
}
.c-feedback-dialog-new .c-f-list .f-list-item
{
padding-bottom: 20px;
}
.c-feedback-dialog-new .c-input-text
{
width: 100%;
}
.c-feedback-dialog-new .vcode-item.f-list-item .c-input-text
{
width: calc(100% - 113px);
}
.c-feedback-dialog-new .c-textarea
{
height: 144px;
}
.c-contact-dialog.r-dialog
{
left: 20px;
right: 20px;
}
.c-contact-dialog .r-dialog-tit
{
padding-left: 42px;
}
.c-contact-dialog .r-dialog-icon
{
position: absolute;
top: 47px;
}
.c-feedback-dialog-new .file-item .c-input-file
{
left: 0;
}
}
@media screen and (max-width: 768px)
{
.c-feedback-dialog-wrap
{
-webkit-overflow-scrolling: touch;
}
.c-feedback-dialog-wrap>*
{
-webkit-transform: translateZ(0);
}
}
#MAXIM
{
content: "niu20191129145842";
}