* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	list-style:none;
}

html{
        background-color: #f4f6f8!important;
}



.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {
    font-size: 13px!important;
    padding: 8px 10px!important;
}
.tag a:hover, .tag a:focus {
    color: #555;
    text-decoration: none;
    opacity: .8;
}
.tag a{
   color: #555; 
}
.tag .layui-table[lay-size=sm] td, .tag  .layui-table[lay-size=sm] th {
    font-size: 13px;
    padding: 10px 10px!important;
}

.tag  #guess_api , .tag #article , .tag #notice{margin-top:20px;}

.linepss{
    font-size: 16px;
    font-weight: 700;
    color: #555;
    padding-left: 14px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 18px;
    position: relative;
    margin-top: 15px
}

.linepss:before {
    content: '';
    width: 4px;
    height: 16px;
    background: #FF6666;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
}


body {
font-family: Roboto,San Francisco,Helvetica Neue,Helvetica,Arial,PingFangSC-Light,Hiragina Sans GB,WenQuanYi Micro Hei,microsoft yahei ui,microsoft yahei,sans-serif;

}
a {
	outline:none;
	text-decoration:none;
}
strong {
	font-weight:normal;
}
.strong {
	font-weight:bold;
}
::selection {
	background:#1EACDF;
	color:#fff;
}
img {
	border:0px;
}

::-moz-selection {
	background:#1EACDF;
	color:#fff;
}
::-webkit-selection {
	background:#1EACDF;
	color:#fff;
}
.api_types a:hover, api_types .a:focus {
    color: #555;
}
.api_types .active a{
    border: 1px solid #ff6666!important;
}
.api_types a:hover{
    opacity: .8;
    background-color: #FFF;
    
}
.api_types{
    margin-top: 40px;
    margin-bottom: -25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.api_types > #api_types > lis a{
    display: block;
    float: left;
    padding: 0px 15px;
    border-radius: 3px;
    border: 1px solid #ffffff;
    font-size: 13px;
    text-decoration: none;
    line-height: 24px;
    color: #444;
    margin-right: 12px;
    margin-bottom: 9px;
    transition: all .2s;
    background: #FFF;
}
#tag_list > lis a   {
    display: block;
    float: left;
    /* padding: 0px 15px; */
    border-radius: 3px;
    /* border: 1px solid #e6e6e6; */
    font-size: 13px;
    text-decoration: none;
    line-height: 24px;
    color: #444;
    margin-right: 9px;
    margin-bottom: 9px;
    transition: all .2s;
    /* background: #e6e6e6;*/
}
.col-sm-4 .weihu_ts{
    background-color: #6c757d;
}

.autoWidth {
	margin:0 auto;
	min-width:1200px;
	max-width:1200px;
	_width:1200px;
}
.auto {
	margin:0 auto;
	max-width:1198px;
}
.clearfix {
	*zoom:1;
}
.APIid{margin-right: 20px;color:#666;}

.APIms{padding-left:5px;}

.APIys{color:#444;}

.APItag{font-size: 12px;}
#doctag{margin-bottom: 16px;}
.fa-tag {color: #555; margin-right: 5px;}
.APItag a{ color: #555; margin-right: 5px;}
.APItag a:hover {
    color: #555;
    opacity: .8;
}

#particles-js{display:none}
.clearfix:before,.clearfix:after {
	display:table;
	line-height:0;
	content:"";
}
.clearfix:after {
	clear:both;
}
.pull-right {
	float:right;
}
.pull-left {
	float:left;
}
.hide {
	display:none;
}
.show {
	display:block;
}
.invisible {
	visibility:hidden;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.img-rounded {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.img-polaroid {
	padding:4px;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.img-circle {
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	border-radius:500px;
}
.hide-text {
	font:0/0 a;
	color:transparent;
	text-shadow:none;
	background-color:transparent;
	border:0;
}
.input-block-level {
	display:block;
	width:100%;
	min-height:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.fade {
	opacity:0;
	-webkit-transition:opacity 0.15s linear;
	-moz-transition:opacity 0.15s linear;
	-o-transition:opacity 0.15s linear;
	transition:opacity 0.15s linear;
}
.fade.in {
	opacity:1;
}
.affix {
	position:fixed;
}
.default-transition,.default-transition-fast,.default-transition-slow,.default-transition-children > *,.default-transition-children-fast > *,.default-transition-children-slow > *,.default-transition-tree *,.default-transition-tree-fast *,.default-transition-tree-slow * {
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	transition-duration:0.3s;
	-webkit-transition-timing-function:ease;
	-moz-transition-timing-function:ease;
	-ms-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-webkit-box-shadow;
	-moz-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-moz-box-shadow;
	-ms-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-ms-box-shadow;
	-o-transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,-o-box-shadow;
	transition-property:background-color,background-position,color,border-color,opacity,z-index,transform,box-shadow;
}
.default-transition-fast,.default-transition-children-fast > *,.default-transition-tree-fast * {
	-webkit-transition-duration:0.2s;
	-moz-transition-duration:0.2s;
	-ms-transition-duration:0.2s;
	-o-transition-duration:0.2s;
	transition-duration:0.2s;
}
.default-transition-slow,.default-transition-children-slow > *,.default-transition-tree-slow * {
	-webkit-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	-ms-transition-duration:0.6s;
	-o-transition-duration:0.6s;
	transition-duration:0.6s;
}
.news-pagination {
	padding-left:30%;
	width:100%;
	padding-top:30px;
}
.page_text,.page_no {
	padding:3px;
}
.page_no {
	padding-right:0;
}
.page_next {
	padding-left:0;
}
.page_text a,.page_no a {
	padding-top:10px;
	padding-bottom:9px;
	padding-left:15px;
	padding-right:15px;
	border:1px solid #ddd;
	text-decoration:none;
	color:#666;
	font-size:12px;
	display:block;
}
.page_no a {
	display:inline-block;
	margin-right:6px;
	float:left;
}
.page_text a:hover,.page_no a:hover {
	border:1px solid #009ed6;
	color:#009ed6;
}
.page_no .page_current,.page_no .page_current:hover {
	color:#fff;
	background-color:#FF6666;
	border:1px solid #009ed6;
}
.clear-float {
	clear:both;
}
.text-overflow {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.default-font {
	font-family: Roboto,San Francisco,Helvetica Neue,Helvetica,Arial,PingFangSC-Light,Hiragina Sans GB,WenQuanYi Micro Hei,microsoft yahei ui,microsoft yahei,sans-serif;
}
.ui-autocomplete li.ui-menu-item {
	padding:6px 1em 6px 1em;
	font-size:13px;
	font-family: Roboto,San Francisco,Helvetica Neue,Helvetica,Arial,PingFangSC-Light,Hiragina Sans GB,WenQuanYi Micro Hei,microsoft yahei ui,microsoft yahei,sans-serif;
	color:#555;
}
.ui-autocomplete li.ui-state-focus {
	background:#f7f9fa;
	border:1px solid transparent;
	border-left-color:#ddd;
	border-right-color:#ddd;
}
.ui-autocomplete.ui-menu {
	padding-bottom:1px;
}
.ui-autocomplete-text-highlight {
	color:#f60;
}
.text-primary {
	color:#FF6666;
}
.text-stress {
	color:#ff8800;
}
.text-muted {
	color:#999;
}
.alert-warn {
	padding:7px 22px 5px 37px;
	background:url(img/tip_icon_warn_16.png) no-repeat 10px 10px #fff3e5;
	border:1px solid #ffd4a3;
	border-radius:2px;
	color:#ff8800;
	font-size:12px;
	line-height:2em;
}
.global-topbar {
	height:32px;
}
.global-topbar,.header-main:hover .global-topbar {
	background:#0087b8;
	border-bottom-color:#0087b8;
}
.banner-engine .global-topbar {
	border-bottom:1px solid rgba(255,255,255,0.1);
	background:url(img/topbar_bg.png) repeat-x left center;
}
.global-topbar a {
	text-decoration:none;
}
.welcome-container {
	float:left;
}
.logout-container {
	line-height:80px;
	font-size:12px;
}
.login-button, .search-button {
	display:inline-block;
	width:70px;
	height:32px;
	line-height:32px;
	color:white;
	text-align:center;
}
.search-button  {
	margin-left:20px;
	border:1px solid #747577;
}
.login-button{
    display: inline-block;
    width: 70px;
    height: 32px;
    line-height: 33px;
    color: white;
    text-align: center;
    margin-left: 14px;
	background-color:#FF6666;
	
}
.logout-container .link-spacing {
	}.slogan {
	display:inline;
	color:#fff;
}
.welcome-user .logout-container,.welcome-container .userinfo-container {
	display:none;
}
.welcome-user .userinfo-container {
	display:block;
}
.userinfo-container {
	position:relative;
	z-index:10;
	font-size:12px;
}
.username-container {
	position:relative;
	z-index:100;
	height:80px;
	line-height:78px;
}
.username-text {
	display:inline-block;
	padding:0 20px;
	line-height:78px;
	background:no-repeat right center;
	color:white;
	max-width:128px \0;
	*cursor:pointer;
}
.auth-icon-personal {
	background-image:url(img/auth_personal.png);
}
.auth-icon-company {
	background-image:url(img/auth_company.png);
}
.auth-icon-unauth {
	background-image:url(img/auth_unauth.png);
}
.username-text span {
	display:inline-block;
	vertical-align:top;
}
.username-text-show {
	max-width:65px;
}
.dropdown-triangle {
	*overflow:hidden;
	position:absolute;
	top:14px;
	right:8px;
	width:0;
	height:0;
	border:4px solid transparent;
	border-top-color:white;
	-webkit-transform-origin:50% 25%;
	transform-origin:50% 25%;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-name:counterclockwise-180;
	animation-name:counterclockwise-180;
}
.userinfo-container:hover .dropdown-triangle {
	border-top-color:#1A1A1A;
	border-top-color:transparent \0;
	-webkit-animation-name:clockwise-180;
	animation-name:clockwise-180;
}
@-webkit-keyframes clockwise-180 {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
50% {
	opacity:1;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
to {
	opacity:0;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
}@keyframes clockwise-180 {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
50% {
	opacity:1;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
to {
	opacity:0;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
}@-webkit-keyframes counterclockwise-180 {
	from {
	opacity:0;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
50% {
	opacity:1;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
to {
	opacity:1;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
}@keyframes counterclockwise-180 {
	from {
	opacity:0;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
50% {
	opacity:1;
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}
to {
	opacity:1;
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}
}.user-panel {
	overflow:hidden;
	position:absolute;
	top:80px;
	right:0;
	width:254px;
	z-index:10;
	background:#232627;
	line-height:1;
}
.userinfo-container--extend .user-panel {
	display:block;
}
.pay-box {
	height:80px;
	line-height:80px;
	background-color:#272a2b;
	border-bottom:1px solid #2f3233;
}

input,textarea,select,form-control:focus {
  background-color: #FFF;
  border-color: #ff6666;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
 }
.pay-box span {
	font-size:18px;
	color:#ff6600;
}
.pay-box a {
	display:inline-block;
	position:absolute;
	top:27px;
	right:20px;
	width:75px;
	height:25px;
	line-height:24px;
	background-color:#ff6600;
	font-size:12px;
	color:#fff;
	text-align:center;
}
.pay-box a:hover {
	background-color:#e35b00;
}
.pay-box,.user-panel-body {
	padding:0 20px;
}
.shortcut-menu-list {
	padding-top:10px;
}
.shortcut-menu-item {
	position:relative;
	height:30px;
	z-index:1;
}
.shortcut-menu-item a {
	display:inline-block;
	padding:7px 0;
	font-size:12px;
	color:#c1c1c1;
}
.shortcut-menu-item a:hover {
	color:#fff;
}
.user-record-count {
	position:absolute;
	top:7px;
	right:0;
	width:22px;
	height:15px;
	line-height:14px;
	text-align:center;
	border-radius:2px;
	background-color:#0790d4;
	color:#fff;
}
.link-items {
	display:inline-block;
	color:#e5e5e5;
	font-size:12px;
	margin-left:14px;
	line-height:1;
}
.link-items:hover {
	color:#FF6666;
}
.link-items:first-child {
	margin-left:0;
}
.link-spacing {
	display:inline-block;
	width:1px;
	height:15px;
	margin:0 0 0 14px;
	overflow:hidden;
	background-color:#fff;
	vertical-align:middle;
}
.user-panel-bottom {
	height:50px;
	line-height:50px;
	font-size:12px;
}
.user-panel-bottom .auth-status {
	display:none;
	padding-left:22px;
	background:url(img/auth_status.png) no-repeat left center;
	color:#2ea550;
}
.user-panel-bottom .new-auth {
	display:none;
	color:#cecece;
}
.user-panel-bottom .exit-btn:hover,.user-panel-bottom .new-auth:hover {
	color:#fff;
}
.user-panel-bottom .exit-btn {
	display:inline-block;
	width:75px;
	height:25px;
	margin-top:14px;
	line-height:24px;
	background-color:#333738;
	font-size:12px;
	color:#cdcdcd;
	text-align:center;
}
.mobile-version {
	position:relative;
}
.mobile-version:hover .mobile-qrcode {
	display:block;
}
.mobile-qrcode {
	display:none;
	position:absolute;
	width:160px;
	height:160px;
	top:32px;
	left:-61px;
	z-index:101;
	background:url(img/mobile_qrcode.png) no-repeat center;
}
.mobile-qrcode:before {
	content:"";
	position:absolute;
	top:-16px;
	left:50%;
	border:8px solid transparent;
	border-bottom-color:#fff;
	margin-left:-8px;
}
.reg-gift {
	position:relative;
	color:#804D00;
	height:17px;
	line-height:17px;
	padding:0 5px 0 20px;
	font-size:12px;
	background:url(img/header_gift.png) no-repeat 5px center #ffe500;
}
.reg-gift:hover {
	color:#804D00;
}
.reg-gift:after {
	content:"";
	position:absolute;
	border:4px solid transparent;
	border-right-color:#ffe500;
	left:-8px;
	top:4px;
}
.header {
	height:80px;
	*border-bottom:1px solid rgba(255,255,255,0.1);
}
.banner-engine .header {
	background-color:transparent;
}

.header{
    background-color:#393D49;
}

.header-main:hover .header {
	background-color:#2b3033;
}
.header:hover{
    background-color:#2b3033;
}

.header-main:hover .header {
	border-bottom:none;
}

.header-nav-right {
	float:right;
}
.header-logo {
	display:inline-block;
	position:relative;
	width:130px;
	height:80px;
	float:left;
	margin-left: 10px;
	margin-top: 20px;
}
.header-logo #logo{
    margin-top: 12px;
    width: 160px;
}
.logo {
left: 10px;
    top: 20px;
    color: #FFFFFF;
    font-size: 26px;
}
.slogan-gif {
	position:absolute;
	top:14px;
	left:145px;
	width:126px;
	height:40px;
}
.slogan-gif,.header-main:hover .slogan-gif {
	background-image:url(img/header_slogan.gif);
}
.banner-engine .slogan-gif {
	background:url(img/header_slogan.png) no-repeat center center;
}
.header-nav {
	margin-left:30px;
	float:left;
}
.header-nav ul {
	*zoom:1;
}
.header-nav ul:before,.header-nav ul:after {
	display:table;
	line-height:0;
	content:"";
}
.header-nav ul:after {
	clear:both;
}
.header-nav-li {
	float:left;
	height:80px;
	z-index:100;
}
.header-nav-li > a {
	display:inline-block;
	text-decoration:none;
	width:100%;
	height:80px;
	padding:0 24px;
	line-height:80px;
	color:#fff;
	font-size:18px;
	text-align:center;
	-webkit-transition:color 0.3s ease;
	-moz-transition:color 0.3s ease;
	-o-transition:color 0.3s ease;
	transition:color 0.3s ease;
}
.newest-act-link {
	position:relative;
}
.newest-act-link-icon {
	position:absolute;
	top:24px;
	left:50%;
	display:block;
	margin-left:38px;
	width:22px;
	height:13px;
	background:url(img/newest_act_link_icon.png) no-repeat center;
}
.topbar-right {
	float:right;
	height:80px;
	line-height:78px;
}
.welcome-container {
	float:right;
}
.header-nav-li.header-nav-li--active > a {
	border-bottom:3px solid #FF6666;
	color:#FF6666;
}
.header-nav-li--active i {
	display:inline-block;
}
.header-nav-li--active > ul {
	background-color:#00435b;
}
.header-nav .current {
	color:#FF6666;
}
.header .auto {
	overflow:visible;
}
.mask-white {
	display:none;
	position:absolute;
	top:104px;
	left:0;
	right:0;
	background-color:#005d7f;
	opacity:0.95;
	filter:alpha(opacity=95);
	z-index:10;
	height:245px;
	box-shadow:1px 3px 3px rgba(0,0,0,.2)
}
.cursor-arrow {
	cursor:default;
}
.pop-list {
	display:none;
	position:absolute;
	top:80px;
	left:0;
	right:0;
	z-index:1000;
	margin:0 auto;
	min-width:1200px;
	max-width:100%;
	height: 536px;
	padding-top:40px;
	background-color:#212629;
	box-shadow:0 2px 6px 0 rgba(0,0,0,.3);
}
.pop-list .pop-arrow {
	position:absolute;
	content:"";
	left:50%;
	bottom:6px;
	margin-left:-13px;
	width:26px;
	height:26px;
	background:url(img/pop_arrow.png) no-repeat center;
	cursor:pointer;
}
.pop-list .pop-arrow:hover {
	*background-image:url(img/pop_arrow_hover.png);
}
.header-nav-li.header-nav-li--active .pop-list {
	display:block;
}
.pop-link-list li {
	float:left;
	width:285px;
	height:110px;
	margin-right:20px;
	margin-bottom:16px;
}
.pop-link-list .last-one {
	margin-right:0;
}
.pop-link {
	display:block;
	width:100%;
	height:100%;
	padding:30px 28px;
	background:#616467 no-repeat center;
	color:#fff;
}
.pop-link-title {
	font-size:18px;
}
.pop-link-subtitle {
	color:#bbb;
	margin-top:10px;
	font-size:12px;
}
.pop-link:hover .pop-link-subtitle {
	color:#fff;
}
.pop-solution-list .pop-link {
	padding:0;
	padding-left:110px;
	line-height:110px;
}
.pop-link-server {
	background-image:url(img/header_link_server.jpg);
}
.pop-link-server:hover {
	background-image:url(img/header_link_server_hover.jpg);
}
.pop-link-idc {
	background-image:url(img/header_link_idc.jpg);
}
.pop-link-idc:hover {
	background-image:url(img/header_link_idc_hover.jpg);
}
.pop-link-host {
	background-image:url(img/header_link_host.jpg);
}
.pop-link-host:hover {
	background-image:url(img/header_link_host_hover.jpg);
}
.pop-link-ssl {
	background-image:url(img/header_link_ssl.jpg);
}
.pop-link-ssl:hover {
	background-image:url(img/header_link_ssl_hover.jpg);
}
.pop-link-monitor {
	background-image:url(img/header_link_monitor.jpg);
}
.pop-link-monitor:hover {
	background-image:url(img/header_link_monitor_hover.jpg);
}
.pop-link-domain {
	background-image:url(img/header_link_domain.jpg);
}
.pop-link-domain:hover {
	background-image:url(img/header_link_domain_hover.jpg);
}
.pop-link-website {
	background-image:url(img/header_link_solution_website.jpg);
}
.pop-link-website:hover {
	background-image:url(img/header_link_solution_website_hover.jpg);
}
.pop-link-financial {
	background-image:url(img/header_link_solution_financial.jpg);
}
.pop-link-financial:hover {
	background-image:url(img/header_link_solution_financial_hover.jpg);
}
.pop-link-mobile {
	background-image:url(img/header_link_solution_mobile.jpg);
}
.pop-link-mobile:hover {
	background-image:url(img/header_link_solution_mobile_hover.jpg);
}
.pop-link-ecomm {
	background-image:url(img/header_link_solution_ecomm.jpg);
}
.pop-link-ecomm:hover {
	background-image:url(img/header_link_solution_ecomm_hover.jpg);
}
.pop-link-game {
	background-image:url(img/header_link_solution_game.jpg);
}
.pop-link-game:hover {
	background-image:url(img/header_link_solution_game_hover.jpg);
}
.pop-item-list {
	}.pop-item-list li {
	float:left;
	width:265px;
	margin-right:108px;
}
.pop-item-title,a.pop-item-title {
	display:block;
	border-bottom:1px solid #424545;
	width:100%;
	padding-bottom:16px;
	color:#e2e2e2;
	font-size:18px;
}
a.pop-item-title:hover {
	color:#FF6666;
}
.pop-item-subtitle {
	margin-top:10px;
	line-height:1.8em;
	color:#999;
	font-size:12px;
}
.pop-item-link {
	margin-top:30px;
	white-space:nowrap;
}
.pop-item-link a {
	display:inline-block;
	margin-right:30px;
	font-size:16px;
	color:#7a8185;
}
.nav-pop-item {
	float:left;
	width:23.5%;
	margin-left:2%;
}
.nav-pop-item:first-child {
	margin-left:0;
}
.nav-pop-item ul {
	margin-top:10px;
}

.nav-item-title {
	font-size:16px;
	color:#fff;
}
a.nav-item-title {
	display:block;
}
a.nav-item-title:hover {
	color:#FF6666;
}
.nav-pop-item li {
	width:100%;
	*margin-bottom:16px;
}
.nav-pop-item.single-item {
	width:100%;
}
.nav-pop-item.single-item li {
	float:left;
	margin-left:2%;
	width:23.5%;
}
.nav-pop-item.single-item li:first-child {
	margin-left:0;
}
.nav-pop-item.single-item li.last-item {
	margin-left:0;
}
.nav-pop-item li a {
	display:block;
	width:100%;
	height:100%;
	margin-top: 30px;
}
.nav-pop-item li a:hover {
	border-color:#FF6666;
}
.nav-pop-item li a:hover .nav-item-name,.nav-pop-item li a:hover .nav-item-brief {
	color:#FF6666;
}
.nav-item-name {
	position:relative;
	display:inline-block;
	margin-bottom:5px;
	color:#7a8185;
	font-size:14px;
}
.nav-item-name:after {
	position:absolute;
	right:-38px;
	top:1px;
	width:30px;
	height:18px;
	background:url(img/nav_item_icon.png) no-repeat center;
}
.nav-item-name.nav-item-hot:after {
	content:"";
	background-position:0 0;
}
.nav-item-name.nav-item-new:after {
	content:"";
	background-position:0 -20px;
}
.nav-item-name.nav-item-tobe:after {
	content:"";
	right:-69px;
	top:0;
	width:60px;
	height:20px;
	background:url(img/nav_tobe_icon.png);
	line-height:20px;
	color:#fff;
	text-align:center;
	font-size:12px;
}
.nav-item-brief {
	font-size:12px;
	color:#484d4f;
}
d{
  font-size: 12px;
    color: #FF6666;
    font-style: normal;
    margin-left: 8px;
    opacity: 1;  
}
.banner-engine .header-container {
	width:100%;
	height:0;
}
.banner-box {
	height:666px;
}
.banner-engine {
	height:666px;
	position:relative;
}
.top-nav {
	position:absolute;
	left:0;
	top:0;
	width:100%;
    min-width: 100%;
	height:80px;
	z-index:100;
}
.top-info {
	position:relative;
}
.login {
	float:left;
	display:inline-block;
	width:124px;
	height:80px;
	background:url("img/header_logo.png") no-repeat center;
}
.service-concept {
	display:inline-block;
	margin-left:15px;
	float:left;
	width:124px;
	height:80px;
	background:url("img/header_slogan.png") no-repeat center;
}
.nav-ul {
	float:left;
	width:54%;
}
.nav-ul li {
	float:left;
	width:20%;
}
.nav-ul li a {
	display:inline-block;
	width:100%;
	font-size:16px;
	color:#fff;
	text-align:center;
}
.banner-engine .banner-ul {
	position:relative;
	width:100%;
	height:666px;
}
.banner-engine .banner-text {
	position:absolute;
	left:0;
	top:-720px;
	width:100%;
	height:552px;
}
.banner-engine .banner-text {
	display:none;
}
.banner-engine .link-banner {
	cursor:pointer;
}
.banner-engine .banner-text1 {
	font-size:28px;
	line-height:50px;
	color:#fff;
}
.banner-engine .banner-text2 {
	margin-top:28px;
	font-size:18px;
	line-height:20px;
	color:#e4e7eb;
}
.banner-engine .banner-link-button {
	display:inline-block;
	border:1px solid #fff;
	margin-top:54px;
	width:160px;
	height:44px;
	line-height:42px;
	text-align:center;
	font-size:16px;
	color:#fff;
}
.banner-engine .banner-link-button:hover {
	background:#fff;
	color:#333;
	border:1px solid #fff;
}
.login-link {
	position:relative;
}
.login-link:before {
	content:"";
	position:absolute;
	top:-6px;
	left:-40px;
	width:30px;
	height:30px;
	background:url(img/header_user.png) no-repeat center;
}
.banner-ul li {
	display:none;
	height:100%;
	width:100%;
	float:left;
}
.banner-engine .banner-ul li {
	z-index:-1;
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	height:100%;
	width:100%;
	float:left;
}
.banner-engine .banner-ul li:first-child {
	z-index:initial;
}
.service-action {
	display:none;
}
.index-page .service-action {
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	*height:116px;
	height:90px;
	background:rgba(33,154,214,0.25);
	z-index:2;
}
.banner-point {
	display:none;
	position:absolute;
	bottom:100px;
	left:0px;
	width:100%;
	height:10px;
	line-height:18px;
}
.index-page .banner-point {
	display:block;
}
.slider-main {
	display:none;
	position:relative;
}
.banner-engine .slider-main {
	display:block;
}
.slider-text {
	position:absolute;
	margin-top:252px;
}
.banner-area {
	width:100%;
	text-align:center;
}
.banner-area li {
	/*margin:0px 15px;
	display:inline-block;
	width:10px;
	height:10px;
	background:url("img/pagination_02.png") no-repeat;*/
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 4px;
    line-height: 4px;
    color: transparent;
    text-align: center;
    background: rgba(255,255,255,.4);
    cursor: pointer;
}
.banner-area li.active {
	/*background:url("img/pagination_01.png") no-repeat;*/
    background: #fff;
    color: transparent;
}
.service-action {
	display:none;
}
.index-page .service-action {
	display:block;
}
.transparent-header .header-container,.transparent-header .banner-box {
	width:100%;
	height:0px;
}
.transparent-header .banner-text,.transparent-header .banner-point,.transparent-header .news-casting,.transparent-header .banner-ul {
	display:none !important;
}
.suspension {
	width:46px;
	height:270px;
	position:fixed;
	right:30px;
	bottom:50px;
	z-index:999;
}
.suspension li {
	position:relative;
	width:46px;
	height:46px;
	margin-top:10px;
}
.suspension li:first-child {
	margin-top:0;
}
/*
.pop-menu,.pop-qrcode,.pop-top,.buy-car {
	display:block;
	width:100%;
	height:100%;
	*border:1px solid #bcbcbc;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(img/minimenu.png);

}
.voice-service {
	background-image:url("");
}
.pop-tel {
	background-position: -2px -102px;
	cursor:pointer;
}
.pop-qrcode {
	background-position: -2px -152px;
	cursor:pointer;
}
.pop-top {
	background-position: -2px -2px;
	cursor:pointer;
}*/

.minimenu-menu,.minimenu-qrcode,.minimenu-top,.minimenu-user ,.minimenu-favorite  {
	display:block;
	width:100%;
	height:100%;
	*border:1px solid #bcbcbc;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
	background-image:url(/public/static/images/minimenu.png);
	border: 1px solid #D7D7D7;
    border-radius: 4px;

}
.voice-service {
	background-image:url("");
}
.minimenu-user {
    background-position: -103px -253px;
    cursor: pointer;
}
.minimenu-menu {
	background-position: -3px -102px;
	cursor:pointer;
}
.minimenu-favorite {
    background-position: -3px -204px;
    cursor: pointer;
}
.minimenu-qrcode {
	background-position: -3px -152px;
	cursor:pointer;
}
.minimenu-top {
	background-position: -3px -2px;
	cursor:pointer;
}

.suspension .fa-align-justify
{
    
    	color:#2196f3;
}
.suspension .fa-question-circle-o
{
    font-size: 2.3em;
    color:#b339d7;
}
.suspension .fa-file-text-o
{
    font-size: 2.1em;
    color:#009688;
}
.suspension .fa-envelope-o
{
    	color:#fd7e14;
}
.suspension .fa-star-o
{
    	color:#ffc107;
}
/*.minimenu .minimenu-detail{
    background: url(img/minimenu-bg.jpg);
    
}*/


.suspension-redpacket {
	position:relative;
}
.suspension-redpacket .redpacket-wrap {
	cursor:pointer;
	position:absolute;
	top:-83px;
	left:-35px;
	width:107px;
	height:122px;
	background-image:url('img/red-packet.png');
}
.suspension-redpacket .redpacket-content {
	position:absolute;
	top:62px;
	left:30px;
}
.suspension-redpacket .redpacket-num {
	font-size:16px;
	font-weight:bold;
	font-stretch:normal;
	letter-spacing:0px;
	color:#fff000;
}
.suspension-redpacket .redpacket-font {
	font-size:12px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#fff000;
}
.buy-car {
	background-image:url(img/side_icon_04.png);
}
.connect-us {
	position:absolute;
	width:240px;
	right:54px;
	bottom:0;
	z-index:30;
	background:#fff;
	border:1px solid #ddd;
	box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
	display:none;
}
.connect-us ul {
	margin:32px 20px;
}
.connect-us li {
	display:list-item;
	width:100%;
	height:auto;
	padding:16px 0;
	overflow:hidden;
	margin-top:0;
	border-top:1px solid #f4f4f4;
}
.connect-us li:first-child {
	padding-top:0;
	border-top:none;
}
.connect-us li.feedback-item {
	padding-bottom:0;
}
.connect-us li a {
	display:inline-block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.service-online {
	background-image:url(img/bottom_29.png);
}
.service-online:hover {
	background-image:url(img/bottom_29_hover.png);
}
.service-feedback:hover .info-name,.service-online:hover .info-name {
	color:#FF6666;
}
.footer .service-phone {
	background-image:url(img/suspend_icon_01.png);
}
.footer .service-phone:hover {
	background-image:url(img/suspend_icon_01_blue.png);
}
.service-feedback {
	background-image:url(img/suspend_icon_02.png);
}
.service-feedback:hover {
	background-image:url(img/suspend_icon_02_blue.png);
}
.info-name,.info-value {
	display:block;
	padding-left:42px;
}
.info-name {
	height:14px;
	font-size:14px;
	color:#333;
}

.suspension  li i{float: left;}

.info-value {
	margin-top:5px;
	height:18px;
	font-size:12px;
	color:#888;
}
.service-feedback .info-value {
	font-size:12px;
	font-weight:inherit;
	color:#888;
}
.qrcode {
	position:absolute;
	width:139px;
	height:163px;
	right:55px;
	bottom:0;
	z-index:30;
	box-shadow:0 6px 12px 0 rgba(0,0,0,.15);
	background: #fff url(/assets/img/qr.png) no-repeat center 14px;
	display:none;
	text-align:center;
	padding-top:137px;
	font-size:12px;
	color:#333;
}
.footer {
	min-width:1220px;
	background-color:#2b373d;
	font-family:"Microsoft Yahei";
}
.footer-floor1 {
	width:100%;
	padding:40px 0 62px;
}
.footer-list {
	width:68%;
	height:100%;
	border-left:1px solid #414b51;
	padding-left:20px;
	float:left;
}
.footer-list ul {
	float:left;
	width:25%;
}
.footer-list li {
	line-height:30px;
}
.footer-list li a {
	color:#819199;
	font-size:14px;
	text-decoration:none;
}
.footer-list li a:hover {
	text-decoration:underline;
	color:#fff;
}
.footer-list .flist-title {
	font-size:18px;
	color:#fff;
	margin-bottom:15px;
}
.footer-left {
	width:32%;
	float:left;
}
.company-box {
	padding-left:20px;
}
.company-logo {
	height:40px;
	background:url(img/bottom_19.png) no-repeat left;
}
.company-logo span {
	display:inline-block;
	margin-left:136px;
	margin-top:-5px;
	width:126px;
	height:40px;
	background:url(img/bottom_16.gif) no-repeat left;
}
.company-name {
	margin-top:20px;
	line-height:25px;
	font-size:14px;
	color:#fff;
}
.official-plat {
	width:100%;
	height:100%;
	margin-top:20px;
	position:relative;
}
.official-plat ul {
	width:100%;
}
.official-plat ul li {
	float:left;
	margin-left:15px;
	width:40px;
	height:40px;
}
.official-plat ul a {
	display:block;
}
.official-plat ul li span {
	display:inline-block;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center;
}
.official-plat li .weixin-logo {
	background-image:url(img/bottom_25.png);
}
.official-plat li .weibo-logo {
	background-image:url(img/bottom_23.png);
}
.official-plat li .qq-logo {
	background-image:url(img/bottom_27.png);
}
.official-plat li .email-logo {
	background-image:url(img/bottom_29.png);
}
.official-plat li:hover .weixin-logo {
	background-image:url(img/bottom_25_hover.png);
}
.official-plat li:hover .weibo-logo {
	background-image:url(img/bottom_23_hover.png);
}
.official-plat li:hover .qq-logo {
	background-image:url(img/bottom_27_hover.png);
}
.official-plat li:hover .email-logo {
	background-image:url(img/bottom_29_hover.png);
}
.official-plat > p {
	display:inline-block;
	width:132px;
	height:132px;
	border:1px solid #dddddd;
	background-color:#fff;
}
.official-plat .weixin {
	position:absolute;
	top:-145px;
	left:24px;
	background-image:url(img/plat_qrcode.png);
	background-repeat:no-repeat;
	background-position:0 0;
	display:none;
}
.official-plat .weibo {
	position:absolute;
	top:-145px;
	left:-32px;
	background-image:url(img/plat_qrcode.png);
	background-repeat:no-repeat;
	background-position:-132px 0;
	display:none;
}
.corner {
	border:10px solid transparent;
	border-top:10px solid #fff;
	position:absolute;
	bottom:-20px;
	right:50%;
	margin-right:-10px;
	z-index:10;
	*height:0;
}
.five-superiority {
	width:100%;
	height:120px;
	border-bottom:1px solid #414b51;
}
.five-superiority-list li {
	float:left;
	width:25%;
	height:120px;
}
.five-superiority-list li a {
	white-space:nowrap;
	display:block;
	line-height:120px;
	padding-left:110px;
	background-repeat:no-repeat;
	background-position:50px center;
	font-size:18px;
	color:#fff;
}
.compensate_ico a {
	background-image:url(img/bottom_03.png);
}
.retreat_ico a {
	background-image:url(img/bottom_05.png);
}
.technology_ico a {
	background-image:url(img/bottom_07.png);
}
.prepare_ico a {
	background-image:url(img/bottom_09.png);
}
.footer-floor2 {
	width:100%;
	border-top:1px solid #212a2f;
	padding:20px 0;
	text-align:center;
}
.footer-floor2 p {
	text-align:center;
	color:#819199;
	font-size:12px;
	line-height:25px;
}
.footer-floor2 p span {
	font-family: Roboto,San Francisco,Helvetica Neue,Helvetica,Arial,PingFangSC-Light,Hiragina Sans GB,WenQuanYi Micro Hei,microsoft yahei ui,microsoft yahei,sans-serif;
}
.footer-floor2 a {
	color:#819199;
}
.footer-floor2 a:hover {
	text-decoration:underline;
}
.foot-link {
	margin:0 15px;
	text-decoration:none;
	color:#b6e2f2;
}
.foot-link:hover {
	text-decoration:underline;
}
.footer-banner {
	position:relative;
	min-width:1200px;
	background:#FF6666 url(img/footer_bg.jpg) no-repeat center;
	height:180px;
	overflow:hidden;
	color:#fff;
	text-align:center;
}
.footer-banner-text {
	position:relative;
	padding-top:46px;
	z-index:20;
	font-size:24px;
}
.footer-banner-button a {
	display:inline-block;
	margin-top:24px;
	width:220px;
	height:44px;
	line-height:44px;
	border:1px solid #fff;
	color:#fff;
}
.footer-banner-button a:hover {
	color:#333;
	background-color:#fff;
}
.footer-banner-button {
	position:relative;
	z-index:20;
}
.footer-bubble {
	position:absolute;
}
.bubble-1 {
	top:-120px;
	left:50%;
	z-index:10;
	margin-left:-120px;
	width:240px;
	height:240px;
	background:url(img/footer_bubble_1.png);
	animation:bubble-animate-1 linear 10s infinite;
}
.bubble-2 {
	top:50px;
	left:34%;
	z-index:11;
	width:360px;
	height:360px;
	background:url(img/footer_bubble_2.png);
	animation:bubble-animate-2 linear 12s infinite;
}
.bubble-3 {
	top:50px;
	left:48%;
	z-index:12;
	width:300px;
	height:300px;
	background:url(img/footer_bubble_3.png);
	animation:bubble-animate-3 linear 11s infinite;
}
@keyframes bubble-animate-1 {
	from {
	top:-120px;
}
50% {
	top:-180px;
}
to {
	top:-120px;
}
}@keyframes bubble-animate-2 {
	from {
	top:50px;
	left:34%;
}
50% {
	top:80px;
	left:24%;
}
to {
	top:50px;
	left:34%;
}
}@keyframes bubble-animate-3 {
	from {
	top:50px;
	left:48%;
}
50% {
	top:80px;
	left:58%;
}
to {
	top:50px;
	left:48%;
}
}.module-banner-bg {
	min-height:120px;
}
.module-banner-title {
	position:relative;
	top:42px;
	border-left:3px solid #FF6666;
	text-indent:17px;
	font-weight:normal;
	font-size:29px;
	color:#222;
}
.signfooter {
	background-color:#f2f4f5;
	border-top:1px solid #ddd;
	text-align:center;
}
.footer-signfooter {
	width:100%;
	padding:25px 0px 30px 0px;
}
.footer-signfooter p,.footer-signfooter a {
	margin-top:8px;
	font-size:12px;
	color:#999999;
}
.signfooter-nav {
	margin-top:25px;
}
.signfooter-nav-list {
	display:inline-block;
}
.signfooter-nav-list li {
	position:relative;
	float:left;
	margin:0px 30px;
	height:20px;
	line-height:20px;
}
.signfooter-nav-list li:before {
	position:absolute;
	left:-30px;
	top:4px;
	content:"";
	height:14px;
	width:1px;
	background:#ddd;
}
.signfooter-nav-list li:first-child:before {
	width:0px;
	height:0px;
}
.signfooter-nav-list li a {
	display:inline-block;
	font-size:16px;
	color:#666;
}
.show-captcha {
	height:30px;
}
.signfooter-foot-link {
	margin-left:15px;
	text-decoration:none;
	color:#b6e2f2;
}
.signfooter-foot-link:hover {
	text-decoration:underline;
}
.fl {
	float:left;
}
.act-modal {
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6)
}
.content-wrap {
	width:1022px;
	height:579px;
	position:absolute;
	background:url(img/modal-bg.png) no-repeat;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.modal-title {
	font-size:24px;
	font-weight:normal;
	font-stretch:normal;
	line-height:40px;
	letter-spacing:0px;
	color:#fff6cc;
	text-align:center;
	margin:50px 0 0px;
	position:relative;
}
.modal-title::before {
	content:"";
	display:inline-block;
	width:23px;
	height:22px;
	position:absolute;
	top:8px;
	left:37%;
	background:url(img/modal-gift.png) no-repeat;
}
.modal-tips {
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	line-height:40px;
	letter-spacing:0px;
	color:#FF6666;
	margin-bottom:10px;
	text-align:center;
}
.modal-tips a {
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	line-height:40px;
	letter-spacing:0px;
	color:#FF6666;
	margin-bottom:10px;
	text-align:center;
}
.main-wrap {
	padding:0 35px;
}
.main-item {
	width:300px;
	height:370px;
	background-color:rgba(0,0,0,0.7);
	border-radius:4px;
	margin-right:26px;
}
.main-item:nth-child(3) {
	margin-right:0;
}
.item-title-wrap {
	text-align:center;
	padding:30px 0 7px;
}
.main-item-title1 {
	display:inline-block;
	width:80px;
	height:20px;
	background:url(img/modal-coupons-title1.png) no-repeat;
}
.main-item-title2 {
	display:inline-block;
	width:80px;
	height:20px;
	background:url(img/modal-coupons-title2.png) no-repeat;
}
.main-item-title3 {
	display:inline-block;
	width:80px;
	height:20px;
	background:url(img/modal-coupons-title3.png) no-repeat;
}
.main-item ul {
	padding:12px 9px;
}
.main-item ul li {
	position:relative;
	padding-left:15px;
	padding-top:4px;
	float:left;
	width:135px;
	height:60px;
	margin-bottom:12px;
	background:url(img/modal-coupons-bg1.png) no-repeat;
}
.main-item:nth-child(2) ul li {
	background:url(img/modal-coupons-bg2.png) no-repeat;
}
.main-item:nth-child(3) ul li {
	background:url(img/modal-coupons-bg3.png) no-repeat;
}
.main-item ul li:nth-child(odd) {
	margin-right:8px;
}
.main-item ul li div:nth-child(1) {
	font-size:22px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#ff4000;
	margin-bottom:2px;
	font-weight:bold;
}
.main-item ul li div:nth-child(1) span {
	position:absolute;
	font-size:12px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#0080ff;
	border:1px solid #0080ff;
	top:9px;
	right:21px;
}
.main-item ul li div:nth-child(1) i {
	font-size:14px;
	font-style:normal
}
.main-item ul li div:nth-child(2) {
	font-size:12px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#ff4000;
}
.model-item-btn {
	cursor:pointer;
	display:block;
	width:280px;
	height:40px;
	background-color:#ff5500;
	border-radius:4px;
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	line-height:40px;
	letter-spacing:0px;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
}
.modal-close {
	cursor:pointer;
	display:inline-block;
	position:absolute;
	top:26px;
	right:26px;
	width:20px;
	height:20px;
	background:url(img/modal-close.png) no-repeat;
}
.disabled-btn {
	cursor:not-allowed;
	background:#999;
	color:#fff;
}
.tips-modal {
	width:620px;
	height:438px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	background:#fff;
	z-index:1001;
}
.tips-model-title {
	height:50px;
	line-height:50px;
	font-size:18px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#ffffff;
	background:#FF6666;
	padding-left:20px;
	position:relative;
}
.tips-modal-close {
	content:"";
	display:inline-block;
	width:18px;
	height:21px;
	background:url(img/tips-close-btn.png) no-repeat;
	position:absolute;
	top:16px;
	right:17px;
	z-index:1;
	cursor:pointer;
}
.tips-model-item {
	margin:20px 20px;
}
.tips-model-lable {
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#333333;
	font-weight:bold;
}
.tips-model-fontwrap {
	width:496px;
}
.tips-model-font {
	font-size:14px;
	font-weight:normal;
	font-stretch:normal;
	letter-spacing:0px;
	color:#333333;
	margin-bottom:8px;
}
#footer .footer-qr{
        -ms-flex: 0 0 19%;
    flex: 0 0 19.44%;
    max-width: 19.44%;
}

#footer .footer-links , #footer .footer-api_type ,#footer .footer-api
{
        -ms-flex: 0 0 19%;
    flex: 0 0 12.96%;
    max-width: 12.96%;
}
.footer-qr .left{
    margin-right: 10px;
}
#footer{border-top:1px solid #eee;color:#555;padding-top:40px;margin-top:16px}
#footer{background-color:#393D49;border-top:1px solid #393D49;color:#fff}
#footer div[class*=footer]{margin-bottom:0px;}
#footer .copy-right{height:50px;line-height:50px;margin-top:10px;text-align:center}
.footer blockquote, .footer dl, .footer form, .footer hr, .footer ol, .footer p, .footer pre, .footer table, .footer ul {
    margin-bottom: 1.2em;
}
#footer .copy-right{background-color:rgba(51,51,51,.08)}

h4, .h4 {
    font-size: 18px;
}