锘縝ody,html{
min-width:1200px;
}
.customMb .custom_L03 {
margin: 0 auto;
}
.customMb .custom_L01 {
position: relative;
z-index: 1001;
}
.customMb .page-float-box a.content {
top: 70px;
}
.customMb .page-float-box a {
display: block;
position: fixed;
width: 68px;
height: 30px;
line-height: 30px;
right: 0;
top: 30px;
font-size: 14px;
margin: 2px;
background: #fff;
text-align: center;
z-index: 5000;
}
.customMb .page-float-box a:hover {
text-decoration: none;
color: #fff;
background: #ff8400;
}
.column_nav06 .twoLevel>a:after {
font-family: FontAwesome;
content: "\f0d7";
font-size: 14px;
margin-left: 6px;
}
.right-float-panel {
position: fixed;
right: 0;
top: 25%;
z-index: 3;
}
.custom_sidebar.sidebar_style01 .custom_sidebar_icon {
position: fixed;
right: 0;
top: 20%;
margin-right: -3px;
background: #fff;
border-radius: 3px 0 0 3px;
border: 1px solid #ddd;
-webkit-transform: translate(0%);
-webkit-transition: transform .3s linear;
z-index: 1;
height: 550px;
line-height: 550px;
}
.custom_sidebar.sidebar_style02 .custom_sidebar_icon {
display: none;
}
.custom_sidebar.sidebar_style01 .custom_sidebar_icon.on {
-webkit-transform: translate(-137%);
display: none;
}
.custom_sidebar.sidebar_style01 .custom_sidebar_icon .fa {
display: inline-block;
width: 10px;
text-align: center;
font-size: 36px;
line-height: 46px;
color: #d0d0d0;
vertical-align: middle;
padding: 4px;
}
.custom_sidebar.sidebar_style01 .custom_side_right {
transform: translate(100%);
transition: transform .3s linear;
}
.custom_sidebar .custom_side_right {
background: #fff;
border: 1px solid #ddd;
border-bottom-width: 0;
}
.custom_sidebar.sidebar_style01 .custom_sidebar_icon.on + .custom_side_right {
-webkit-transform: translate(0%);
}
.custom_side_right > div {
border-bottom: 1px solid #e7e7e7;
font-size: 16px;
text-align: center;
padding: 10px 5px;
position: relative;
}
.custom_side_right > div:last-child {
border-bottom: 0;
}
.custom_side_right > div .fa {
display: block;
margin-bottom: 5px;
}
.custom_side_right > div span {
display: block;
font-size: 12px;
}
.sidebar_style01 .custom_model {
display: none;
}
.sidebar_style01 .artificialService_model, .sidebar_style01 .onlineService_model, .sidebar_style01 .wechatNumber_model, .sidebar_style01 .appDownload_model {
width: 200px;
border: 1px solid #E8EEF5;
background: #fff;
box-shadow: -2px 0 8px 0 rgba(0,0,0,.05);
min-height: 100px;
z-index: 3;
}
.sidebar_style01 .artificialService_model {
position: absolute;
right: 90px;
top: 40px;
}
.sidebar_style01 .onlineService_model {
position: absolute;
right: 90px;
top: 100px;
}
.sidebar_style01 .wechatNumber_model {
position: absolute;
right: 90px;
top: 210px;
}
.sidebar_style01 .appDownload_model {
position: absolute;
right: 90px;
top: 160px;
}
.sidebar_style01 .artificialService_model:before, .sidebar_style01 .onlineService_model:before, .sidebar_style01 .wechatNumber_model:before, .sidebar_style01 .appDownload_model:before {
content: '';
position: absolute;
top: 45%;
right: -8px;
height: 14px;
width: 14px;
background-color: #fff;
transform: translateY(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
border-right: 1px solid #E8EEF5;
border-top: 1px solid #E8EEF5;
z-index: 2;
}
.sidebar_style01 .custom_model .fa-close {
color: #999;
width: 24px;
height: 24px;
line-height: 24px;
text-align: center;
font-size: 14px;
position: absolute;
right: 0;
top: 0;
}
.sidebar_style01 .custom_model .fa-close:hover {
color: #ff6a00;
cursor: pointer;
}
.custom_music audio {
display: none;
}
.master_stop .master_app, .master_stop .master_nav {
display: none;
}
.master_stop .master_search {
display: table-cell;
}
.master_logo {
display: table-cell;
vertical-align: middle;
text-align: left;
width: auto;
}
.master_app {
display: table-cell;
vertical-align: middle;
text-align: right;
}
.master_app > div {
display: inline-block;
}
.master_new {
position: relative;
background: #fff;
padding: 10px 0;
z-index: 100;
}
.master_stop {
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10;
}
.master_new table {
display: table-cell;
}
.master_search {
display: table-cell;
text-align: right;
vertical-align: middle;
display: none;
}
.master_new .wrap {
display: table;
width: 1200px;
margin: 0 auto;
position: relative;
}
.master_new .wrap:after {
content: "";
display: block;
clear: both;
}
.master_new.master_stop .wrap {
width: 1200px;
margin: 0 auto;
}
.master_new .master_nav {
overflow: visible;
text-align: center;
vertical-align: middle;
display: table-cell;
position: relative;
}
.master_new .master_nav > ul > li {
list-style-type: none;
display: inline-block;
padding: 12px 0;
position: relative;
color: #333;
margin: 0 5px;
width: 70px;
}
.master_new .master_nav > ul > li > a {
color: #333;
padding: 0 6px;
font-size: 20px;
font-family: 寰蒋闆呴粦;
position: relative;
}
.master_new .master_nav > ul > li i {
vertical-align: text-top;
display: inline-block;
}
.master_new .master_nav > ul > li:after {
content: "";
display: inline-block;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #0892e6;
position: absolute;
-webkit-transition: transform .2s ease-in-out;
-webkit-transform: scaleX(0);
z-index: 1;
}
.master_new .master_nav > ul > li > a:hover, .master_new .master_nav > ul > li.active > a, .master_new .master_nav > ul > li:hover i {
color: #0892e6;
}
.master_new .master_nav > ul > li.active:after, .master_new .master_nav > ul > li:hover:after {
-webkit-transform: scaleX(1);
}
.master_new .master_nav > ul > li > ul {
width: 110px;
}
.master_new .master_nav > ul > li > ul > li a {
font-size: 16px;
display: block;
padding: 0 10px;
white-space: nowrap;
background: #fff;
color: #333;
}
.master_new .master_nav > ul > li ul {
border: 1px solid #e1e1e1;
}
.master_new .master_nav > ul > li > ul li {
padding: 10px 6px;
text-align: left;
}
.master_new .master_nav > ul > li li a:hover {
color: #0892e6;
}
.master_new .master_nav > ul > li > ul {
box-shadow: none;
}
.master_new .master_nav > ul > li > ul:before {
display: none;
}
.master_new .master_nav > ul > li > ul li {
padding: 0;
}
#top_suerinfo {
position: relative;
cursor: pointer;
text-align: center;
}
#top_suerinfo ul {
display: none;
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
#top_suerinfo ul:after {
content: "";
position: absolute;
left: 50%;
top: -12px;
border: 6px solid #fff;
border-color: transparent transparent #fff transparent;
width: 0;
height: 0;
margin-left: -6px;
}
#top_suerinfo ul:before {
content: "";
position: absolute;
left: 50%;
top: -14px;
border: 7px solid #ccc;
border-color: transparent transparent #ccc transparent;
width: 0;
height: 0;
margin-left: -7px;
}
#top_suerinfo .user_header {
width: 42px;
height: 42px;
border-radius: 50%;
vertical-align: middle;
margin-left: 10px;
}
#top_suerinfo:hover ul {
display: block;
}
#top_suerinfo ul a {
display: block;
padding: 5px 10px;
}
#top_suerinfo ul a:hover {
color: #1a73cc;
background: #f7f7f7;
}
#top_suerinfo ul li:first-child a {
border-radius: 6px 6px 0 0;
}
#top_suerinfo ul li:last-child a {
border-radius: 0 0 6px 6px;
}
#top_suerinfo > span > a {
font-size: 14px;
font-family: 寰蒋闆呴粦;
/*width: 42px;*/
text-overflow: clip;
white-space: nowrap;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}
#top_suerinfo .login {
background: #fff;
color: #00a0e9;
padding: 8px 18px;
border-radius: 3px;
border: #00a0e9 solid 1px;
margin-right: 7px;
}
#top_suerinfo .login:hover {
background: #00a0e9;
color: #fff;
}
.custom_more .more_a {
display: inline-block;
margin-right: 10px;
}
.custom_more .more_a a {
display: inline-block;
background: #fff;
color: #00a0e9;
padding: 8px 10px;
border-radius: 3px;
border: #00a0e9 solid 1px;
}
.custom_more .more_a:last-child {
margin-right: 0;
}
.custom_more .more_a a {
color: #00a0e9;
}
.custom_more .more_a a:hover {
background: #00a0e9;
color: #fff;
}
.master-search-bar {
display: inline-block;
margin: 0 auto;
line-height: 40px;
border: 1px solid #0892e6;
border-left: 0;
white-space: nowrap;
border-radius: 6px;
}
.master-search-bar > * {
display: inline-block;
}
.master-search-type {
position: relative;
background: #0892e6;
cursor: pointer;
padding: 0 10px;
color: #fff;
border-radius: 5px 0 0 5px;
}
.master-search-type ul {
position: absolute;
left: 0;
top: 116%;
min-width: 100%;
background: #0892e6;
text-align: center;
line-height: 30px;
border-radius: 6px;
-webkit-transform: scale(0);
-webkit-transition: transform .2s ease-in-out,opacity .2s ease-in-out;
-webkit-transform-origin: center top;
opacity: 0;
}
.master-search-type:hover ul {
-webkit-transform: scale(1);
opacity: 1;
}
.master-search-type ul:before {
content: "";
display: inline-block;
border: 5px solid #0892e6;
border-color: transparent transparent #0892e6 transparent;
left: 50%;
top: -8px;
margin-left: -5px;
position: absolute;
width: 0;
height: 0;
}
.master-search-type li {
cursor: pointer;
}
.master-search-type .fa {
margin-left: 10px;
}
.master-search-type li:hover {
background: #055281;
}
.master-search-type li:first-child {
border-radius: 6px 6px 0 0;
}
.master-search-type li:last-child {
border-radius: 0 0 6px 6px;
}
.master-search-button {
background: #0892e6;
padding: 0 20px;
border-radius: 0 5px 5px 0;
}
.master-search-button .fa {
font-size: 20px;
color: #fff;
}
.master-search-keywords input {
border: 0;
line-height: 36px;
font-size: 16px;
padding: 0 10px;
width: 500px;
height: 36px;
}
.master-search-button:hover {
background-color: #055281;
}
.custom_sidebar.sidebar_style01 {
display: none;
}
.sidebar_style01 .qrcode-box, .sidebar_style01 .contact-box {
display: none;
}
.sidebar_style02 .right-float-panel {
top: auto;
right: 0;
bottom: 20px;
}
.custom_sidebar.sidebar_style02 .custom_side_right {
transition: all .2s ease-out;
padding: 0;
border-color: #c3d2ee;
border-bottom-width: 0;
}
.sidebar_style02 .custom_side_right > div {
padding: 15px;
border-bottom-color: #c3d2ee;
}
.sidebar_style02 .custom_side_right > div a {
color: #666;
}
.sidebar_style02 .custom_side_right > div .fa {
font-size: 35px;
color: #4b85ff;
}
.sidebar_style02 .custom_side_right > div:hover {
background: #4b85ff;
}
.sidebar_style02 .custom_side_right > div:hover .fa, .sidebar_style02 .custom_side_right > div:hover a {
color: #fff;
}
.sidebar_style02 .appDownload {
position: relative;
}
.sidebar_style02 .qrcode-box {
border: 1px solid #c3d2ee;
position: absolute;
right: 78px;
top: -190px;
border: solid 1px #c3d2ee;
background-color: #fff;
font-size: 14px;
color: #6d737d;
display: none;
cursor: default;
}
.sidebar_style02 .qrcode-box:before, .sidebar_style02 .contact-box:before {
content: '';
position: absolute;
top: 76%;
right: -8px;
height: 14px;
width: 14px;
background-color: #fff;
transform: translateY(-50%) rotate(45deg);
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
border-right: 1px solid #c3d2ee;
border-top: 1px solid #c3d2ee;
z-index: 2;
}
.sidebar_style02 .appDownload:hover .qrcode-box {
display: block;
}
.sidebar_style02 .qrcode-box > div {
padding: 15px;
text-align: center;
}
.sidebar_style02 .qrcode-box-top {
border-bottom: 1px solid #c3d2ee;
}
.sidebar_style02 .qrcode-box > div img {
width: 100%;
height: 100%;
}
.sidebar_style02 .onlineService {
position: relative;
}
.sidebar_style02 .contact-box {
border: 1px solid #c3d2ee;
position: absolute;
right: 78px;
top: -90px;
background-color: #fff;
font-size: 14px;
color: #6d737d;
cursor: default;
display: none;
}
.sidebar_style02 .onlineService:hover .contact-box {
display: block;
}
.sidebar_style02 .contact-box-top {
border-bottom: 1px solid #c3d2ee;
}
.sidebar_style02 .contact-box > div {
padding: 12px 20px;
text-align: center;
font-size: 12px;
width: 120px;
}
.sidebar_style02 .custom_side_right .contact-box > div .fa {
font-size: 16px;
color: #80ceff;
border: 1px solid #80ceff;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
margin: 0 auto;
margin-bottom: 8px;
}
.sidebar_style02 .contact-box > div img {
width: 100%;
height: 100%;
}