body {
	font-family: PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #222222;
	margin: 0;
	padding: 0;
	background: #fff;
	position: relative;
	min-width: 320px
}

.gray-bg {
	background: #f5f6f8
}

section {
	/* padding: 60px 0 */
}

ul,ol {
	padding-left: 0
}

li {
	list-style: none !important
}

* {
	box-sizing: border-box;
	border-radius: 0
}

.img-rounded {
	border-radius: 6px !important
}

a,a:visited,a:link {
	text-decoration: none !important
}

a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #337ab7
}

.green {
	color: #008000
}

.red,red {
	color: #ef2a3a
}

.orange {
	color: #fa8f04
}

.blue {
	color: #f58900
}

.center {
	text-align: center
}

ul {
	padding-left: 0
}

.block {
	display: block
}

.block-i {
	display: block !important
}

.inline-block {
	display: inline-block
}

.d-none-i {
	display: none !important
}

.form-control {
	border-radius: 0
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
	background-color: #fff;
	border-color: #fff
}

.rotate90 {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg)
}

.rotate180 {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg)
}

.rotate270 {
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(9270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg)
}

@media (max-width:1200px) {
	.w-lg-100 {
		width: 100%
	}
}

@media (max-width:480px) {
	section {
		padding: 30px 0
	}

	h1 {
		font-size: 24px;
		margin-top: 10px
	}

	h2 {
		font-size: 20px
	}

	.w-xs-100 {
		width: 100%
	}
}

.banner {
	height: 400px;
	overflow: hidden;
	position: relative
}

.banner .banner-txt {
	height: 450px;
	width: 100%;
	position: relative;
	white-space: nowrap
}

.banner .banner-txt .banner-txt-table {
	display: table;
	height: 100%;
	width: 100%
}

.banner .banner-txt .banner-txt-table>div {
	display: table-cell;
	text-align: center;
	vertical-align: middle
}

.banner .banner-txt img {
	width: auto;
	display: inline
}

.tm.details .two-cols .content section, .IP-contry.details .two-cols .content section {
    padding: 30px 0 0;
}


.tm.details section.recon .recon-table, .IP-contry.details section.recon .recon-table {
    margin: 20px auto;
}

.tm.details section.recon .recon-table .one-row>a, .IP-contry.details section.recon .recon-table .one-row>a {
    display: table-cell;
    border: 1px solid transparent;
    padding-top: 20px;
}
.tm.details section.recon .recon-table .one-row>a:hover, .IP-contry.details section.recon .recon-table .one-row>a:hover {
    border-color: #ddd;
}

@media (max-width:1200px) {
	.banner .banner-txt {
		background-size: contain !important
	}
}

@media (max-width:768px) {
	.banner .banner-txt {
		background-size: contain !important;
		background-position: center !important
	}

	.banner .banner-txt2 {
		width: 60%
	}
}

.form-control::-webkit-input-placeholder {
	color: #ccc
}

.form-control:-moz-placeholder {
	color: #ccc
}

.form-control::-moz-placeholder {
	color: #ccc
}

.form-control:-ms-input-placeholder {
	color: #ccc
}

.icon-left .form-control-feedback {
	left: 0
}

.icon-left .form-control {
	padding-left: 30px;
	padding-right: 6px
}

.has-feedback i {
	color: #ccc;
	font-size: 18px
}

.block-title {
	text-align: center;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 20px
}

.block-title .long-slash {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px
}

.block-title .long-slash i {
	color: #f58900
}

.block-title .info {
	font-size: 16px;
	font-weight: normal
}

.block-title div:empty {
	margin: 0 auto 10px;
	width: 80px;
	border-bottom: 3px solid #f58900
}

.input-search {
	position: relative
}

.input-search input {
	width: 100%;
	height: 50px !important;
	padding-right: 56px;
	font-size: 18px
}

.input-search .btn-search {
	position: absolute;
	top: 1px;
	right: 1px;
	height: 48px;
	width: 48px;
	line-height: 48px
}

.input-search .btn-search .fa {
	font-size: 24px;
	display: inline-block;
	margin-top: 3px;
	color: #fff
}

.width-100per {
	width: 100%
}

.height-100per {
	height: 100%
}

.v1-search {
	padding: 70px 140px 40px
}

.v1-search_info {
	white-space: nowrap;
	display: table;
	width: 100%
}

.v1-search-input[type=text] {
	display: table-cell;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
	padding: 0 25px;
	border: #0c59db 2px solid
}

.v1-srh-btn {
	display: table-cell;
	width: 130px
}

.v1-srh-btn button {
	position: relative;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	height: 60px;
	border: none;
	line-height: 60px;
	padding: 0 50px;
	background: #0c59db
}

.v1-srh-btn button::before {
	content: url(../image/magnifier.png);
	position: relative;
	left: -5px;
	top: 5px
}

.v1-search_more {
	padding: 10px 0
}

.v1-search_more span {
	color: #333;
	line-height: 18px
}

.v1-search_more-a {
	color: #0c59db;
	font-size: 16px;
	margin-left: 3px
}

@media (max-width:473px) {
	.input-search input {
		font-size: 16px
	}
}

@media (max-width:442px) {
	.input-search input {
		font-size: 14px
	}
}

@media (max-width:413px) {
	.input-search input {
		font-size: 12px
	}
}

.myTagDiv {
	display: block;
	text-align: center
}

.myTagDiv ul {
	margin-top: 10px
}

.myTagDiv .pagerCss li {
	position: relative;
	width: 134px;
	height: 34px;
	line-height: 34px;
	margin: 4px;
	padding-left: 4px;
	float: left;
	background: #fbfbfb;
	display: inline
}

@media (min-width:992px) and (max-width:1199px) {
	.myTagDiv .pagerCss li {
		width: 125px
	}
}

.myTagDiv .pagerCss li div {
	position: relative;
	float: inherit;
	margin-top: 6px
}

.icheckbox_square-red {
	background-position: 0 0
}

.icheckbox_square-red,.iradio_square-red {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 22px;
	height: 22px;
	background: url(../image/red.png) no-repeat;
	border: none;
	cursor: pointer
}

.myTagDiv .pagerCss li input {
	position: absolute;
	top: -20%;
	left: -20%;
	display: block;
	width: 140%;
	height: 140%;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	background: #fff;
	float: left
}

.myTagDiv .pagerCss .iCheck-helper {
	position: absolute;
	top: -20%;
	left: -20%;
	display: block;
	width: 140%;
	height: 140%;
	margin: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	background: #fff
}

.myTagDiv .pagerCss li a {
	text-decoration: none;
	color: #2E2D2D;
	padding: 0;
	font-size: 12px;
	font-family: "微软雅黑";
	display: block;
	text-decoration: none !important;
	margin: 0;
	background: none;
	margin-left: 3px;
	float: left
}

.myTagDiv .pagerCss li a span {
	color: #fff;
	background: url(../image/label-bg01.png) no-repeat;
	display: inline-block;
	width: 40px;
	line-height: 19px;
	font-family: initial;
	padding-left: 5px;
	margin-left: 2px
}

.gray-bg .panel {
	margin-top: 30px;
	border: none;
	margin-bottom: 0
}

.gray-bg .panel-default>.panel-heading {
	border: none
}

.no-border {
	border: none
}

.btn {
	border-radius: 0
}

.btn-blue {
	background: #f58900;
	color: #fff;
	letter-spacing: 2px
}

.btn-blue:hover {
	background: #4faef3;
	color: #fff
}

.btn-blue:visited,.btn-blue:focus {
	color: #fff
}

.btn-red {
	background: #ee4136;
	color: #fff !important
}

.btn-red:hover {
	background: #ee4136;
	color: #fff
}

.btn-gray {
	color: #333;
	border: 1px solid #ddd;
	background-color: #f7f7f7
}

.btn-gray:hover {
	color: #333;
	background-color: #fff
}

.btn-line {
	display: inline-block;
	border: 1px #f58900 solid;
	background: transparent;
	color: #f58900
}

.btn-line:hover {
	color: #f58900
}

.btn-line ::selection {
	background: #f58900;
	color: #fff
}

.font12 {
	font-size: 12px !important
}

.font12-w {
	font-size: 12px;
	color: #fff
}

.font12-b3 {
	font-size: 12px;
	color: #333
}

.font12-b6 {
	font-size: 12px;
	color: #666
}

.font12-b9 {
	font-size: 12px;
	color: #999
}

.font14 {
	font-size: 14px !important
}

.font14-w {
	font-size: 14px;
	color: #fff
}

.font14-b3 {
	font-size: 14px;
	color: #333
}

.font14-b6 {
	font-size: 14px;
	color: #666
}

.font14-b9 {
	font-size: 14px;
	color: #999
}

.font16 {
	font-size: 16px !important
}

.font16-w {
	font-size: 16px;
	color: #fff
}

.font16-b3 {
	font-size: 16px;
	color: #333
}

.font16-b6 {
	font-size: 16px;
	color: #666
}

.font16-b9 {
	font-size: 16px;
	color: #999
}

.font18 {
	font-size: 18px !important
}

.font18-w {
	font-size: 18px;
	color: #fff
}

.font18-b3 {
	font-size: 18px;
	color: #333
}

.font18-b6 {
	font-size: 18px;
	color: #666
}

.font18-b9 {
	font-size: 18px;
	color: #999
}

.font20 {
	font-size: 20px !important
}

.font20-w {
	font-size: 20px;
	color: #fff
}

.font20-b3 {
	font-size: 20px;
	color: #333
}

.font20-b6 {
	font-size: 20px;
	color: #666
}

.font20-b9 {
	font-size: 20px;
	color: #999
}

.font30 {
	font-size: 30px !important
}

.font30-w {
	font-size: 30px;
	color: #fff
}

.font30-b3 {
	font-size: 30px;
	color: #333
}

.font30-b6 {
	font-size: 30px;
	color: #666
}

.font30-b9 {
	font-size: 30px;
	color: #999
}

.align-middle {
	vertical-align: middle !important
}

.paging a {
	display: inline-block;
	color: #99a1a7;
	font-style: normal;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	background: #e7ebee;
	border-radius: 2px !important;
	margin-right: 10px
}

.paging a:hover {
	color: #fff;
	background: #bdc3c7
}

.paging span {
	color: #99a1a7
}

.paging .form-control {
	display: inline-block;
	width: 40px;
	height: 30px;
	padding: 6px
}

.paging .current {
	pointer-events: none;
	cursor: default;
	background-color: #50a3de;
	color: #fff
}

.paging .btn-go:hover {
	background-color: #50a3de;
	color: #fff
}

.input-xs {
	display: inline-block;
	padding: 2px 12px !important;
	height: auto;
	width: 175px
}

.nav-steps {
	margin-right: -6px;
	margin-left: -6px;
	white-space: nowrap
}

.steps {
	display: table;
	width: 100%;
	padding-left: 0;
	text-align: center;
	height: 36px;
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 42px 0
}

.steps>li {
	display: table-cell;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	position: relative;
	background: #d7d7d7;
	color: #fff
}

.steps>li:before,.steps>li:after {
	content: ' ';
	position: absolute;
	border-style: solid;
	border-width: 18px 18px;
	height: 36px;
	width: 36px
}

.steps>li:before {
	left: -36px;
	top: 0
}

.steps>li:after {
	right: -36px;
	bottom: 0
}

.steps>li:first-child:before {
	border-color: #d7d7d7
}

.steps>li:last-child:after {
	border-color: #d7d7d7
}

.steps>li>a {
	color: #fff
}

.steps>li>a:hover,.steps>li>a:focus {
	color: #fff
}

.steps>li:before {
	border-color: transparent #d7d7d7 #d7d7d7 transparent
}

.steps>li:after {
	border-color: #d7d7d7 transparent transparent #d7d7d7
}

.steps>li.done {
	background: #f58900
}

.steps>li.done>a {
	color: #fff
}

.steps>li.done>a:hover,.steps>li.done>a:focus {
	color: #fff
}

.steps>li.current {
	background: #0c59db
}

.steps>li.finish {
	background: #85aced
}

.steps>li.current>a {
	color: #fff
}

.steps>li.finish:before {
	border-color: transparent #85aced #85aced transparent
}

.steps>li.finish:after {
	border-color: #85aced transparent transparent #85aced
}

.steps>li.finish:first-child:before {
	border-color: #85aced
}

.steps>li.finish:last-child:after {
	border-color: #85aced
}

.steps>li.current>a:hover,.steps>li.current>a:focus {
	color: #fff
}

.steps>li.current:before {
	border-color: transparent #0c59db #0c59db transparent
}

.steps>li.current:after {
	border-color: #0c59db transparent transparent #0c59db
}

.steps>li.current:first-child:before {
	border-color: #0c59db
}

.steps>li.current:last-child:after {
	border-color: #0c59db
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
	border-bottom-width: 1px !important
}

.gap {
	height: 40px
}

.block-title-left {
	margin: 0;
	font-size: 20px;
	text-align: left
}

.block-title-left div:empty {
	margin: 0 0 10px 0
}

.col-table {
	display: table;
	width: 100%;
	border-collapse: collapse
}

.col-table>div {
	display: table-cell;
	vertical-align: top;
	line-height: 25px
}

.display-table {
	display: table;
	width: 100%
}

.display-table>div {
	display: table-row
}

.display-table>div>div {
	display: table-cell
}

.display-table {
	display: table;
	width: 100%
}

.display-table>.table-row {
	display: table-row
}

.display-table>.table-row>.table-cell {
	display: table-cell
}

.orangecolor {
	color: #f60
}

.redcolor {
	color: #ee4136
}

.graycolor {
	color: #aaa
}

.learn-more {
	color: #f58900;
	font-size: 18px
}

select {
	border: solid 1px #eee;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../image/arrow.png) no-repeat scroll right center transparent;
	padding-right: 20px
}

select::-ms-expand {
	display: none
}

.login-panel .yzm img {
	left: inherit;
	margin: 1px;
	width: 80px;
	height: 22px;
	margin: 6px 12px
}

.login-panel .yzm .form-control-feedback {
	pointer-events: auto
}

green {
	color: green !important
}

.error {
	background: #f5f6f8;
	padding-bottom: 60px
}

.error .container>div {
	margin: 0 auto;
	text-align: center;
	padding: 10px;
	font-size: 18px;
	color: #333
}

.error .container>div img {
	max-width: 100%
}

.error .container>div p {
	margin-top: 30px
}

.error .container>div small {
	color: #999
}

.error .container>div:first-child {
	margin-top: 80px
}

.breadcrumb {
	height: 40px;
	margin: 0 !important;
	white-space: nowrap;
	padding-left: 0;
	background: transparent
}

.breadcrumb i {
	color: #ddd
}

.breadcrumb+div {
	margin-top: 0 !important
}

a {
	color: #f58900
}

a:focus {
	color: #337ab7
}

a:hover {
	color: #f58900
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
	vertical-align: middle !important
}

.login-panel-fixed {
	width: 470px;
	height: 364px;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	float: right;
	background: #fff;
	padding: 20px 35px;
	z-index: 9900;
	opacity: .95
}

.login-panel-fixed .login-title {
	display: block;
	border-bottom: #ddd 1px dashed
}

.login-panel-fixed .login-title h2 {
	display: inline-block;
	line-height: 40px;
	font-size: 20px;
	font-weight: normal;
	margin: 0
}

.login-panel-fixed .login-title span {
	display: inline-block;
	font-size: 14px;
	padding-top: 12px
}

.login-panel-fixed .login-tip {
	height: 35px;
	line-height: 35px;
	color: red;
	text-align: right
}

.login-panel-fixed .form-group {
	margin-bottom: 20px
}

.login-panel-fixed .login-msg {
	height: 28px;
	line-height: 28px;
	margin-top: 15px;
	display: block;
	font-size: 14px;
	color: #b8c4ce
}

.login-panel-fixed .yzm img {
	left: inherit;
	margin: 1px;
	width: 80px;
	height: 22px;
	margin: 6px 12px;
	cursor: pointer;
	pointer-events: auto
}

.header {
	position: relative;
	z-index: 10001
}

.header .topbar {
	background: #eee;
	border-bottom: #ddd solid 1px;
	font-size: 12px;
	color: #888;
	height: 30px;
	overflow: hidden
}

.header .topbar a {
	color: #888
}

.header .topbar i {
	color: #848994;
	font-size: 12px
}

.header .topbar .left {
	display: inline-block
}

.header .topbar .topbar-link {
	position: relative;
	height: 29px;
	width: 45px;
	padding-top: 4px;
	text-align: center;
	border-left: 1px solid #ebedef;
	float: left
}

.header .topbar .topbar-link i {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.header .topbar .topbar-link.topbar-link-idcicp i {
	font-size: 18px !important
}

.header .topbar .topbar-link.topbar-link-weixin i {
	font-size: 13px !important;
	padding-top: 4px
}

.topbar-link-weixin {
	border-right: 1px solid #ebedef
}

.topbar-link-collect {
	padding-bottom: 8px
}

.topbar-link-weixin {
	padding-bottom: 9px
}

.topbar-link:last-child {
	border-right: 1px solid #ebedef
}

.topbar-link:hover i {
	color: #fff !important
}

.topbar-link-idcicp:hover {
	background: #c00
}

.topbar-link-collect:hover {
	background: #ffb70b
}

.topbar-link-weixin:hover {
	background: #01cc0e
}

.topbar-txt {
	color: #848994;
	font-size: 12px;
	display: inline-block;
	margin-top: 5px
}

.topbar-txt i {
	margin-left: 15px;
	margin-right: 8px
}

.header .topbar .right {
	display: inline-block;
	float: right;
	margin-right: 30px
}

.header .topbar .right a {
	display: inline-block;
	padding: 5px 8px
}

.popout-btn4-hover {
	background: #e8e8e8
}

.right .cart {
	color: #f58900 !important
}

.header .topbar-popout {
	position: relative;
	z-index: 10002
}

.topbar-popout .popover {
	color: fff;
	background: #000;
	opacity: .8
}

.topbar-popout .popover .popover-content {
	padding: 3px 5px;
	font-size: 12px
}

.topbar-popout .popover.bottom>.arrow {
	top: -12px;
	margin-left: -7px
}

.topbar-popout .popover.bottom>.arrow:after {
	border-bottom-color: #000
}

.topbar-popout .popover>.arrow {
	border-width: 6px
}

.topbar-popout #popout1 {
	top: -5px;
	left: -22px
}

.topbar-popout #popout2 {
	top: -5px;
	left: 23px
}

.topbar-popout #popout3 {
	top: -5px;
	left: -4px
}

.topbar-link-idcicp:hover #popout1 {
	display: block
}

.header .navbar-collapse {
	background: #fff
}

.header .navbar-toggle {
	background-color: #f58900;
	border-color: #f58900;
	margin: 13px 18px 13px 0;
	border-radius: 4px !important;
	padding: 7px 8px
}

.header .navbar-toggle .icon-bar {
	background-color: #fff
}

.header .navbar-brand {
	height: auto
}

.navbar-brand {
	padding: 8px 8px 8px 0 !important
}

.header .navbar-brand>img {
	display: inline-block
}

.header .navbar-brand .slogan {
	/* margin-left: 20px */
	width:80%;
}

@media (max-width:991px) {
	.header .navbar-brand .slogan {
		display: none
	}
}

@media (max-width:767px) {
	.header .navbar-brand .slogan {
		display: inline-block
	}
}

@media (max-width:359px) {
	.header .navbar-brand .slogan {
		display: none
	}
}

.header .nav .page-scroll {
	position: relative;
	display: inline-block;
	padding: 21px 22px !important;
	border-top: #fff solid 3px;
	border-bottom: #fff solid 3px;
	color: #666;
	font-size: 16px
}

.header .nav .page-scroll:hover {
	color: #f58900;
	border-top-width: 3px;
	border-bottom: #fff solid 3px;
	background: #fff !important
}

.header .nav .page-scroll:hover:not(.single)::after {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -3px;
	content: "";
	border: transparent 8px solid;
	border-bottom-color: #f1f3f5;
	height: 0;
	width: 0
}

.header .nav .page-scroll :visited {
	background: #fff !important
}

.header .nav .selected {
	color: #f58900;
	border-top: #f58900 solid 3px;
	border-bottom: #fff solid 3px;
	background: #fff !important
}

.header .login-title .pull-right {
	display: none
}

@media (max-width:1199px) {
	.header .nav .page-scroll {
		padding: 21px 8px !important
	}
}

@media (max-width:992px) {
	.header .nav .page-scroll {
		padding: 21px 10px !important
	}
}

.navbar-header {
	background-color: #fff
}

@media (min-width:767px) {
	.cover-show {
		display: none !important
	}
}

@media (max-width:767px) {
	.cover-show {
		display: none;
		background: #000;
		opacity: .8;
		position: absolute;
		width: 100%;
		top: 0;
		z-index: 1061
	}

	.header .navbar-nav li div:empty {
		width: 90%;
		margin: 0 auto;
		border-top: solid 1px #ebedef
	}

	.header .nav .page-scroll {
		border: none;
		width: 100%;
		padding: 15px 6% !important;
		color: #666
	}

	.header .nav .page-scroll:hover {
		border: none !important;
		background: #fcfcfc !important
	}

	.header .topbar .topbar-txt,.header .login-popout .register {
		display: none
	}

	.header .navbar-brand img {
		height: 35px
	}

	#navlist {
		position: absolute;
		background: #fff;
		width: 100%;
		z-index: 10000
	}

	.login-title {
		overflow: auto
	}

	.header .login-title .pull-right {
		display: block
	}
}

@media (max-width:468px) {
	.header .topbar .left,.header topbar-popout {
		display: none !important
	}
}

.header .login-popout {
	position: absolute;
	display: none;
	top: 28px;
	width: 100%;
	background: #e8e8e8;
	z-index: 10003;
	opacity: .98
}

.login-popout .col-sm-6 {
	padding: 30px 50px 40px
}

#popout4 .col-sm-6 h3 {
	text-align: center;
	font-size: 20px;
	font-weight: 100;
	margin-bottom: 30px
}

#popout4 .col-sm-6 h3 i {
	font-size: 22px
}

.login-popout .login-msg {
	margin-top: 10px
}

@media (min-width:1200px) {
	.login-popout .col-sm-6 {
		padding: 30px 120px 40px
	}
}

@media (min-width:997px) {
	.login-popout .col-sm-6 {
		padding: 30px 80px 40px
	}
}

.reg-welcome {
	height: 98px;
	margin: 0
}

.header .menu .dropdown-menu {
	border-radius: 4px !important;
	top: 80%;
	padding: 0
}

.header .menu .dropdown-menu:before {
	position: absolute;
	top: -7px;
	right: 35px;
	display: inline-block !important;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #eee;
	border-left: 7px solid transparent;
	border-bottom-color: #f58900;
	content: ''
}

.header .menu .dropdown-menu>li>a {
	padding: 15px 20px
}

.header .menu .dropdown-menu .divider {
	margin: 0
}

.header .menu .dropdown-menu .iconfont {
	padding-right: 10px;
	color: #999;
	font-size: 18px
}

.header .menu {
	position: relative
}

.footer .container {
	background: none !important
}

.footer .info {
	padding-top: 40px;
	padding-bottom: 10px;
	background: #454545;
	color: #fff;
	font-size: 12px
}

.footer .info li {
	list-style: none;
	margin-bottom: 18px
}

.footer .info .title {
	font-size: 18px;
	margin-bottom: 30px
}

.footer .info .pro li a:before {
	color: #777;
	content: "●";
	margin-right: 5px;
	font-size: 10px
}

.footer .info .cont .fa {
	margin-right: 5px
}

.footer .contact-ul li {
	margin-bottom: 0
}

.footer .contact-icon {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: #555;
	border: #454545 solid 1px
}

.footer .contact-txt {
	display: inline-block
}

.footer .info .links {
	margin: 15px;
	border-top: solid 1px #aaa;
	color: #aaa;
	padding-top: 15px
}

.footer .info .links a {
	color: #aaa
}

.footer .copyright {
	background: #373737;
	line-height: 50px;
	text-align: center;
	color: #aaa
}

.footer .text-right ul {
	margin-right: 10px
}

.footer .text-right li {
	margin-bottom: 0
}

.footer .info .hotline {
	font-size: 25px;
	font-weight: 100
}

.footer .hotline i {
	font-size: 30px
}

.footer .hotline-title {
	font-size: 12px;
	margin-bottom: 0 !important
}

.bdsharebuttonbox {
	margin-bottom: 8px !important
}

.bdsharebuttonbox a {
	float: none !important;
	background: none !important;
	padding-left: 0 !important;
	margin: 0 0 0 8px !important
}

.bdsharebuttonbox a:hover {
	color: #fff !important
}

.footer .bdsharebuttonbox .iconfont {
	font-size: 26px
}

.footer .bdsharebuttonbox .iconfont {
	font-size: 26px
}

#fengxiangwaizhan .bds_qzone {
	background: url(https://www.1198.cn/template/default/images/foot.png) no-repeat -5px -181px
}

#fengxiangwaizhan a {
	width: 40px;
	height: 40px;
	padding-left: 0;
	color: #cc0000
}

.bdshare-button-style0-24 .bds_qzone {
	background-position: 0 -52px
}

.footer-app {
	display: none;
	bottom: 0;
	width: 100%;
	color: #fff;
	background-color: #f58900;
	text-align: center;
	overflow: auto
}

.footer-app a {
	color: #fff;
	text-decoration: none
}

.footer-app-client {
	margin-top: 40px;
	margin-bottom: 5px;
	font-size: 90%
}

.footer-app-client i {
	font-size: 22px
}

.footer-app-sns i {
	font-size: 26px
}

.footer-app-declare {
	height: 40px;
	margin-top: 10px;
	margin-bottom: 50px;
	color: #FFF;
	font-size: 80%
}

.footer-app-declare-icon i {
	font-size: 40px
}

.footer-app-declare-icon {
	vertical-align: super;
	display: inline-block;
	height: 40px;
	line-height: 40px
}

.footer-app-declare-txt {
	display: inline-block;
	text-align: left;
	line-height: 20px;
	padding-left: 5px
}

.footer a,.footer a:hover,.footer-app a,.footer-app a:hover {
	color: #fff
}

.footer-app .bdsharebuttonbox .iconfont {
	font-size: 28px
}

.footer-app .bdsharebuttonbox {
	margin-top: 20px
}

.footer .friend-link {
	max-width: 100%;
	padding: 10px 0 0 20px;
	color: #aaa;
	font-size: 14px;
	border-top: 1px solid #5a5959
}

.friend-link a {
	color: #aaa;
	margin: 0 5px;
	font-size: 12px
}

.white {
	display: block;
	background: #fff;
	color: #666 !important
}

.white .footer-app-declare-txt,.white .footer-app-declare,.white .footer-app-sns a {
	color: #aaa !important
}

.white .footer-app-client a {
	color: #337ab7
}

.white .footer-app-sns {
	display: none
}

@media (max-width:992px) {
	.footer {
		display: none
	}

	.footer-app {
		display: block
	}
}

.paging a {
	display: inline-block;
	color: #99a1a7;
	font-style: normal;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	background: #e7ebee;
	border-radius: 2px !important;
	margin-right: 10px
}

.paging a:hover {
	color: #fff;
	background: #bdc3c7
}

.paging span {
	color: #99a1a7
}

.paging .form-control {
	display: inline-block;
	width: 40px;
	height: 30px;
	padding: 6px
}

.paging .current {
	pointer-events: none;
	cursor: default;
	background-color: #50a3de;
	color: #fff
}

.paging .btn-go:hover {
	background-color: #50a3de;
	color: #fff
}

.pagesize {
	display: inline-block;
	color: #99a1a7
}

.pagesize input {
	display: inline-block;
	width: 40px;
	margin: 0 5px
}

.paging {
	margin: 0 auto;
	float: right
}

.ln-letter-count {
	display: none !important
}

.ln-letters a {
	border-left: 1px solid #ddd !important;
	border-top: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
	border-right: none;
	margin-bottom: 15px
}

.ln-letters .ln-last {
	border-right: 1px solid #ddd !important
}

.listNav {
	width: 620px;
	margin: 0 auto
}

@media (max-width:724px) {
	.listNav {
		width: auto
	}

	.ln-letters a {
		border: none !important;
		border-left: 1px solid #ddd !important
	}
}

.modal {
	z-index: 12000
}

.modal-backdrop {
	z-index: 11999
}

.float0831 {
	POSITION: fixed;
	TOP: 130px;
	RIGHT: 1px;
	_position: absolute
}

.float0831 .floatL {
	POSITION: relative;
	WIDTH: 28px;
	FLOAT: left
}

.float0831 .floatL A {
	TEXT-INDENT: -9999px;
	DISPLAY: block;
	FONT-SIZE: 0;
	COLOR: #00a0e9
}

.float0831 .btnOpen {
	POSITION: relative;
	TOP: 118px;
	LEFT: 1px;
	WIDTH: 28px;
	HEIGHT: 118px;
	TOP: 80px;
	LEFT: 2px;
	BACKGROUND: url(../image/float_s.gif) no-repeat;
	BACKGROUND-POSITION: -30px -396px
}

.float0831 .btnCtn {
	POSITION: relative;
	TOP: 118px;
	WIDTH: 28px;
	HEIGHT: 118px;
	TOP: 80px;
	LEFT: 2px;
	BACKGROUND: url(../image/float_s.gif) no-repeat;
	BACKGROUND-POSITION: 0 -396px
}

.float0831 .floatR {
	PADDING-BOTTOM: 15px;
	WIDTH: 110px;
	FLOAT: left;
	OVERFLOW: hidden;
	BACKGROUND: url(../image/float_bg.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: -111px bottom
}

.float0831 .qqtp {
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0 0;
	HEIGHT: 10px;
	BACKGROUND: url(../image/float_bg.gif)
}

.float0831 .qqcn {
	BACKGROUND: url(../image/float_bg.gif);
	BACKGROUND-REPEAT: repeat-y;
	BACKGROUND-POSITION: -222px 0
}

.float0831 .qqcn UL {
	PADDING-BOTTOM: 0;
	PADDING-LEFT: 14px;
	PADDING-RIGHT: 14px;
	PADDING-TOP: 0;
	margin: 0
}

.float0831 .qqcn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid;
	LINE-HEIGHT: 36px;
	WORD-WRAP: break-word;
	HEIGHT: 36px;
	OVERFLOW: hidden;
	WORD-BREAK: normal;
	text-align: center
}

.domain_info_sep_left ul,li {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}

.float0831 .qqcn H3 {
	TEXT-INDENT: -9999px;
	HEIGHT: 36px;
	FONT-SIZE: 0
}

.float0831 .titZx {
	margin: 0;
	BACKGROUND: url(../image/float_s.gif) no-repeat;
	BACKGROUND-POSITION: 2px -10px
}

.float0831 .icoZx {
	PADDING-LEFT: 28px;
	DISPLAY: block;
	FLOAT: left;
	BACKGROUND: url(../image/float_s.gif) no-repeat;
	BACKGROUND-POSITION: 2px -154px;
	font-size: 12px
}

.float0831 .titDh {
	margin: 0;
	BACKGROUND: url(../image/float_s.gif) no-repeat;
	BACKGROUND-POSITION: 15px -66px
}

.float0831 .icoTl {
	PADDING-LEFT: 0;
	DISPLAY: block;
	FONT-FAMILY: "微软雅黑";
	BACKGROUND-POSITION: 2px -266px;
	FLOAT: left;
	font-size: 12px
}

.contract {
	text-align: left !important
}

.contract .contract-title {
	border-bottom: 1px #ddd dashed;
	font-size: 120%;
	line-height: 2;
	font-weight: bold
}

input[type=text],input[type=password],textarea {
	-webkit-appearance: none
}

input[type=radio] {
	-webkit-appearance: none;
	-webkit-appearance: radio
}

#focus {
	height: 315px;
	overflow: hidden;
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	border: 0;
	z-index: 1
}

#focus ul {
	height: 315px;
	width: 300%;
	position: absolute
}

#focus ul li {
	float: left;
	height: 315px;
	overflow: hidden;
	position: relative;
	width: 20%
}

#focus ul li div {
	overflow: hidden;
	position: absolute
}

#focus .btnBg {
	bottom: 6px;
	height: 20px;
	left: 0;
	position: absolute;
	width: 1425px
}

#focus .btns {
	text-align: center;
	bottom: 0;
	height: 10px;
	padding: 15px 10px;
	position: absolute;
	right: 0;
	width: 100%
}

#focus .btns span {
	background: #EA5604;
	cursor: pointer;
	display: inline-block;
	height: 150%;
	margin-left: 5px;
	width: 2%;
	_display: inline;
	_font-size: 0;
	_zoom: 1
}

#focus .btns span.on {
	background: #8ABACE
}

#focus .preNext {
	background: url(https://www.1198.cn/images/zouyou.png) no-repeat 0 0;
	cursor: pointer;
	height: 100px;
	position: absolute;
	top: 100px;
	width: 45px
}

#focus .pre {
	left: 0
}

#focus .next {
	background-position: right top;
	right: 0
}

.flexslider {
	border-radius: 0;
	position: relative;
	height: 600px;
	overflow: hidden;
	background: url(../image/loading.gif) 50% no-repeat
}

.slides {
	position: relative;
	z-index: 1
}

.slides li {
	height: 600px
}

.flex-control-nav {
	position: absolute;
	bottom: 45px;
	z-index: 2;
	width: 100%;
	text-align: center
}

.flex-control-nav li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	*display: inline;
	zoom: 1
}

.flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	line-height: 40px;
	overflow: hidden;
	background: url(../image/DOT.png) right 0 no-repeat;
	cursor: pointer
}

.flex-control-nav .flex-active {
	background-position: 0 0
}

.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%
}

.flex-direction-nav li a {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	position: absolute
}

.flexslider .slides a {
	width: 100%;
	height: 315px
}

.rounded-icon {
	display: block;
	height: 60px;
	width: 60px;
	padding: 10px;
	margin: 10px auto;
	border-radius: 50% !important;
	background-color: #f5f6f8;
	font-size: 30px;
	text-align: center
}

i.purple {
	color: #545197
}

i.green {
	color: #8ebc3a
}

i.mintred {
	color: #ef564a
}

i.blue {
	color: #4d85b8
}

i.orange {
	color: #f6ad3c
}

.sale-links {
	position: absolute;
	top: -24px;
	height: 21px;
	overflow: hidden
}

.sale-links a,.sale-links span {
	font-weight: bold;
	color: #ccc;
	padding-left: 2px;
	padding-right: 8px
}

.banner-slide {
	height: 572px;
	margin-bottom: 0;
	border: 0
}

.banner-slide .banner {
	height: 572px
}

@media (min-width:658px) {
	.banner-slide .flex-control-nav {
		position: absolute;
		bottom: 132px;
		z-index: 2;
		width: 100%;
		text-align: center
	}
}

.banner-slide .slides li {
	position: absolute !important;
	height: 572px
}

.banner-slide .search-bg {
	height: 122px !important;
	border: none !important;
	position: absolute !important
}

.banner-slide .search-bg .flex-control-nav {
	display: none !important
}

.banner-slide .search {
	height: 122px;
	position: relative;
	top: 450px;
	z-index: 20
}

.color-point {
	color: #ee4136
}

.color-basic {
	color: #f58900
}

.banner-slide .expert-banner .banner-info,.trade-banner-slide .expert-banner .banner-info {
	position: absolute;
	left: 50.5%;
	top: 60%
}

.banner-slide .expert-banner .btn,.trade-banner-slide .expert-banner .btn {
	width: auto;
	height: 40px;
	font-size: 16px;
	line-height: 40px
}

.banner-slide .expert-banner .qqbtn,.trade-banner-slide .expert-banner .qqbtn {
	background-color: #33a66e;
	border: 1px solid #33a66e;
	margin-right: 10px
}

.banner-slide .expert-banner .pagebtn,.trade-banner-slide .expert-banner .pagebtn {
	background-color: #08356c;
	border: 1px solid #ffcd7b;
	color: #ffcd7b
}

.banner-slide .expert-banner .expert-xs,.trade-banner-slide .expert-banner .expert-xs {
	display: none
}

@media screen and (max-width:1200px) {
	.banner-slide .expert-banner,.trade-banner-slide .expert-banner {
		background: url(../image/banner-expert-xs.jpg) top center no-repeat,#062d66 !important
	}

	.banner-slide .expert-banner .banner-info,.trade-banner-slide .expert-banner .banner-info {
		display: none
	}

	.banner-slide .expert-banner .expert-xs,.trade-banner-slide .expert-banner .expert-xs {
		display: table;
		position: absolute;
		top: 50px
	}

	.banner-slide .expert-banner .expert-xs>*,.trade-banner-slide .expert-banner .expert-xs>* {
		display: table-cell;
		vertical-align: middle
	}

	.banner-slide .expert-banner img,.trade-banner-slide .expert-banner img {
		width: 100%;
		display: inline-block;
		position: relative
	}

	.banner-slide .expert-banner .btn,.trade-banner-slide .expert-banner .btn {
		margin-top: 20px
	}

	.banner-slide .expert-banner .banner-info,.trade-banner-slide .expert-banner .banner-info {
		top: 50%
	}
}

@media screen and (max-width:599px) {
	.banner-slide .expert-banner .expert-xs,.trade-banner-slide .expert-banner .expert-xs {
		top: 18%
	}

	.banner-slide .expert-banner .banner-info,.trade-banner-slide .expert-banner .banner-info {
		top: 62%;
		left: 48%
	}

	.banner-slide .expert-banner .btn,.trade-banner-slide .expert-banner .btn {
		width: auto;
		height: 28px;
		padding: 0 5px;
		font-size: 12px;
		margin-right: 5px;
		line-height: 28px
	}
}

.first-nav {
	background: #e3f0f9;
	color: #fff;
	font-size: 18px
}

.first-nav .first-nav-table {
	display: table;
	width: 100%
}

.first-nav .first-nav-table>div {
	display: table-cell;
	padding: 15px 0;
	text-align: center;
	position: relative;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: transparent
}

.first-nav .first-nav-table>div:hover {
	background: #eef5f9
}

.first-nav .first-nav-table>div:hover a {
	color: #004098
}

.first-nav .first-nav-table>div.selected {
	background: #fff;
	border-bottom-color: #f58900
}

.first-nav .first-nav-table>div.selected a {
	color: #004098
}

.first-nav .first-nav-table a {
	color: #333;
	display: block;
	font-size: 16px
}

.first-nav .first-nav-table a:hover {
	color: #004098
}

@media screen and (max-width:480px) {
	.first-nav .first-nav-table>div {
		padding: 10px 0
	}

	.first-nav .first-nav-table a {
		font-size: 12px
	}
}

.secondary-nav {
	position: relative;
	background: #fff;
	color: #000;
	font-size: 16px;
	border-bottom: 1px solid #dcdcdc
}

.secondary-nav .secondary-nav-table {
	display: table;
	width: 100%
}

.secondary-nav .secondary-nav-table a {
	color: #666;
	display: block;
	font-size: 14px
}

.secondary-nav .secondary-nav-table>div {
	display: table-cell;
	padding: 15px 0;
	text-align: center;
	position: relative;
	cursor: pointer
}

.secondary-nav .secondary-nav-table>div.selected a {
	color: #f58900;
	font-weight: bold
}

.secondary-nav .domain-list {
	padding: 20px 0
}

.nav1 {
	display: table
}

.nav1>* {
	position: relative;
	display: table-cell;
	text-align: center;
	line-height: 50px;
	border: 1px solid #dcdcdc;
	background: #eee;
	color: #999
}

.nav1>*.current {
	border-bottom-color: #f58900;
	background: #fff;
	color: #333
}

.nav1>*.current::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	content: "";
	height: 0;
	width: 0;
	border: 5px transparent solid;
	border-top-color: #f58900
}

.nav1>*.selected {
	border-bottom-color: #f58900;
	background: #fff;
	color: #333
}

.nav1>*.selected::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	content: "";
	height: 0;
	width: 0;
	border: 5px transparent solid;
	border-top-color: #f58900
}

.nav1>*:hover {
	color: #337ab7
}

.QNA ol,.QNA ul {
	padding-left: 0
}

.QNA .temp {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #f58900;
	margin-right: 5px;
	margin-bottom: 3px
}

.QNA p:first-child {
	font-size: 16px;
	font-weight: bold
}

.QNA p:first-child:before {
	content: "";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	content: "\e6b1";
	display: inline-block;
	color: #f58900;
	margin-right: 5px;
	margin-bottom: 3px;
	font-weight: normal !important
}

.QNA strong {
	margin-top: 5px
}

.QNA strong::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #f58900;
	margin-right: 5px;
	margin-bottom: 3px
}

.QNA .QNA-dot {
	display: block
}

.QNA .QNA-dot::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #f58900;
	margin-right: 5px;
	margin-bottom: 3px
}

.intro .QNA-newg,.intro .QNA-transfer {
	display: none
}

.QNA-newg-wrap .intro .QNA-newg,.QNA-transfer-wrap .intro .QNA-transfer {
	display: block !important
}

.QNA-newg-wrap .intro .QNA-default,.QNA-transfer-wrap .intro .QNA-default {
	display: none !important
}

section.qna2 .qna-nav {
	padding-bottom: 20px
}

section.qna2 .qna-nav .qna-nav-table {
	display: table;
	border-collapse: collapse
}

section.qna2 .qna-nav .qna-nav-table>div {
	position: relative;
	display: table-cell;
	border: #f58900 1px solid;
	padding: 10px 30px;
	font-size: 16px
}

section.qna2 .qna-nav .qna-nav-table>div:hover {
	cursor: pointer
}

section.qna2 .qna-nav .qna-nav-table>div.current {
	color: #fff;
	background: #f58900
}

section.qna2 .qna-nav .qna-nav-table>div.current::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -16px;
	height: 0;
	width: 0;
	border-top: #f58900 8px solid;
	border-bottom: transparent 8px solid;
	border-left: transparent 6px solid;
	border-right: transparent 6px solid
}

section.qna2 div[tab] {
	display: none;
	border: 1px dashed #ddd;
	padding: 30px;
	line-height: 26px
}

section.qna2 div[tab='0'] {
	display: block
}

section.qna2 .qna-list li {
	position: relative;
	padding-left: 36px
}

section.qna2 .qna-list li h4 {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-weight: bold
}

section.qna2 .qna-list li p {
	background: #f4f4f4;
	margin-bottom: 0;
	padding: 6px 10px;
	color: #666
}

section.qna2 .qna-list li::before {
	content: "";
	position: absolute;
	height: 26px;
	width: 26px;
	background: url(../image/qna.png) center no-repeat;
	left: 0;
	top: 0
}

.anliType {
	width: 100%;
	height: 30px;
	clear: both;
	margin-top: 10px;
	line-height: 30px;
	margin-left: 3px;
	background: #fff
}

.anliType .anliType_left {
	display: inline-block;
	width: 3px;
	height: 20px;
	background-color: #f58900;
	margin-left: 10px;
	float: left;
	margin-top: 5px;
	margin-right: 10px
}

anliType .anliType_right {
	display: inline-block;
	color: #f58900;
	font-size: 16px;
	margin-left: 10px
}

.kehuright {
	margin-top: 20px
}

.kehuright ul {
	height: 76px;
	clear: both;
	margin-top: 10px
}

.kehuright ul li {
	list-style-type: none;
	float: left;
	margin-left: 20px;
	margin-bottom: 10px
}

.popup {
	position: absolute;
	left: -210px;
	top: -55px;
	text-align: center;
	height: 200px;
	width: 200px;
	padding-top: 4px;
	border: 1px #ccc solid;
	background: #fff;
	box-sizing: border-box
}

.popup:before,.popup:after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	margin-top: -6px;
	border-width: 8px;
	top: 66px
}

.popup:before {
	border-left-color: #ccc;
	right: -16px
}

.popup:after {
	position: absolute;
	display: block;
	content: ""
}

.popup:after {
	border-left-color: #fff;
	right: -15px
}

.tab-wrap {
	position: relative
}

.tab-wrap .tabs {
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}

.tab-wrap .tabs li {
	float: left;
	margin: 0 9px 0 0
}

.tab-wrap .tabs a {
	position: relative;
	background: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(to bottom, #fff, #ddd);
	padding: 2px 8px;
	float: left;
	text-decoration: none;
	letter-spacing: 1px;
	color: #666;
	-webkit-border-radius: 5px 0 0 0;
	-moz-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0 2px 2px rgba(0,0,0,0.4)
}

.tab-wrap .tabs a:hover,.tab-wrap .tabs a:hover::after,.tab-wrap .tabs a:focus,.tab-wrap .tabs a:focus::after {
	background: #fff
}

.tab-wrap .tabs a:focus {
	outline: 0
}

.tab-wrap .tabs a::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	right: -0.5em;
	bottom: 0;
	width: 1em;
	background: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(to bottom, #fff, #ddd);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.2);
	-webkit-transform: skew(20deg);
	-moz-transform: skew(20deg);
	-ms-transform: skew(20deg);
	-o-transform: skew(20deg);
	transform: skew(20deg);
	-webkit-border-radius: 0 5px 0 0;
	-moz-border-radius: 0 5px 0 0;
	border-radius: 0
}

.tab-wrap .tabs .current a,.tab-wrap .tabs .current a::after {
	font-weight: 700;
	background: #f58900;
	color: #fff;
	z-index: 3
}

.tab-wrap .tab-links {
	position: absolute;
	top: 0;
	right: 0
}

.tab-wrap .tab-links a {
	color: #eee
}

.tab-wrap .tab-links a .iconfont {
	color: #f58900
}

.tab-wrap .content {
	background: #f58900;
	padding: 3px;
	position: relative;
	z-index: 2;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	-moz-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5);
	box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.5)
}

.tab-wrap2 ul.tabs {
	display: table;
	width: 100%;
	margin-bottom: 0
}

.tab-wrap2 .tabs>li {
	display: table-cell;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	border-bottom: 1px solid #ccc
}

.tab-wrap2 .tabs>li a {
	color: #666
}

.tab-wrap2 .tabs>li.current {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: solid #f58900 3px;
	border-bottom: 1px solid #fff;
	background: #fff
}

.tab-wrap2 .tabs>li.current a {
	font-weight: bold
}

.tab-wrap2 .tabs>li:hover {
	background: #f0f9ff;
	cursor: pointer;
	color: #144895
}

.tab-wrap2 .tabs>.current:hover {
	background: #fff
}

.tab-wrap2 .tabs>li:hover a {
	color: #144895
}

.tab-wrap2 .content {
	border: 1px solid #ccc;
	border-top: none
}

.tab-wrap .content .search-item {
	display: table;
	width: 100%
}

.tab-wrap .content .search-item>input {
	display: table-cell;
	border: 0 !important
}

.tab-wrap .content .search-item-btn {
	display: table-cell;
	width: 80px
}

.tab-wrap .content .search-item-btn>* {
	width: 100%;
	height: 46px;
	text-align: center;
	border: none;
	background: none;
	color: #fff;
	font-weight: 700;
	letter-spacing: 5px;
	font-size: 16px
}

.btn-tm {
	display: block;
	width: 200px;
	font-size: 18px;
	margin: 20px auto
}

.btn-key {
	margin: 10px auto 20px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px
}

.letter-spacing-1px {
	letter-spacing: 1px
}

.letter-spacing-2px {
	letter-spacing: 2px
}

.letter-spacing-3px {
	letter-spacing: 3px
}

.letter-spacing-4px {
	letter-spacing: 4px
}

.letter-spacing-5px {
	letter-spacing: 5px
}

.hover-tab {
	width: 100%
}

.hover-tab .tab-nav {
	display: table
}

.hover-tab .tab-nav>div {
	display: table-cell
}

.hover-tab .tab-nav .nav-item {
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	margin-right: 20px;
	font-size: 18px;
	letter-spacing: 2px;
	padding-left: 15px;
	padding-right: 15px;
	cursor: pointer
}

.hover-tab .tab-nav .selected {
	background: #f58900;
	color: #fff
}

.hover-tab .tab-nav .nav-item:before {
	position: absolute;
	margin: auto;
	bottom: -20px;
	left: 0;
	right: 0;
	font-family: "iconfont" !important;
	font-size: 24px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	content: "\e6b3"
}

.hover-tab .tab-nav .selected:before {
	color: #f58900
}

.hover-tab .tab-content {
	background: #fff;
	padding: 20px
}

@media (max-width:830px) {
	.side-menu {
		display: none !important
	}
}

@media (max-width:625px) {
	.tab-wrap .tab-links {
		display: none !important
	}
}

.btn {
	height: 32px;
	line-height: calc(30px);
	padding: 0 16px;
	border: 1px solid #f58900;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: middle;
	transition: background .3s,color .3s;
	color: #333;
	/* background-color: #f58900; */
	text-align: center;
	white-space: nowrap
}

.btn[disabled] {
	background-color: #a4d5f8;
	border-color: #a4d5f8
}

.btn[disabled]:hover {
	background-color: #a4d5f8;
	border-color: #a4d5f8;
	cursor: no-drop
}

.btn:hover {
	cursor: pointer;
	color: #fff;
	background-color: #f58900;
	border-color: #f58900
}

.btn:focus {
	outline: none !important;
	box-shadow: none !important
}

.btn.line {
	color: #f58900;
	border-color: #f58900;
	background: transparent
}

.btn.line:hover {
	color: #fff;
	background: #f58900
}

.btn.line[disabled] {
	color: #a4d5f8;
	border-color: #a4d5f8
}

.btn.line[disabled]:hover {
	color: #fff;
	background: a4d5f8
}

.btn.white {
	color: #f58900;
	border-color: #f58900;
	background: transparent;
	color: #fff;
	border-color: #fff
}

.btn.white:hover {
	color: #fff;
	background: #f58900
}

.btn.white[disabled] {
	color: #a4d5f8;
	border-color: #a4d5f8
}

.btn.white[disabled]:hover {
	color: #fff;
	background: a4d5f8
}

.btn.white:hover {
	background: transparent
}

.btn.glow {
	box-shadow: 0 0 20px 0 rgba(239,35,54,0.2)
}

.btn.lg {
	font-size: 16px;
	padding: 0 20px;
	height: calc(38px);
	line-height: calc(36px)
}

.btn.lg.glow {
	box-shadow: 0 10px 20px 0 rgba(239,35,54,0.2)
}

.btn.sm {
	font-size: 12px;
	padding: 0 8px;
	height: calc(24px);
	line-height: calc(20px)
}

.btn-default {
	border-color: #f58900;
	color: #f58900
}

.btn-default:hover {
	border-color: #f58900;
	color: #f58900
}

.form-style {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 32px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdcdc;
	border-radius: 0
}

.form-style:focus {
	outline: 0;
	border: #f58900 1px solid;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1)
}

.form-style.lg {
	padding: 0 20px;
	height: calc(38px);
	line-height: calc(36px)
}

.form-style.sm {
	font-size: 12px;
	padding: 0 8px;
	height: calc(24px);
	line-height: calc(20px)
}

textarea {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 32px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdcdc;
	border-radius: 0;
	height: 80px;
	line-height: 18px
}

textarea:focus {
	outline: 0;
	border: #f58900 1px solid;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1)
}

textarea.lg {
	padding: 0 20px;
	height: calc(38px);
	line-height: calc(36px)
}

textarea.sm {
	font-size: 12px;
	padding: 0 8px;
	height: calc(24px);
	line-height: calc(20px)
}

input[type=text],input[type=password] {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 32px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdcdc;
	border-radius: 0
}

input[type=text]:focus,input[type=password]:focus {
	outline: 0;
	border:#f58900 1px solid;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1)
}

input[type=text].lg,input[type=password].lg {
	padding: 0 20px;
	height: calc(38px);
	line-height: calc(36px)
}

input[type=text].sm,input[type=password].sm {
	font-size: 12px;
	padding: 0 8px;
	height: calc(24px);
	line-height: calc(20px)
}

select {
	display: block;
	width: 100%;
	height: 32px;
	padding: 0 8px;
	font-size: 14px;
	line-height: 32px;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dcdcdc;
	border-radius: 0
}

select:focus {
	outline: 0;
	border: #f58900 1px solid;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(0,0,0,0.1)
}

select.lg {
	padding: 0 20px;
	height: calc(38px);
	line-height: calc(36px)
}

select.sm {
	font-size: 12px;
	padding: 0 8px;
	height: calc(24px);
	line-height: calc(20px)
}

.multi-form {
	position: relative
}

.multi-form .clear::before,.multi-form .clear::after {
	content: '';
	display: none
}

.multi-form i+input[type=text],.multi-form i+input[type=password] {
	height: 32px;
	padding-right: 32px
}

.multi-form label+input {
	padding-left: 50px
}

.multi-form label+textarea {
	padding-left: 50px;
	height: 80px;
	line-height: 18px
}

.multi-form label {
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 10px;
	z-index: 10
}

.multi-form i {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 32px;
	line-height: calc(30px);
	width: 32px;
	text-align: center;
	color: #ccc;
	font-size: 18px
}

.multi-form .embed {
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 32px;
	text-align: center;
	color: #ccc
}

.multi-form.lg input[type=text],.multi-form.lg input[type=password] {
	height: 38px
}

.multi-form.lg i+input[type=text],.multi-form.lg i+input[type=password] {
	padding-right: 38px
}

.multi-form.lg label {
	line-height: 36px
}

.multi-form.lg i {
	height: 38px;
	line-height: calc(36px);
	width: 38px
}

.multi-form.lg label {
	line-height: 38px
}

.multi-form.lg.vericode-form img {
	position: absolute;
	top: calc(8px);
	right: 10px
}

.multi-form.sm {
	font-size: 12px
}

.multi-form.sm input[type=text],.multi-form.sm input[type=password] {
	height: 24px
}

.multi-form.sm i+input[type=text],.multi-form.sm i+input[type=password] {
	padding-right: 20px
}

.multi-form.sm i {
	height: 24px;
	line-height: 24px
}

.multi-form.sm label {
	line-height: 22px
}

.multi-form.sm.vericode-form img {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 60px;
	height: 20px
}

.multi-form.vericode-form>input[type=text],.multi-form.vericode-form>input[type=password] {
	padding-right: 88px
}

.multi-form.vericode-form img {
	position: absolute;
	top: calc(5px);
	right: 10px
}

.multi-form.vericode-form img:hover {
	cursor: pointer
}

.check-form {
	position: relative;
	margin-bottom: 18px
}

.check-form.wrong:before {
	position: absolute;
	bottom: -18px;
	display: block;
	font-size: 12px;
	height: 18px;
	color: #ef2a3a;
	content: attr(wrong-info)
}

.check-form.wrong i {
	color: #ef2a3a
}

.check-form.wrong input,.check-form.wrong select {
	border-color: #ef2a3a;
	-webkit-box-shadow: inset 0 1px 1px rgba(240,65,52,0.2),0 0 8px rgba(240,65,52,0.2);
	box-shadow: inset 0 1px 1px rgba(240,65,52,0.2),0 0 8px rgba(240,65,52,0.2)
}

.one-row {
	display: table;
	width: 100%
}

.one-row>div {
	display: table-cell
}

.one-row_3>div {
	width: 33.3%
}

.one-row_4>div {
	width: 25%
}

.one-row_5>div {
	width: 20%
}

.one-row_6>div {
	width: 16.66%
}

.rows {
	display: table;
	width: 100%
}

.rows>div {
	display: table-row
}

.rows>div>div {
	display: table-cell
}

.header.header-fixed {
	position: fixed !important;
	background: #fff;
	border-bottom: 1px #ebedef solid;
	width: 100%;
	top: 0;
	z-index: 11000
}

.header.header-fixed .topbar {
	display: none !important
}

@media (min-width:768px) {
	.header.header-fixed .menu .navbar-right .page-scroll {
		padding-top: 15px !important;
		padding-bottom: 15px !important;
		border-top: #fff 3px solid;
		border-bottom: #fff 3px solid
	}
}

.header.header-fixed .menu .navbar-right .page-scroll:hover {
	border-top: #f58900 3px solid
}

.header.header-fixed .menu .page-scroll img {
	/* height: 35px */
}
.mb-logo {
	width:95%;
}
.mb-logo-a {
	position:absolute;
	display: inline-block;
    width: 85%;
}

.header .nav-box {
	position: absolute;
	width: 100%
}

.header .nav-box .nav-btn {
	display: inline-block;
	padding: 6px 10px;
	border-radius: 4px !important;
	background: #FF2F2F;
	color: #fff
}

.header .secondary-menu {
	position: relative;
	width: auto;
	z-index: 999;
	background: transparent
}

@media screen and (max-width:767px) {
	.header .secondary-menu {
		display: none !important
	}
}

.header .secondary-menu .secondary-menu-content {
	display: table;
	float: right;
	background-color: #f1f3f5;
	padding: 0 20px
}

.header .secondary-menu .secondary-menu-content>div {
	display: table-cell;
	padding: 20px 0;
	vertical-align: top;
	font-size: 12px;
	color: #333333
}

.header .secondary-menu .secondary-menu-content>div>div {
	padding: 4px 30px
}

.header .secondary-menu .secondary-menu-content>div .one-row {
	padding: 4px 10px
}

.header .secondary-menu .secondary-menu-content>div .one-row>div>div {
	padding: 4px 15px
}

.header .secondary-menu .secondary-menu-content>div:last-child>div {
	padding-right: 0
}

.header .secondary-menu .secondary-menu-content>div:not(:first-child)>div {
	border-left: 1px #ddd dotted
}

.header .secondary-menu .secondary-menu-content>div:last-child {
	padding-right: 0 !important
}

.header .secondary-menu .secondary-menu-content>div>.title {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center
}

.header .secondary-menu .secondary-menu-content>div>.title a {
	font-size: 14px
}

.header .secondary-menu .secondary-menu-content>div a {
	font-size: 12px;
	color: #333333
}

.header .secondary-menu .secondary-menu-content>div a:hover {
	color: #f58900
}

.header .secondary-menu .secondary-menu-content>div .hotline {
	font-size: 120%;
	font-weight: bold
}

.header .secondary-menu .secondary-menu-content>div .has-img {
	display: table;
	border-collapse: separate;
	border-spacing: 10px;
	padding: 0 20px
}

.header .secondary-menu .secondary-menu-content>div .has-img>div {
	display: table-row
}

.header .secondary-menu .secondary-menu-content>div .has-img>div>div {
	display: table-cell
}

.header .secondary-menu .secondary-menu-content>div .partner>div>div img {
	height: 40px;
	width: 82px
}

.header .secondary-menu .secondary-menu-content>div .honer>div>div img {
	height: 40px;
	width: 82px
}

.header .secondary-menu .secondary-menu-content>div .brand-partner>div>div img {
	width: 80px;
	background: #fff
}

.header .secondary-menu .menu-domain-Transaction {
	position: relative;
	right: 36%
}

.header .secondary-menu .menu-domain-Transaction>div:last-child>div {
	padding-right: 30px
}

@media screen and (max-width:1200px) {
	.header .secondary-menu .menu-domain-Transaction {
		right: 30%
	}
}

@media screen and (max-width:992px) {
	.header .secondary-menu .menu-domain-Transaction {
		right: 42%
	}
}

.header-gap {
	display: none;
	height: 98px
}[tab] {
	display: none
}[tab='0'] {
	display: block
}[tab2] {
	display: none
}[tab2='0'] {
	display: block
}

.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.container>h1 {
	font-size: 30px;
	color: #333;
	text-align: center;
	line-height: 1.3
}

.container>h1 small {
	display: block;
	font-weight: normal;
	margin-top: 20px;
	font-size: 44%;
	line-height: 1.5
}

@media screen and (max-width:480px) {
	.container>h1 {
		font-size: 28px
	}
}

section.contact {
	text-align: center;
	padding-bottom: 40px
}

section.contact .domaincheck-bottom {
	margin: -20px -12px 0
}

section.contact .domaincheck-bottom .one-row {
	border-collapse: separate;
	border-spacing: 12px
}

section.contact .domaincheck-bottom .one-row>div {
	vertical-align: top
}

section.contact .domaincheck-bottom .one-row>div .check-form {
	margin-bottom: 0
}

section.contact .domaincheck-bottom .one-row>div .check-form::before {
	line-height: 22px
}

section.contact .domaincheck-bottom .one-row>div .btn {
	width: 100%
}

section.contact .domaincheck-bottom .one-row>div:nth-child(1) {
	width: 22%
}

section.contact .domaincheck-bottom .one-row>div:nth-child(2) {
	width: 22%
}

section.contact .domaincheck-bottom .one-row>div:nth-child(3) {
	width: 46%
}

section.contact .domaincheck-bottom .one-row>div:nth-child(4) {
	width: 6%
}

@media screen and (max-width:768px) {
	section.contact .domaincheck-bottom {
		margin: 0
	}

	section.contact .domaincheck-bottom .one-row {
		display: block
	}

	section.contact .domaincheck-bottom .one-row>div {
		display: block;
		width: 100% !important;
		margin-bottom: 22px
	}
}

section.contact h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 30px;
	color: #333
}

section.contact h2 small {
	display: block;
	font-size: 50%;
	color: #999;
	margin-top: 10px
}

section.contact>.btn {
	font-size: 16px;
	border-radius: 3px;
	letter-spacing: 0;
	padding: 12px 65px
}

@media screen and (max-width:480px) {
	section.contact h2 {
		font-size: 22px;
		margin-bottom: 20px
	}

	section.contact .btn {
		padding: 6px 30px;
		font-size: 14px
	}
}

section.help {
	padding: 30px 0;
	height: 100px;
	background: url(../image/help-blue-bg.png) center;
	background-size: cover;
	overflow: hidden;
	color: #f2eea6;
	font-size: 30px;
	font-weight: 300
}

section.help .one-row {
	width: auto;
	margin: 0 auto
}

section.help .one-row>div {
	text-align: right;
	padding: 0 10px;
	vertical-align: middle
}

section.help .btn {
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	border: none;
	color: #fff
}

.domaincheck-top textarea {
	height: 50px !important
}

.wave-bg {
	position: relative
}

.wave-bg .temp {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 130px;
	background-image: url(../image/ani.png);
	background-repeat: repeat-x;
	z-index: -1
}

.wave-bg::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 130px;
	background-image: url(../image/ani.png);
	background-repeat: repeat-x;
	z-index: -1;
	animation: bg-move-HR 15s infinite alternate linear
}

.wave-bg::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 130px;
	background-image: url(../image/ani.png);
	background-repeat: repeat-x;
	z-index: -1;
	animation: bg-move-HL 15s infinite alternate linear
}

.middle {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

@media screen and (max-width:1600px) {
	.hide-lg {
		display: none !important
	}
}

@media screen and (max-width:1200px) {
	.hide-md {
		display: none !important
	}
}

@media screen and (max-width:992px) {
	.hide-sm {
		display: none !important
	}
}

@media screen and (max-width:768px) {
	.hide-xs {
		display: none !important
	}
}

@media screen and (max-width:480px) {
	.hide-xxs {
		display: none !important
	}
}

@media screen and (min-width:1601px) {
	.show-lg {
		display: none !important
	}
}

@media screen and (min-width:1201px) {
	.show-md {
		display: none !important
	}
}

@media screen and (min-width:993px) {
	.show-sm {
		display: none !important
	}
}

@media screen and (min-width:769px) {
	.show-xs {
		display: none !important
	}
}

@media screen and (min-width:481px) {
	.show-xxs {
		display: none !important
	}
}

.hot {
	position: relative
}

.hot::after {
	position: relative;
	display: inline-block;
	content: "";
	width: 6px;
	height: 9px;
	top: -4px;
	right: -2px;
	background: url(../image/hot.png) no-repeat center
}

*[sale]::after {
	content: attr(sale);
	color: #fff;
	background: url(../image/label-bg01.png) no-repeat;
	display: inline-block;
	width: 40px;
	line-height: 19px;
	font-family: initial;
	padding-left: 5px;
	margin-left: 2px;
	text-align: center;
	font-size: 12px
}

.verification {
	display: table;
	border-collapse: separate;
	border-spacing: 10px;
	margin: 40px auto
}

.verification>div {
	display: table-cell;
	vertical-align: middle
}

.verification>div.form {
	position: relative
}

.verification>div.form input {
	padding-right: 80px
}

.verification>div.form img {
	position: absolute;
	top: 5px;
	right: 5px
}

.seaip,.useaip,.seaip-nav {
	display: none !important
}

.mt-5 {
	margin-top: 5px
}

.mt-10 {
	margin-top: 10px
}

.mt-15 {
	margin-top: 15px
}

.mt-20 {
	margin-top: 20px
}

.mt-25 {
	margin-top: 25px
}

.mt-30 {
	margin-top: 30px
}

.mt-35 {
	margin-top: 35px
}

.mt-40 {
	margin-top: 40px
}

.mt-45 {
	margin-top: 45px
}

.mt-50 {
	margin-top: 50px
}

.mt-55 {
	margin-top: 55px
}

.mt-60 {
	margin-top: 60px
}

.mt-65 {
	margin-top: 65px
}

.mt-70 {
	margin-top: 70px
}

.mt-75 {
	margin-top: 75px
}

.mt-80 {
	margin-top: 80px
}

.mt-85 {
	margin-top: 85px
}

.mt-90 {
	margin-top: 90px
}

.mt-95 {
	margin-top: 95px
}

.mt-100 {
	margin-top: 100px
}

.mt-105 {
	margin-top: 105px
}

.mt-110 {
	margin-top: 110px
}

.mt-115 {
	margin-top: 115px
}

.mt-120 {
	margin-top: 120px
}

.mt-125 {
	margin-top: 125px
}

.mt-130 {
	margin-top: 130px
}

.mt-135 {
	margin-top: 135px
}

.mt-140 {
	margin-top: 140px
}

.mt-145 {
	margin-top: 145px
}

.mt-150 {
	margin-top: 150px
}

.mb-5 {
	margin-bottom: 5px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-15 {
	margin-bottom: 15px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-45 {
	margin-bottom: 45px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-55 {
	margin-bottom: 55px
}

.mb-60 {
	margin-bottom: 60px
}

.mb-65 {
	margin-bottom: 65px
}

.mb-70 {
	margin-bottom: 70px
}

.mb-75 {
	margin-bottom: 75px
}

.mb-80 {
	margin-bottom: 80px
}

.mb-85 {
	margin-bottom: 85px
}

.mb-90 {
	margin-bottom: 90px
}

.mb-95 {
	margin-bottom: 95px
}

.mb-100 {
	margin-bottom: 100px
}

.mb-105 {
	margin-bottom: 105px
}

.mb-110 {
	margin-bottom: 110px
}

.mb-115 {
	margin-bottom: 115px
}

.mb-120 {
	margin-bottom: 120px
}

.mb-125 {
	margin-bottom: 125px
}

.mb-130 {
	margin-bottom: 130px
}

.mb-135 {
	margin-bottom: 135px
}

.mb-140 {
	margin-bottom: 140px
}

.mb-145 {
	margin-bottom: 145px
}

.mb-150 {
	margin-bottom: 150px
}

.ml-5 {
	margin-left: 5px
}

.ml-10 {
	margin-left: 10px
}

.ml-15 {
	margin-left: 15px
}

.ml-20 {
	margin-left: 20px
}

.ml-25 {
	margin-left: 25px
}

.ml-30 {
	margin-left: 30px
}

.ml-35 {
	margin-left: 35px
}

.ml-40 {
	margin-left: 40px
}

.ml-45 {
	margin-left: 45px
}

.ml-50 {
	margin-left: 50px
}

.ml-55 {
	margin-left: 55px
}

.ml-60 {
	margin-left: 60px
}

.ml-65 {
	margin-left: 65px
}

.ml-70 {
	margin-left: 70px
}

.ml-75 {
	margin-left: 75px
}

.ml-80 {
	margin-left: 80px
}

.ml-85 {
	margin-left: 85px
}

.ml-90 {
	margin-left: 90px
}

.ml-95 {
	margin-left: 95px
}

.ml-100 {
	margin-left: 100px
}

.mr-5 {
	margin-right: 5px
}

.mr-10 {
	margin-right: 10px
}

.mr-15 {
	margin-right: 15px
}

.mr-20 {
	margin-right: 20px
}

.mr-25 {
	margin-right: 25px
}

.mr-30 {
	margin-right: 30px
}

.mr-35 {
	margin-right: 35px
}

.mr-40 {
	margin-right: 40px
}

.mr-45 {
	margin-right: 45px
}

.mr-50 {
	margin-right: 50px
}

.mr-55 {
	margin-right: 55px
}

.mr-60 {
	margin-right: 60px
}

.mr-65 {
	margin-right: 65px
}

.mr-70 {
	margin-right: 70px
}

.mr-75 {
	margin-right: 75px
}

.mr-80 {
	margin-right: 80px
}

.mr-85 {
	margin-right: 85px
}

.mr-90 {
	margin-right: 90px
}

.mr-95 {
	margin-right: 95px
}

.mr-100 {
	margin-right: 100px
}

.pt-5 {
	padding-top: 5px
}

.pt-10 {
	padding-top: 10px
}

.pt-15 {
	padding-top: 15px
}

.pt-20 {
	padding-top: 20px
}

.pt-25 {
	padding-top: 25px
}

.pt-30 {
	padding-top: 30px
}

.pt-35 {
	padding-top: 35px
}

.pt-40 {
	padding-top: 40px
}

.pt-45 {
	padding-top: 45px
}

.pt-50 {
	padding-top: 50px
}

.pt-55 {
	padding-top: 55px
}

.pt-60 {
	padding-top: 60px
}

.pt-65 {
	padding-top: 65px
}

.pt-70 {
	padding-top: 70px
}

.pt-75 {
	padding-top: 75px
}

.pt-80 {
	padding-top: 80px
}

.pt-85 {
	padding-top: 85px
}

.pt-90 {
	padding-top: 90px
}

.pt-95 {
	padding-top: 95px
}

.pt-100 {
	padding-top: 100px
}

.pt-105 {
	padding-top: 105px
}

.pt-110 {
	padding-top: 110px
}

.pt-115 {
	padding-top: 115px
}

.pt-120 {
	padding-top: 120px
}

.pt-125 {
	padding-top: 125px
}

.pt-130 {
	padding-top: 130px
}

.pt-135 {
	padding-top: 135px
}

.pt-140 {
	padding-top: 140px
}

.pt-145 {
	padding-top: 145px
}

.pt-150 {
	padding-top: 150px
}

.pb-5 {
	padding-bottom: 5px
}

.pb-10 {
	padding-bottom: 10px
}

.pb-15 {
	padding-bottom: 15px
}

.pb-20 {
	padding-bottom: 20px
}

.pb-25 {
	padding-bottom: 25px
}

.pb-30 {
	padding-bottom: 30px
}

.pb-35 {
	padding-bottom: 35px
}

.pb-40 {
	padding-bottom: 40px
}

.pb-45 {
	padding-bottom: 45px
}

.pb-50 {
	padding-bottom: 50px
}

.pb-55 {
	padding-bottom: 55px
}

.pb-60 {
	padding-bottom: 60px
}

.pb-65 {
	padding-bottom: 65px
}

.pb-70 {
	padding-bottom: 70px
}

.pb-75 {
	padding-bottom: 75px
}

.pb-80 {
	padding-bottom: 80px
}

.pb-85 {
	padding-bottom: 85px
}

.pb-90 {
	padding-bottom: 90px
}

.pb-95 {
	padding-bottom: 95px
}

.pb-100 {
	padding-bottom: 100px
}

.pb-105 {
	padding-bottom: 105px
}

.pb-110 {
	padding-bottom: 110px
}

.pb-115 {
	padding-bottom: 115px
}

.pb-120 {
	padding-bottom: 120px
}

.pb-125 {
	padding-bottom: 125px
}

.pb-130 {
	padding-bottom: 130px
}

.pb-135 {
	padding-bottom: 135px
}

.pb-140 {
	padding-bottom: 140px
}

.pb-145 {
	padding-bottom: 145px
}

.pb-150 {
	padding-bottom: 150px
}

.pl-0 {
	padding-left: 0
}

.pl-5 {
	padding-left: 5px
}

.pl-10 {
	padding-left: 10px
}

.pl-15 {
	padding-left: 15px
}

.pl-20 {
	padding-left: 20px
}

.pl-25 {
	padding-left: 25px
}

.pl-30 {
	padding-left: 30px
}

.pl-35 {
	padding-left: 35px
}

.pl-40 {
	padding-left: 40px
}

.pl-45 {
	padding-left: 45px
}

.pl-50 {
	padding-left: 50px
}

.pl-55 {
	padding-left: 55px
}

.pl-60 {
	padding-left: 60px
}

.pl-65 {
	padding-left: 65px
}

.pl-70 {
	padding-left: 70px
}

.pl-75 {
	padding-left: 75px
}

.pl-80 {
	padding-left: 80px
}

.pl-85 {
	padding-left: 85px
}

.pl-90 {
	padding-left: 90px
}

.pl-100 {
	padding-left: 100px
}

.pr-0 {
	padding-right: 0
}

.pr-5 {
	padding-right: 5px
}

.pr-10 {
	padding-right: 10px
}

.pr-15 {
	padding-right: 15px
}

.pr-20 {
	padding-right: 20px
}

.pr-25 {
	padding-right: 25px
}

.pr-30 {
	padding-right: 30px
}

.pr-35 {
	padding-right: 35px
}

.pr-40 {
	padding-right: 40px
}

.pr-45 {
	padding-right: 45px
}

.pr-50 {
	padding-right: 50px
}

.pr-55 {
	padding-right: 55px
}

.pr-60 {
	padding-right: 60px
}

.pr-65 {
	padding-right: 65px
}

.pr-70 {
	padding-right: 70px
}

.pr-75 {
	padding-right: 75px
}

.pr-80 {
	padding-right: 80px
}

.pr-85 {
	padding-right: 85px
}

.pr-90 {
	padding-right: 90px
}

.pr-95 {
	padding-right: 95px
}

.pr-100 {
	padding-right: 100px
}[data-overlay] {
	position: relative
}[data-overlay]::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}[data-overlay="3"]::before {
	opacity: .3
}[data-overlay="4"]::before {
	opacity: .4
}[data-overlay="5"]::before {
	opacity: .5
}[data-overlay="6"]::before {
	opacity: .6
}[data-overlay="7"]::before {
	opacity: .7
}[data-overlay="8"]::before {
	opacity: .8
}[data-overlay="9"]::before {
	opacity: .9
}

@keyframes bg-move-HL {
	0% {
		background-position: -100% 0
	}

	25% {
		background-position: -300% 0
	}

	50% {
		background-position: -400% 0
	}

	100% {
		background-position: -500% 0
	}
}

@keyframes bg-move-HR {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 300% 0
	}

	50% {
		background-position: 400% 0
	}

	100% {
		background-position: 500% 0
	}
}

@-webkit-keyframes bg-move-HL {
	0% {
		background-position: -100% 0
	}

	25% {
		background-position: -300% 0
	}

	50% {
		background-position: -400% 0
	}

	100% {
		background-position: -500% 0
	}
}

@-webkit-keyframes bg-move-HR {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 300% 0
	}

	50% {
		background-position: 400% 0
	}

	100% {
		background-position: 500% 0
	}
}

@-moz-keyframes bg-move-HL {
	0% {
		background-position: -100% 0
	}

	25% {
		background-position: -300% 0
	}

	50% {
		background-position: -400% 0
	}

	100% {
		background-position: -500% 0
	}
}

@-moz-keyframes bg-move-HR {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 300% 0
	}

	50% {
		background-position: 400% 0
	}

	100% {
		background-position: 500% 0
	}
}

@-o-keyframes bg-move-HL {
	0% {
		background-position: -100% 0
	}

	25% {
		background-position: -300% 0
	}

	50% {
		background-position: -400% 0
	}

	100% {
		background-position: -500% 0
	}
}

@-o-keyframes bg-move-HR {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 300% 0
	}

	50% {
		background-position: 400% 0
	}

	100% {
		background-position: 500% 0
	}
}

@-ms-keyframes bg-move-HL {
	0% {
		background-position: -100% 0
	}

	25% {
		background-position: -300% 0
	}

	50% {
		background-position: -400% 0
	}

	100% {
		background-position: -500% 0
	}
}

@-ms-keyframes bg-move-HR {
	0% {
		background-position: 100% 0
	}

	25% {
		background-position: 300% 0
	}

	50% {
		background-position: 400% 0
	}

	100% {
		background-position: 500% 0
	}
}

@keyframes pulse {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@-webkit-keyframes pulse {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@-moz-keyframes pulse {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@-o-keyframes pulse {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@-ms-keyframes pulse {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(4);
		transform: scale(4)
	}
}

@keyframes flash {
	0% {
		opacity: 1
	}

	100% {
		opacity: .2
	}
}

@-webkit-keyframes flash {
	0% {
		opacity: 1
	}

	100% {
		opacity: .2
	}
}

@-moz-keyframes flash {
	0% {
		opacity: 1
	}

	100% {
		opacity: .2
	}
}

@-o-keyframes flash {
	0% {
		opacity: 1
	}

	100% {
		opacity: .2
	}
}

@-ms-keyframes flash {
	0% {
		opacity: 1
	}

	100% {
		opacity: .2
	}
}

@keyframes fame {
	0% {
		top: 0
	}

	100% {
		top: -272px
	}
}

@-webkit-keyframes fame {
	0% {
		top: 0
	}

	100% {
		top: -272px
	}
}

@-moz-keyframes fame {
	0% {
		top: 0
	}

	100% {
		top: -272px
	}
}

@-o-keyframes fame {
	0% {
		top: 0
	}

	100% {
		top: -272px
	}
}

@-ms-keyframes fame {
	0% {
		top: 0
	}

	100% {
		top: -272px
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.sidetools-wrap {
	position: absolute;
	right: -20px;
	width: 0
}

@media screen and (max-width:1350px) {
	.sidetools-wrap {
		right: 74px
	}
}

@media screen and (max-width:768px) {
	.sidetools-wrap {
		margin: -10px
	}
}

.sidetools {
	position: fixed;
	width: 44px;
	border-collapse: separate;
	border-spacing: 10px;
	color: #666;
	z-index: 9999;
	transition: opacity 5s;
	right:120px;
}

.sidetools img {
	display: block;
	margin: auto
}

.sidetools .item {
	position: relative;
	background: #8e8e8e;
	text-align: center;
	width: 100%;
	min-height: 44px;
	margin-bottom: 6px
}

.sidetools .item img:only-child {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0
}

.sidetools .item p {
	display: inline-block;
	color: #fff;
	text-align: justify;
	margin: 0
}

.sidetools .item:hover {
	cursor: pointer
}

@media screen and (min-width:769px) {
	.sidetools .item.QQ-btn {
		background: #f58900;
		padding: 8px 0 4px;
		height: auto !important
	}
}

.sidetools .item.blue-btn {
	background: #f58900;
	line-height: 16px
}

.sidetools .item.blue-btn p {
	margin-top: 4px
}

.sidetools .item.shopcar-btn {
	background: #f58900
}

.sidetools .item.shopcar-btn span {
	color: #f58900;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 20px;
	height: 20px;
	border: 1px solid #f58900;
	border-radius: 20px;
	background: #fff;
	display: block
}

.sidetools .item.QRcode-btn {
	background: #f58900
}

.sidetools .item.activity-btn {
	background-image: none;
	background-color: transparent
}

@-webkit-keyframes activity {
	0% {
		transform: rotate(10deg)
	}

	50% {
		transform: rotate(-10deg)
	}

	100% {
		transform: rotate(10deg)
	}
}

@-moz-keyframes activity {
	0% {
		transform: rotate(10deg)
	}

	50% {
		transform: rotate(-10deg)
	}

	100% {
		transform: rotate(10deg)
	}
}

@-o-keyframes activity {
	0% {
		transform: rotate(10deg)
	}

	50% {
		transform: rotate(-10deg)
	}

	100% {
		transform: rotate(10deg)
	}
}

@keyframes activity {
	0% {
		transform: rotate(10deg)
	}

	50% {
		transform: rotate(-10deg)
	}

	100% {
		transform: rotate(10deg)
	}
}

.sidetools .item.activity-btn .discount-sidetools {
	left: -15px;
	bottom: 30px;
	animation: activity 1s .15s linear infinite;
	-moz-animation: activity 1s .15s linear infinite;
	-webkit-animation: activity 1s .15s linear infinite;
	-o-animation: activity 1s .15s linear infinite
}

.sidetools .item.tel-btn {
	position: relative;
	right: 0
}

.sidetools .item.tel-btn .hover {
	position: absolute;
	height: 44px;
	background: #f58900;
	top: 0;
	right: 43px;
	color: #f58900;
	line-height: 44px;
	font-weight: bold;
	font-size: 16px;
	width: 0;
	max-width: 0;
	transition: all .5s;
	overflow: hidden
}

.sidetools .item.tel-btn:hover .hover {
	width: 140px;
	max-width: 140px;
	color: #fff
}

.sidetools .item.hotline-btn {
	display: none
}

@media screen and (max-width:768px) {
	.sidetools .item:not(.QQ-btn):not(.hotline-btn) {
		display: none !important
	}
}

.sidetools .pop-out {
	position: absolute;
	right: 50px;
	background: #fff;
	-webkit-box-shadow: 0 0 14px rgba(0,0,0,0.1);
	box-shadow: 0 0 14px rgba(0,0,0,0.1);
	display: none
}

.sidetools .pop-out.QQ-list {
	padding: 20px 30px 30px;
	top: 1px;
	border: 1px solid #ccc;
}

.sidetools .pop-out.QQ-list>h3 {
	font-weight: bold;
	margin: 24px 0 10px;
	font-size: 16.5px
}

.sidetools .pop-out.QQ-list .head {
	white-space: nowrap;
	border-bottom: 1px solid #dcdcdc;
	margin: -10px -30px;
	padding: 10px 30px
}

.sidetools .pop-out.QQ-list .head .one-row {
	border-collapse: collapse
}

.sidetools .pop-out.QQ-list .head .one-row>div {
	vertical-align: middle
}

.sidetools .pop-out.QQ-list .head .one-row i {
	font-size: 50px;
	display: block;
	line-height: 50px;
	width: 50px
}

.sidetools .pop-out.QQ-list .head .one-row h3 {
	margin: 0;
	font-size: 16px
}

.sidetools .pop-out.QQ-list .head .one-row b {
	color: #f58900;
	font-size: 18px
}

.sidetools .pop-out.QQ-list .pro {
	margin-bottom: 8px
}

.sidetools .pop-out.QQ-list .pro .intro {
	white-space: nowrap;
    background: #ccc;
    margin-bottom: 6px;
    /* border: 1px solid #c16565; */
    color: #222;
    text-align: center;
    border-radius: 3px;
    padding: 2px 6px;
}

.sidetools .pop-out.QQ-list .pro .intro::before {
	content: "●";
	color: #f58900;
	padding-right: 5px;
	font-size: 14px
}

.sidetools .pop-out.QQ-list .pro .QQ-table {
	white-space: nowrap
}

.sidetools .pop-out.QQ-list .pro .QQ-table a {
	display: inline-block;
	height: 23px;
	width: 20px;
	background: url(../image/qq.png) center no-repeat
}

.sidetools .pop-out.QQ-list .pro .QQ-table a:not(:last-child) {
	margin-right: 20px
}

@media screen and (max-height:915px) {
	.sidetools .pop-out.QQ-list .pro {
		margin-bottom: 10px;
	}
}

.sidetools .pop-out.QQ-list.short {
	padding: 16px 24px
}

.sidetools .pop-out.QQ-list.short .head {
	display: none !important
}

.sidetools .pop-out.QQ-list.short .head+h3 {
	margin-top: 0;
	white-space: nowrap
}

.sidetools .pop-out.QQ-list.short .pro {
	margin-bottom: 8px;
	margin-bottom: 0
}

.sidetools .pop-out.QQ-list.short .pro .intro {
	font-size: 13px;
	margin-bottom: 6px
}

.sidetools .pop-out.QQ-list.short .pro .intro::before {
	font-size: 12px
}

.sidetools .pop-out.QQ-list.short .pro .QQ-table a {
	height: 18px;
	width: 16px;
	background-size: 16px 18px
}

.sidetools .pop-out.QQ-list.short .pro .QQ-table a:not(:last-child) {
	margin-right: 16px
}

.sidetools .pop-out.tele {
	top: 0;
	padding: 0 10px;
	bottom: 6px;
	height: 44px;
	line-height: 44px;
	white-space: nowrap
}

.sidetools .pop-out.domaincheck {
	width: 360px;
	top: 0;
	padding: 30px;
	border: 1px solid #ccc;
    border-radius: 5px;
}

.sidetools .pop-out.domaincheck h3 {
	font-size: 24px;
	color: #333;
	text-align: center;
	border-bottom: 1px #ddd dashed;
	margin-top: 0;
	padding-bottom: 16px;
	margin-bottom: 16px
}

.sidetools .pop-out.domaincheck h3 small {
	display: block;
	font-size: 60%;
	color: #999;
	margin-top: 10px
}

.sidetools .pop-out.QR-code {
	padding: 2px;
	bottom: 6px
}

@media screen and (max-width:768px) {
	.sidetools .pop-out.QR-code {
		display: none !important
	}
}

@media screen and (min-width:cal(768px+1)) {
	.sidetools {
		top: 42%
	}
}

@media screen and (max-width:768px) {
	.sidetools {
		bottom: 0 !important;
		left: 0;
		display: table;
		width: 100%;
		background: #eee;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc
	}

	.sidetools .item {
		display: table-cell !important;
		width: 50% !important;
		min-width: 50% !important;
		padding: 4px 0
	}

	.sidetools .item.hotline-btn {
		background: transparent !important;
		border: 1px solid #f58900
	}

	.sidetools .item.hotline-btn p {
		color: #f58900
	}

	.sidetools .item.QQ-btn {
		background: #f58900 !important
	}

	.sidetools .item.QQ-btn p {
		color: #fff
	}

	.sidetools .item.check-btn {
		display: none !important
	}

	.sidetools .item img {
		display: none
	}

	.sidetools .QQ-list {
		top: auto;
		right: 0;
		left: 0;
		width: 100%;
		bottom: 51px !important;
		top: auto !important;
		padding: 20px 10px 4px;
		box-shadow: none;
		-webkit-box-shadow: none;
		border-bottom: 1px solid #dcdcdc;
		border-top: 1px solid #dcdcdc
	}

	.sidetools .QQ-list .head {
		display: none
	}

	.sidetools .QQ-list .head+h3 {
		display: none
	}

	.sidetools .QRcode-btn,.sidetools .top-btn {
		display: none !important
	}
}

.lxb-container {
	left: auto !important;
	right: 100px !important;
	box-sizing: border-box !important;
	height: 120px !important;
	width: 0 !important;
	overflow: hidden !important;
	background: url(../image/sidetools05.png) no-repeat center !important;
	background-size: cover !important;
	padding-top: 10px !important
}

.lxb-container .temp {
	box-sizing: border-box !important;
	position: absolute !important
}

.lxb-container .custom-text {
	box-sizing: border-box !important;
	position: absolute !important;
	top: 10px !important;
	height: 40px !important;
	width: 100% !important;
	background: url(../image/sidetools04.png) center no-repeat !important
}

.lxb-container .lxb-hide-btn {
	top: 12px !important;
	left: 12px !important;
	display: none !important
}

.lxb-container .lxb-cb-input {
	box-sizing: border-box !important;
	position: absolute !important;
	top: 62px !important;
	left: 12px !important;
	display: inline-block !important;
	padding: 0 16px !important;
	width: 180px !important;
	height: 38px !important;
	line-height: 36px !important;
	color: #666 !important;
	outline: none !important
}

.lxb-container .lxb-cb-input-btn {
	box-sizing: border-box !important;
	position: absolute !important;
	font-family: "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif !important;
	top: 62px !important;
	left: 196px !important;
	display: inline-block !important;
	font-size: 14px !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	font-weight: normal !important;
	border: 1px solid #f58900 !important;
	background-color: #f58900 !important;
	height: 38px !important;
	line-height: 36px !important;
	width: 120px !important;
	transition: background .3s,color .3s !important;
	color: #fff !important
}

.lxb-container .lxb-cb-input-btn:hover {
	color: #fff !important;
	background-color: #94c4e7 !important;
	border-color: #94c4e7 !important
}

.lxb-container .lxb-cb-tip {
	box-sizing: border-box !important;
	position: absolute !important;
	left: 0 !important;
	top: 124px !important;
	width: 100% !important;
	padding: 10px !important;
	border: 1px solid #dcdcdc !important;
	background: #f5f5f5 !important
}

.lxb-container .lxb-cb-tip .lxb-cb-tip-con {
	width: 100% !important;
	font-family: "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif !important
}

.lxb-container .lxb-cb-tip .lxb-cb-tip-con .error-tip {
	font-family: "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif !important;
	margin: 0 !important
}

.lxb-container .lxb-cb-tip .lxb-cb-tip-con .success-tip-img {
	background-size: 80px 62px !important;
	width: 80px !important;
	height: 62px !important
}

.lxb-container .lxb-cb-tip .lxb-cb-tip-con .success-tip-txt {
	font-family: "roboto","PingFang SC","\5FAE\8F6F\96C5\9ED1","Microsoft Yahei",Helvetica,Arial,sans-serif !important
}

.lxb-container .lxb-cb-tip .lxb-cb-tip-close {
	display: none !important
}

@media screen and (max-width:768px) {
	.lxb-container {
		display: none !important
	}
}

.lxb-close-btn {
	display: block !important;
	background-image: none !important;
	box-sizing: border-box !important;
	height: 44px !important;
	width: 44px !important;
	content: "免费通话" !important;
	color: #fff !important;
	background: url(../image/sidetools06.png) center no-repeat,#f58900 !important;
	left: auto !important
}

@media screen and (max-width:768px) {
	.lxb-close-btn {
		display: none !important
	}
}

.banner .do-nav {
	position: absolute;
	text-align: center;
	top: 269px;
	left: 0;
	right: 0;
	font-size: 18px
}

.banner .donav-a {
	display: inline-block;
	width: 150px;
	height: 50px;
	line-height: 46px;
	background: #eee;
	border-top: rgba(0,0,0,0) solid 3px;
	color: #333;
	margin: 0 5px;
	border-radius: 4px !important
}

.banner .do-nav .selected {
	background: #fff;
	border-top: #ee4136 solid 3px
}

.banner .do-nav span {
	display: none
}

@media (max-width:768px) {
	.banner .do-nav {
		top: 269px;
		background: #fff;
		width: 325px;
		margin: 0 auto;
		border-radius: 4px !important;
		font-size: 16px
	}

	.banner .donav-a {
		display: inline;
		width: 200px;
		line-height: 50px;
		color: #369;
		background: #fff;
		margin: 0 5px;
		border-radius: 0 !important
	}

	.banner .do-nav .selected {
		background: #fff;
		border-top: #fff solid 3px;
		color: #333
	}

	.banner .do-nav span {
		display: inline
	}
}

.search .do-slogan {
	height: 38px;
	width: 351px;
	margin: 50px auto 30px;
	background: url(../image/1198.png) center no-repeat
}

.search .do-switch {
	text-align: center;
	font-size: 17px
}

.search .do-switch a {
	display: inline-block;
	color: #333
}

.search .do-switch a.selected {
	font-weight: bold;
	border-bottom: #f58900 3px solid
}

#do-search-batch {
	display: none
}

.do-list-tab-insert,.do-list-tab1-back,.do-list-tab2-back,.do-list-tab3-back,.do-list-tab4-back,.do-list-tab5-back,.do-list-tab6-back,.do-list-tab7-back,.do-list-tab8-back,.do-list-tab1-go,.do-list-tab2-go,.do-list-tab3-go,.do-list-tab4-go,.do-list-tab5-go,.do-list-tab6-go,.do-list-tab7-go,.do-list-tab8-go,#do-list-tab .dropdown-toggle {
	display: none
}

@media (max-width:682px) {
	#do-list-tab .dropdown-toggle {
		display: block
	}
}

.why-bulk {
	margin-bottom: 50px
}

.why-bulk .block-title {
	margin-top: 20px;
	margin-bottom: 10px
}

.why-bulk .block-title .iconfont {
	color: #f58900;
	FONT-SIZE: 24PX;
	padding-right: 5px
}

.why-bulk .reason {
	color: #aaa;
	display: table;
	border-collapse: separate;
	border-collapse: 85px
}

.why-bulk .reason>div {
	display: table-row;
	position: relative;
	padding-left: 30px
}

.why-bulk .reason>div>div {
	display: table-cell
}

.why-bulk .reason>div>div:first-child {
	white-space: nowrap;
	text-align: right
}

.why-bulk .reason>div>div i {
	font-size: 20px;
	font-style: normal;
	color: #ee4136
}

.why-bulk .reason p {
	font-size: 16px;
	font-weight: bold;
	padding-right: 10px;
	color: #666
}

.why-bulk .reason2 {
	margin-top: 40px
}

.why-bulk .reason2,.reason2 h3 {
	text-align: center
}

.reason2 h3 {
	font-size: 18px;
	color: #333
}

.reason2 p {
	text-align: center;
	line-height: 30px
}

.bulk-table {
	width: 100%;
	margin: 90px 0 10px
}

.bulk-table .form-control {
	display: inline
}

.bulk-table td:first-child {
	width: 70%;
	padding-right: 1%;
	text-align: right
}

.bulk-table td:last-child {
	padding: 20px 35px;
	max-width: 300px;
	background-color: #f1f6fb
}

.bulk-table #bulkdomain {
	width: 100%;
	height: 240px;
	border: 1px solid #ccc;
	padding: 5px
}

.bulk-table #bulkdomain::-ms-input-placeholder {
	text-align: center;
	line-height: 230px
}

.bulk-table #bulkdomain::-webkit-input-placeholder {
	text-align: center;
	line-height: 230px
}

.bulk-table #bulkdomain:-moz-placeholder {
	text-align: center;
	line-height: 230px
}

.bulk-table #bulkdomain::-moz-placeholder {
	text-align: center;
	line-height: 230px
}

.bulk-table .wxp {
	color: #349dea;
	font-weight: 500;
	margin: 0;
	padding: 0;
	font-size: 16px
}

.bulk-table .sm_div {
	line-height: 30px;
	color: #333;
	font-size: 9px
}

.bulk-table input {
	margin-top: 20px
}

@media (max-width:768px) {
	.bulk-table {
		margin: 20px 10px
	}

	.bulk-table td:first-child {
		padding-left: 0
	}

	.bulk-table #bulkdomain {
		width: 100%
	}
}

.search .input-search {
	width: 70%;
	margin: 0 auto
}

@media (max-width:992px) {
	.search .input-search {
		width: 90%
	}
}

.search .do-search {
	height: 118px
}

.do-search .input-search {
	top: 38px
}

.search .list {
	margin-bottom: 30px
}

.search #do-list-tab {
	margin: 20px 40px
}

.search #do-list2,.search #do-list3,.search #do-list4,.search #do-list5,.search #do-list6,.search #do-list7,.search #do-list8 {
	display: none
}

.search .do-switch {
	margin-bottom: 20px
}

.search .transfer-box {
	margin: 30px 0
}

.search .transfer-box>div {
	width: 100%;
	margin: 0 auto
}

@media (max-width:992px) {
	.search .transfer-box>div {
		width: 100%
	}
}

@media (max-width:722px) {
	.search .transfer-box .top-info h2 {
		font-size: 20px;
		font-weight: bold !important
	}
}

@media (max-width:682px) {
	.myTagDiv .pagerCss li {
		width: 100px
	}

	.myTagDiv {
		padding-left: 0;
		padding-right: 0
	}

	.search #do-list-tab {
		margin: 20px 0
	}
}

.search .transfer-box .top-info ul {
	padding-left: 0
}

.search .transfer-box .top-info {
	text-align: left;
	border-bottom: dashed 1px #ccc;
	padding-bottom: 20px
}

.search .transfer-box .top-info h2 {
	display: inline-block;
	font-weight: 200;
	margin-top: 0
}

.search .transfer-box .col-xs-4 {
	text-align: right
}

.search .transfer-box li {
	float: left;
	display: inline;
	padding-left: 12px;
	margin-right: 30px;
	height: 22px;
	line-height: 22px;
	color: #666;
	background: url(../image/DomainDOT.png) 0 center no-repeat
}

.search .transfer-box table {
	margin: 20px auto;
	width: 100%
}

.search .transfer-box table td {
	padding: 5px
}

.search .transfer-box table td:nth-of-type(1) {
	width: 20%;
	text-align: right
}

.search .transfer-box table td:nth-of-type(2) {
	width: 60%;
	text-align: center
}

.search .transfer-box table td:nth-of-type(3) {
	text-align: left
}

.search .transfer-box .operate {
	font-size: 18px;
	margin-top: 20px
}

.search .transfer-box .operate a {
	margin: 2px 5px
}

.search .transfer-box .operate .iconfont {
	color: #f58900;
	font-size: 25px
}

.why-transfer {
	border-top: dashed 1px #ccc
}

.why-transfer .block-title {
	margin-top: 20px;
	margin-bottom: 10px
}

.why-transfer .block-title .iconfont {
	color: #f58900;
	FONT-SIZE: 24PX;
	padding-right: 5px
}

.why-transfer .reason {
	margin: 0 80px;
	font-size: 18px
}

.why-transfer .step-table {
	width: 100%;
	display: table
}

.why-transfer .step-table>div {
	display: table-cell;
	padding: 50px 20px 20px;
	width: 24%
}

.why-transfer .step-table>div .info {
	position: relative;
	height: 220px;
	padding: 10px;
	border: 1px #eee solid;
	background: #f5f6f8
}

.why-transfer .step-table>div .info p {
	overflow: hidden
}

.why-transfer .step-table>div .info p.tt {
	padding-top: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold
}

.why-transfer .step-table>div .info i {
	position: absolute;
	width: 80px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 50% !important;
	color: #fff;
	margin: auto;
	left: 0;
	right: 0;
	top: -40px;
	font-size: 40px;
	background: #fefefe
}

.why-transfer .step-table>div .info-1 i {
	background: #f6ac3c
}

.why-transfer .step-table>div .info-2 i {
	background: #545197
}

.why-transfer .step-table>div .info-3 i {
	background: #8ebc3a
}

.why-transfer .step-table>div .info-4 i {
	background: #ef564a
}

.why-transfer .step-table>div .info-1 p.tt {
	color: #f6ac3c
}

.why-transfer .step-table>div .info-2 p.tt {
	color: #545197
}

.why-transfer .step-table>div .info-3 p.tt {
	color: #8ebc3a
}

.why-transfer .step-table>div .info-4 p.tt {
	color: #ef564a
}

#search3 .whois-explanation {
	margin: 30px auto 50px
}

#search3 .do-slogan {
	height: 38px;
	width: 351px;
	margin: 50px auto 0;
	background: url(../image/whois.png) center no-repeat
}

#search3 .whois-explanation .whois-explanation-title {
	color: #333;
	margin-top: 20px;
	margin-bottom: 15px;
	font-weight: bold
}

#search3 .whois-input {
	padding-left: 6px !important
}

.whois-search .btn-search {
	width: 80px
}

@media (max-width:992px) {
	#search3 .whois-explanation {
		width: 90%
	}
}

#transfer-panel2 {
	display: none
}

#transfer-panel2 table td {
	vertical-align: top
}

#transfer-panel2 table td:nth-of-type(1),#transfer-panel2 table td:nth-of-type(3) {
	padding-top: 11px
}

.frm {
	position: relative;
	padding: 0;
	width: 100%
}

.frm .lbl-placeholder {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	padding: 10px;
	cursor: text;
	text-align: left
}

.txt-domain {
	width: 100%;
	height: 117px !important;
	border: solid 1px #ccc;
	padding: 10px;
	font-size: 14px;
	color: #333;
	line-height: 20px;
	box-sizing: border-box;
	margin: 0
}

.sale {
	height: 200px
}

.sale div.indexmaindiv {
	position: relative;
	height: 142px;
	margin: 0 auto;
	width: 100%
}

.sale div.indexmaindiv1 {
	margin-top: 25px
}

.sale div.indexmaindiv1 div.stylesgoleft {
	position: absolute;
	float: left;
	width: 21px;
	height: 28px;
	background: url(../image/ScoLeft.png) no-repeat center;
	margin: 60px 5px 0 0;
	cursor: pointer;
	left: -30px
}

.sale div.indexmaindiv1 div.playerdetail {
	width: 136px;
	height: 142px;
	background: #FFF
}

.sale div.indexmaindiv1 div.playerdetail div.detailimg {
	width: 100%;
	height: 88px;
	line-height: 68px;
	padding: 8px
}

.sale div.indexmaindiv1 div.playerdetail div.detailimg img {
	width: 100%
}

.sale div.indexmaindiv1 div.playerdetail div.teanames {
	margin: 0 8px;
	border: #eee dashed 1px
}

.sale div.indexmaindiv1 div.playerdetail div.teadetail {
	width: 100%;
	height: 46px;
	line-height: 46px;
	padding: 0 8px;
	color: #666;
	text-align: right;
	color: #ee4136;
	font-size: 120%;
	font-weight: bold
}

.sale div.indexmaindiv1 div.stylesgoright {
	position: absolute;
	right: 0;
	float: left;
	width: 21px;
	height: 28px;
	background: url(../image/ScroRight.png) no-repeat center;
	margin: 60px 0 0 15px;
	cursor: pointer;
	right: -30px
}

div.maindiv1 {
	float: left;
	width: 100%;
	height: 142px;
	overflow: hidden;
	position: relative
}

div.maindiv1 ul {
	position: absolute;
	left: 0;
	top: 0
}

div.maindiv1 ul li {
	float: left;
	width: 172px;
	height: 142px;
	margin-left: 13px;
	list-style: none
}

.advantage .row {
	margin-bottom: 20px
}

.advantage .row>div {
	margin-bottom: 30px
}

.advantage span {
	display: inline-block
}

.advantage span:nth-of-type(2) {
	padding: 0 20px;
	font-size: 120%
}

.advantage .row .col-sm-3 {
	text-align: center
}

.advantage .row .col-sm-3 .title {
	font-size: 20px;
	padding-top: 20px
}

.advantage .row .col-sm-3 .txt {
	text-align: left;
	color: #aaa
}

@media (max-width:1200px) {
	.advantage span {
		display: block;
		text-align: center
	}

	.advantage span:last-child {
		margin-top: 10px
	}
}

@media (max-width:997px) {
	.advantage span:nth-of-type(2) {
		font-size: 100%
	}

	.col-xs-4 {
		padding-right: 0;
		padding-left: 0
	}
}

.qualification {
	padding-bottom: 30px
}

.qualification .row>div {
	line-height: 60px;
	text-align: center
}

.qualification img {
	max-height: 50px;
	max-width: 120px
}

.qualification .block-title {
	margin-bottom: 0
}

.qualification a {
	font-size: 14px;
	color: #0b75bd;
	padding-right: 20px;
	float: right
}

@media (max-width:487px) {
	.qualification img {
		max-height: 40px;
		max-width: 100px
	}
}

@media (max-width:387px) {
	.qualification img {
		max-height: 30px;
		max-width: 80px
	}
}

.domain-search .panel {
	margin-bottom: 60px
}

.domain-search .panel .panel-body {
	padding: 70px
}

.domain-search .panel .panel-body h2 {
	text-align: center;
	color: #333;
	font-size: 30px;
	margin-top: 0
}

.domain-search .panel .panel-body .tit {
	background: #f5f6f8;
	font-size: 16px;
	color: #333;
	line-height: 50px;
	padding-left: 18px
}

.domain-search .panel .panel-body .input-search {
	margin: 30px 0
}

.domain-search .panel .panel-body .input-search .btn {
	width: 140px;
	font-size: 18px
}

.domain-search .panel .panel-body .input-search .form-control {
	padding-right: 150px
}

.domain-search .panel .panel-body .table th {
	border-top: 0;
	color: #999;
	font-weight: normal;
	line-height: 30px
}

.domain-search .panel .panel-body .table tr .tr_last_domain_search td:first-child {
	border-left: 1px solid #dcdcdc
}

.domain-search .panel .panel-body .table tr .tr_last_domain_search td:last-child {
	border-right: 1px solid #dcdcdc
}

.domain-search .panel .panel-body .tab {
	margin-top: 20px;
	display: table;
	width: 100%;
	border-collapse: collapse
}

.domain-search .panel .panel-body .tab>div {
	display: table-cell;
	border: 1px solid #dcdcdc;
	padding: 10px 20px
}

.domain-search .panel .panel-body .tab>div:hover {
	color: #f58900
}

.domain-search .panel .panel-body .tab>div.current {
	background: #f58900;
	color: #fff
}

.domain-search .panel .panel-body .tab>div.current:hover {
	color: #fff
}

.productshow {
	margin: 30px;
	height: 132px;
	padding: 4px 0;
	position: relative;
	text-align: center
}

.productshow .scrollcontainer {
	height: 130px;
	overflow: hidden;
	position: relative;
	margin: 0 auto
}

.productshow .scrollcontainer ul {
	width: 20000px;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0
}

.productshow .scrollcontainer li {
	float: left;
	width: 144px;
	height: 90px;
	margin: 0 5px;
	text-align: center
}

.productshow .scrollcontainer li.last {
	background: none
}

.productshow .scrollcontainer a:hover img {
	filter: alpha(opacity=86);
	-moz-opacity: .86;
	opacity: .86
}

.productshow .scrollcontainer li p {
	margin: 0;
	line-height: 32px
}

a.abtn {
	position: absolute;
	top: 4px;
	display: block;
	text-indent: -20000px
}

.productshow a.aleft {
	width: 21px;
	height: 28px;
	background: url(../image/ScoLeft.png) no-repeat center;
	margin: 60px 5px 0 0;
	cursor: pointer;
	left: -30px
}

.productshow a.aright {
	right: 0;
	float: left;
	width: 21px;
	height: 28px;
	background: url(../image/ScroRight.png) no-repeat center;
	margin: 60px 0 0 15px;
	cursor: pointer;
	right: -30px
}

.productshow .scrollcontainer ul {
	margin-top: 20px
}

.none {
	display: none
}

.cart .container {
	background: #fff
}

.cart .table-product tr:first-child {
	border: none
}

.cart .table-product th {
	border-top: none;
	background: #f9f9f9;
	color: #002249
}

.cart .table-product td {
	color: #738ba5;
	border-top: 1px solid #e5e5e5
}

.cart .table-product td select {
	color: #738ba5
}

.cart .table-product .no-border td {
	border-top: none
}

.cart .table-product .delItem {
	color: #c00
}

.cart .table-product .CheckTd {
	width: 12px
}

.table>tbody+tbody {
	border-top: none
}

.no-border td {
	border-top: none
}

.cart .users_type {
	width: 340px;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	border: none;
	background: #f5f6f8;
	float: right
}

.cart .row {
	margin-right: 0;
	margin-left: 0
}

.cart .cart-op {
	display: block;
	margin-top: 20px
}

.cart .cart-op li {
	text-align: right;
	margin-bottom: 10px
}

.cart .cart-op .domain-total {
	font-size: 20px
}

.cart .cart-op .price-total {
	font-size: 18px;
	font-weight: bold;
	color: #ee4136
}

.cart .cartRowTotal span:last-child {
	float: right
}

.cart #clearShoppingCart {
	font-weight: normal
}

.cart #ShopCartListTopBar {
	margin-top: 30px;
	margin-bottom: 10px
}

.cart #ShopCartListTopBar .grid {
	color: #888
}

.cart #ShopCartListTopBar .Tips {
	color: #ff0000
}

.cart #ShopCartListTopBar .iconfont {
	color: #ff0000
}

.cart #ShopCartListTopBar .cart-name {
	color: #002249;
	font-size: 20px;
	margin-right: 10px
}

.cart .cart_empty {
	font-size: 20px
}

.cart .nav-steps {
	margin-top: 20px
}

@media (max-width:991px) {
	.cart .PackageName {
		display: none
	}
}

@media (max-width:767px) {
	.cart .table-product td,.cart .table-product th {
		padding: 4px
	}

	.cart .table-product .NowPrice {
		display: none
	}

	.cart .table-product .selectYear select {
		width: 100px
	}

	.cart .table-product .CheckTd {
		padding: 0
	}

	.cart .table-product .cartRowTotal td {
		padding-left: 0
	}
}

.confirm .container {
	background: #fff
}

.confirm .contact_form {
	margin: 20px 0
}

.confirm .confirm_domain_table {
	width: 100%
}

.confirm .confirm_domain_table td {
	vertical-align: middle;
	color: #002249;
	padding: 5px
}

.confirm .confirm_domain_table td:nth-of-type(1) {
	width: 30%;
	text-align: right
}

.confirm .confirm_domain_table td:nth-of-type(2) {
	width: 30%
}

.confirm .confirm_domain_table td:nth-of-type(3) {
	position: relative;
	width: 30%
}

.confirm .select49per {
	display: inline-block;
	width: 49%
}

.confirm .form-group {
	margin-bottom: 0 !important
}

.confirm .popover {
	background: #f5f6f8;
	color: #aaa;
	font-size: 12px;
	top: 5px
}

.confirm .popover.right>.arrow {
	top: 17px;
	left: -12px;
	margin-top: -6px
}

.confirm .popover>.arrow {
	border-width: 6px
}

.confirm .popover-content {
	padding: 7px 7px
}

.confirm .popover p {
	margin: 0 !important
}

.confirm .popover.right>.arrow:after {
	border-right-color: #f5f6f8
}

.confirm .domain-configure {
	background: #fff;
	padding-top: 15px;
	padding-bottom: 15px
}

.confirm .block-title .long-slash {
	font-size: 18px
}

.confirm .block-title {
	margin-top: 0
}

.confirm .domain-configure .block-title {
	margin-bottom: 10px
}

.confirm .domain-configure .block-title .long-slash {
	font-size: 14px
}

.confirm .domain-configure .block-title .long-slash span {
	font-size: 16px;
	color: #f58900;
	font-weight: bold
}

.confirm small {
	color: #aaa
}

.confirm small:before {
	color: #f68300;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	content: "\e66f";
	padding-right: 5px
}

.confirm .nav-steps {
	margin-top: 20px
}

.confirm .cart-list .table {
	text-align: center
}

.confirm .cart-list .table th {
	background: #f5f6f8;
	text-align: center
}

.confirm .cart-list .title {
	display: table;
	width: 100%;
	border-spacing: 5px
}

.confirm .cart-list .title span {
	display: table-cell;
	text-align: left
}

.confirm .cart-list .title span:last-child {
	display: table-cell;
	text-align: right
}

.confirm .cart-list {
	margin-top: 20px
}

.confirm .cart-list .title {
	margin-bottom: 5px
}

.confirm .cart-list .title span:first-child {
	width: 4px;
	background: #f58900;
	margin-right: 5px
}

.confirm .price-confirm {
	background: #f5f6f8;
	border: 1px solid #ddd;
	margin-top: 20px
}

.price-confirm .price-confirm-table td:first-child {
	width: 120px;
	text-align: right;
	padding: 5px
}

.confirm .cart-op {
	display: block;
	margin-top: 20px;
	margin-bottom: 40px
}

.confirm .cart-op span:not(:last-child) {
	margin-right: 20px
}

.confirm .cart-op li {
	text-align: right;
	margin-bottom: 10px
}

.confirm .cart-op .domain-total {
	font-size: 20px
}

.confirm .cart-op .price-total {
	font-size: 24px;
	color: #ee4136;
	font-weight: bold
}

.confirm .cart-op .btn-submit {
	padding-left: 50px;
	padding-right: 50px
}

.confirm .cart-op .li2 div {
	margin-bottom: 10px
}

.success {
	background: #f5f6f8
}

.success .container {
	background: #fff
}

.success .nav-steps {
	margin-top: 20px
}

.success .cart-list .table {
	text-align: center
}

.success .cart-list .table th {
	background: #f5f6f8;
	text-align: center
}

.success .cart-list .title {
	display: table;
	width: 100%;
	border-spacing: 5px
}

.success .cart-list .title span {
	display: table-cell;
	text-align: left
}

.success .cart-list .title span:last-child {
	display: table-cell;
	text-align: right
}

.success .cart-list {
	margin-top: 20px
}

.success .cart-list .title {
	margin-bottom: 5px
}

.success .cart-list .title span:first-child {
	width: 4px;
	background: #f58900;
	margin-right: 5px
}

.success .user-enter {
	text-align: right;
	margin-bottom: 40px
}

#TransDomainList::-webkit-input-placeholder::after,#TransDomainList:-moz-placeholder:after,#TransDomainList::-moz-placeholder::after,#TransDomainList:-ms-input-placeholder:after {
	display: block;
	content: "1198.cn   password1 \A idcicp.com   password2"
}

.domain-info {
	padding: 0
}

.domain-info .long-slash {
	font-size: 22px
}

.domain-info .detail {
	display: table;
	width: 100%;
	margin-bottom: 30px
}

.domain-info .detail>div {
	display: table-cell;
	vertical-align: top
}

.domain-info .detail>div:first-child {
	padding-right: 10px
}

.domain-info .detail>div:last-child {
	padding-left: 20px
}

.domain-info .detail .info {
	position: relative;
	padding: 0 10px 10px 0;
	background: #fff
}

.domain-info .detail .ad {
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 30px;
	word-break: break-all;
	max-height: 90px
}

.domain-info .detail .price {
	padding-left: 0
}

.domain-info .detail .price h4 {
	color: #333
}

.domain-info .detail .price td {
	border: 1px #eee solid;
	padding: 6px 20px;
	text-align: center;
	white-space: nowrap
}

.domain-info .detail .price small {
	color: #888;
	font-size: 70%;
	font-weight: normal
}

.domain-info .detail .info .tit {
	font-size: 36px;
	color: #333;
	padding-bottom: 10px
}

.domain-info .detail .test .tit {
	font-size: 22px;
	color: #333;
	text-align: center;
	font-weight: bold;
	padding: 5px 0 10px
}

.domain-info .detail .test .tips {
	margin-left: 10px;
	color: #03b0ed;
	position: relative
}

.domain-info .detail .test .tips .txt {
	display: none;
	position: absolute;
	margin: auto;
	width: 230px;
	color: #666;
	font-weight: normal;
	font-size: 14px;
	z-index: 999;
	background: #fff;
	border-radius: 4px !important;
	-webkit-box-shadow: 0 1px 6px #ccc !important;
	box-shadow: 0 1px 6px #ccc !important;
	padding: 10px;
	text-align: justify;
	right: 0;
	top: 35px
}

.domain-info .detail .test .tips span {
	display: none;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 25px !important;
	top: 5px;
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #ccc
}

.domain-info .detail .test .tips:hover .txt,.domain-info .detail .test .tips:hover span {
	display: block
}

.domain-info .detail .test {
	position: relative;
	border: 1px solid #ddd;
	padding: 10px 10px 10px 10px;
	background: #fff
}

.domain-info .detail .test .form-group {
	position: relative;
	margin-bottom: 10px
}

.domain-info .detail .test .form-group .form-control {
	padding-left: 50px
}

.domain-info .detail .test .form-group label {
	line-height: 34px;
	position: absolute;
	top: 0;
	left: 10px
}

.domain-info .btn {
	display: inline-block;
	background: #00afec;
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 0 30px
}

.domain-info .btn.line {
	color: #0b75bd;
	border-color: #0b75bd;
	background: transparent
}

.domain-info .btn.line:hover {
	background: #0b75bd;
	color: #fff
}

.domain-info .detail .btn {
	margin-right: 20px
}

.domain-info .detail .btn2 {
	display: none
}

@media (max-width:830px) {
	.domain-info .detail .btn1 {
		display: none
	}

	.domain-info .detail .btn2 {
		display: inline-block
	}
}

.domain-info .detail .phone-link {
	display: inline-block;
	color: #00afec;
	background: none;
	border: none;
	font-size: 22px;
	line-height: 36px;
	padding: 0
}

.domain-info .detail .iconfont {
	margin-right: 5px;
	color: #888
}

.domain-info .title .iconfont {
	color: #f58900;
	font-size: 22px;
	margin-right: 5px
}

.domain-info .advantage {
	border-right: 1px #eee dashed;
	padding-right: 20px
}

.domain-info .price {
	padding-left: 20px
}

.domain-info .advantage ul li:before {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	content: "\e67e";
	margin-right: 5px;
	color: #ee4136
}

.domain-info .price font[color] {
	color: #fee4136 6
}

@media (max-width:991px) {
	.domain-info .detail {
		display: block
	}

	.domain-info .detail>div {
		display: block;
		width: 100% !important
	}

	.domain-info .detail .info {
		height: auto
	}

	.domain-info .detail .test {
		margin-top: 20px
	}

	.domain-info .detail .info-wrap {
		height: auto;
		padding-bottom: 20px
	}
}

@media (max-width:550px) {
	.domain-info .domain-info-search>div:last-child {
		padding-left: 10px;
		padding-right: 10px !important
	}
}

@media (max-width:500px) {
	.domain-info .btn.line {
		padding: 4px 16px
	}
}

@media (max-width:484px) {
	.domain-info .detail .info h4 {
		font-size: 22px
	}
}

@media (max-width:434px) {
	.domain-info .detail .ad .iconfont {
		display: none
	}
}

@media (max-width:380px) {
	.domain-info .adv-item .btn.line {
		padding: 2px 8px;
		margin-bottom: 10px
	}
}

.domain-info .details {
	display: table;
	width: 100%;
	background: #f9f9f9;
	border-collapse: collapse;
	margin-bottom: 50px
}

.domain-info .details>div {
	display: table-row
}

.domain-info .details>div>div {
	display: table-cell;
	border: #ddd 1px solid;
	vertical-align: middle;
	padding: 15px 10px
}

.domain-info .details .img {
	text-align: center;
	border-right: none
}

.domain-info .details .img img:last-child {
	display: none
}

.domain-info .details .txt {
	border-left: none;
	padding-left: 0
}

.domain-info .details .txt h4 {
	color: #333;
	font-size: 20px
}

.domain-info .details>div:hover>div {
	cursor: pointer;
	background: #03b0ed;
	color: #fff
}

.domain-info .details>div:hover h4 {
	color: #fff
}

.domain-info .details>div:hover img:first-child {
	display: none
}

.domain-info .details>div:hover img:last-child {
	display: inline
}

.domain-info .domain-info-search {
	width: 100%;
	display: table;
	margin: 20px 0 50px
}

.domain-info .domain-info-search>div {
	display: table-cell;
	vertical-align: middle
}

.domain-info .domain-info-search .iconfont {
	font-size: 22px
}

.domain-info .domain-info-search>div:first-child {
	width: 140px
}

.domain-info .domain-info-search>div:last-child {
	padding-right: 20px
}

.domain-info .domain-info-search h3 {
	text-align: center
}

.domain-info .domain-info-search h3 span {
	color: #d50000
}

.domain-info .domain-info-search img {
	height: 100px
}

.domain-info-search .other-zone {
	margin-top: 10px
}

.domain-info-search .other-zone span,.domain-info-search .other-zone b {
	margin-right: 15px
}

.domain-info-search .other-zone span a {
	color: #fff;
	font-size: 18px;
	font-weight: bold
}

.domain-info-search .other-zone .more {
	color: #fff
}

.domain-info-search .other-zone a .iconfont {
	color: #fff
}

.hot-domain-ul li {
	float: left;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	width: 150px
}

.hot-domain-ul li a {
	color: #333
}

.hot-domain-ul li img {
	margin-right: 5px
}

.domain-info .three-ad {
	padding: 120px 0
}

.domain-info .adv-item {
	position: relative
}

.domain-info .adv-item.right {
	padding-right: 600px
}

.domain-info .adv-item.left {
	padding-left: 600px
}

.domain-info .adv-item img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	z-index: 50
}

.domain-info .adv-item .txt {
	position: relative;
	z-index: 60
}

.domain-info .adv-item.right img {
	right: 0
}

.domain-info .adv-item.left img {
	left: 0
}

.domain-info .adv-item h4 {
	font-size: 28px;
	color: #333;
	padding: 20px 0
}

.domain-info .adv-item p {
	font-size: 14px;
	color: #333;
	line-height: 1.7;
	margin-bottom: 25px
}

.domain-info .adv-item.left p {
	padding-right: 80px
}

.domain-info .service-table {
	width: 100%;
	display: table;
	margin: 10px auto 30px
}

.domain-info .service-table>div {
	display: table-cell;
	text-align: center
}

.domain-info .service-table img {
	width: 120px
}

.domain-info .service-table h4 {
	font-size: 22px;
	color: #117fc4
}

.domain-info .service-table p {
	width: 250PX;
	font-size: 18px;
	margin: 10px auto
}

.domain-info .block-title div:empty {
	margin-top: 10px;
	width: 40px
}

@media (max-width:1199px) {
	.domain-info .detail .info .tit,.domain-info .detail .ad {
		padding-bottom: 10px
	}

	.domain-info .detail .price table {
		width: 100%
	}

	.domain-info .detail .price td {
		padding: 5px 10px;
		white-space: nowrap
	}

	.domain-info .three-ad {
		padding: 40px 0
	}

	.adv-item {
		padding: 10px !important
	}

	.adv-item h4 {
		text-align: center !important
	}

	.adv-item p {
		text-align: justify !important;
		padding-left: 80px;
		padding-right: 80px
	}

	.adv-item img {
		position: static !important;
		display: block;
		width: 500px
	}

	.domain-info .service-table h4 {
		font-size: 18px
	}

	.domain-info .service-table p {
		font-size: 16px;
		padding: 0 20px;
		text-align: justify
	}
}

@media (max-width:991px) {
	.domain-info .detail .info,.domain-info .detail>div:first-child {
		padding-right: 0
	}
}

@media (max-width:767px) {
	.domain-info .service-table>div {
		display: table-row
	}

	.service-table>div img {
		padding-top: 20px
	}

	.service-table>div p {
		padding-bottom: 20px
	}

	.domain-info .detail .price td {
		display: block;
		border: none;
		text-align: left;
		padding: 0
	}

	.domain-info .detail .ad {
		max-height: none !important
	}
}

@media (max-width:599px) {
	.domain-info .domain-info-search {
		margin: 10px 0
	}

	.adv-item p {
		padding-left: 30px !important;
		padding-right: 30px !important
	}
}

@media (max-width:519px) {
	.adv-item img {
		width: 100%
	}
}

@media (max-width:419px) {
	.adv-item p {
		padding-left: 0 !important;
		padding-right: 0 !important
	}
}

.study {
	background: url(../image/business-bg.png) no-repeat center;
	background-size: cover;
	color: #fff;
	padding: 30px 0
}

.QNA {
	display: table;
	width: 100%
}

.QNA>div {
	display: table-cell;
	padding: 10px;
	vertical-align: middle
}

.QNA img {
	height: 200px
}

.QNA a {
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1px
}

.QNA a:hover {
	color: #ddd
}

.QNA a:before {
	content: "●";
	padding-right: 5px;
	color: #f58900
}

.study .more {
	float: right;
	color: #fff !important;
	padding-right: 20px
}

.domain .domain-nav {
	background: #f58900;
	color: #fff;
	font-size: 18px
}

.domain .domain-nav .domain-nav-table {
	display: table;
	width: 100%
}

.domain .domain-nav .domain-nav-table {
	display: table;
	width: 100%
}

.domain .domain-nav .domain-nav-table>div {
	display: table-cell;
	padding: 15px 0;
	text-align: center;
	position: relative;
	cursor: pointer
}

.domain .domain-nav .domain-nav-table>div.selected:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 43%;
	margin: auto;
	left: 0;
	bottom: 0;
	right: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #eee;
	content: " "
}

.domain-overseas .domain-nav .domain-nav-table>div.selected:after {
	border-bottom-color: #eee
}

.domain .secondary-nav {
	background: #eee;
	color: #000;
	font-size: 16px
}

.domain .secondary-nav .secondary-nav-table {
	display: table;
	width: 100%
}

.domain .secondary-nav .secondary-nav-table {
	display: table;
	width: 100%
}

.domain .secondary-nav .secondary-nav-table>div {
	display: table-cell;
	padding: 15px 0;
	text-align: center;
	position: relative;
	cursor: pointer
}

.domain .secondary-nav .secondary-nav-table>div.selected:after {
	position: absolute;
	width: 0;
	height: 0;
	left: 43%;
	margin: auto;
	left: 0;
	bottom: 0;
	right: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;
	content: " "
}

.secondary-nav .domain-list {
	padding: 20px 0
}

.domain-newg .banner-newg {
	background: #b9ecff
}

@media (min-width:992px) {
	.domain-newg .banner-newg img {
		width: 100%;
		border: none;
		vertical-align: bottom
	}
}

@media (max-width:991px) {
	.domain-newg .banner-newg .container {
		text-align: center
	}

	.domain-newg .banner-newg img:nth-of-type(1) {
		height: 109px
	}

	.domain-newg .banner-newg img:nth-of-type(2) {
		height: 104px
	}

	.domain-newg .banner-newg img:nth-of-type(3) {
		height: 157px
	}
}

.domain .search-bar {
	height: 122px;
	position: relative
}

.domain .search-bar .container .search-bar-items {
	display: table;
	width: 100%
}

.domain .search-bar .container .search-bar-items>div {
	display: table-cell;
	position: relative;
	height: 122px;
	vertical-align: middle
}

.search-bar-items .search-bar-list-style {
	background: url(../image/lijisousuo.png) center no-repeat;
	width: 150px
}

.domain-newg .search-bar-items .search-bar-list-style {
	background: url(../image/zhaodaoshuyu.png) center no-repeat
}

@media (max-width:992px) {
	.search-bar-items .search-bar-list-style {
		display: none !important
	}
}

.search-bar-items select {
	border: solid 1px #000
}

.search-bar-items .input-search {
	border: #000
}

.search-bar-items .domain-alink {
	text-align: center;
	width: 180px;
	padding-top: 28px
}

.search-bar-items .domain-alink img {
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 40px;
	margin-bottom: 25px;
	float: left
}

.search-bar-items .domain-alink p:nth-of-type(1) {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #fff
}

.search-bar-items .domain-alink p:nth-of-type(2) {
	font-size: 10px;
	color: #fff;
	margin-bottom: 0
}

@media (max-width:768px) {
	.search-bar-items .domain-alink {
		display: none !important
	}
}

.domain .search-bar .bg1 {
	position: absolute;
	top: 0;
	height: 122px;
	width: 100%;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8
}

.domain .search-bar .bg2 {
	position: absolute;
	top: 0;
	height: 122px;
	width: 100%;
	background: url(../image/banner-bg1.png) bottom no-repeat
}

.domain .sell {
	padding-top: 20px;
	padding-bottom: 20px
}

.domain-list {
	margin-bottom: 30px
}

.domain .search-bar-items .hot-links a:hover {
	color: #fff
}

.domain-newg .search-bar {
	height: 122px;
	position: relative
}

.domain-newg .search-bar .container .search-bar-items {
	display: table;
	width: 100%
}

.domain-newg .search-bar .container .search-bar-items>div {
	display: table-cell;
	position: relative;
	height: 122px;
	vertical-align: middle
}

.search-bar-items select {
	border: solid 1px #000
}

.search-bar-items .input-search {
	border: #000
}

.search-bar-items .domain-newg-alink {
	text-align: center;
	width: 180px;
	margin-top: -30px
}

.search-bar-items .domain-newg-alink img {
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 40px;
	float: left
}

.search-bar-items .domain-newg-alink p:nth-of-type(1) {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 16px;
	color: #fff
}

.search-bar-items .domain-newg-alink p:nth-of-type(2) {
	font-size: 10px;
	color: #fff;
	margin-bottom: 0
}

@media (max-width:768px) {
	.search-bar-items .domain-newg-alink {
		display: none !important
	}
}

.domain-newg .input-search select {
	position: absolute;
	top: 1px;
	left: 1px;
	height: 48px;
	border: none;
	outline: medium none;
	border-right: #eee 1px solid;
	padding-left: 10px;
	text-align: center
}

.domain-newg .input-search select option[style] {
	padding-top: 15px !important;
	padding-bottom: 15px !important
}

.domain-newg .input-search .form-control {
	padding-left: 120px;
	border-color: #000
}

@media (max-width:768px) {
	.domain-newg .input-search .form-control {
		padding-left: 100px
	}
}

.domain-newg .search-bar .bg1 {
	position: absolute;
	top: 0;
	height: 122px;
	width: 100%;
	background: #000;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8
}

.domain-newg .search-bar .bg2 {
	position: absolute;
	top: 0;
	height: 122px;
	width: 100%;
	background: url(../image/search-bg.jpg) bottom
}

.domain-newg .sell {
	padding-top: 20px;
	padding-bottom: 20px
}

.domain-newg-list {
	margin-bottom: 30px
}

.domain-newg .input-search .hot-links a {
	color: #ccc
}

.domain-newg .search-bar-items .hot-links a:hover {
	color: #fff
}

.domain-newg .apply {
	display: table;
	width: 100%;
	margin-bottom: 50px
}

.domain-newg .apply .iconfont {
	font-size: 32px
}

.domain-newg .apply .diamond-icon {
	width: 100%;
	text-align: center;
	vertical-align: middle
}

.domain-newg .apply>div {
	margin: 0 auto
}

.domain-newg .apply-tag {
	display: table-cell;
	padding: 20px
}

.domain-newg .apply-tag .h4 {
	padding: 10px 0
}

.domain-newg .apply-tag .txt {
	color: #aaa
}

.domain-newg .diamond-icon i {
	display: block;
	height: 60px;
	width: 60px;
	padding: 3px;
	margin: 10px auto;
	border-radius: 50% !important;
	background-color: #fff
}

.domain-newg .diamond-icon .purple {
	color: #545197
}

.domain-newg .diamond-icon .green {
	color: #8ebc3a
}

.domain-newg .diamond-icon .mintred {
	color: #ef564a
}

.domain-newg .diamond-icon .blue {
	color: #4d85b8
}

.domain-newg .diamond-icon .orange {
	color: #f6ad3c
}

.domain-newg .recom {
	margin: 40px 0
}

.domain-newg .recom .zone-img {
	max-height: 80px
}

.domain-newg .recom .zone-name {
	display: block;
	padding: 10px 0 30px;
	white-space: nowrap
}

.domain-newg .recom p {
	background: url(../image/slash.jpg) no-repeat left;
	height: 45px;
	clear: both;
	border-bottom: 1px solid #eee
}

.domain-newg .recom p span {
	display: block;
	font: 16px "微软雅黑";
	font-weight: bolder;
	padding-left: 25px;
	padding-top: 8px
}

.domain-newg .recom ul {
	margin-top: 15px;
	height: auto
}

.domain-newg .recom ul li {
	display: inline-block;
	list-style-type: none;
	margin-left: 30px;
	width: 190px
}

.domain-newg .recom ul li a {
	text-decoration: none;
	color: #000;
	font: 12px "微软雅黑"
}

@media (max-width:714px) {
	.domain-newg .recom .zone-img {
		max-height: 60px
	}

	.domain-newg .recom ul li {
		width: 150px
	}
}

@media (max-width:594px) {
	.domain-newg .recom .zone-img {
		max-height: 40px
	}

	.domain-newg .recom ul li {
		width: 120px
	}
}

.tri-white:after {
	border-bottom-color: #fff !important
}

.domain-nav-table a {
	color: #fff
}

.domain .quickFilter {
	margin-top: 20px;
	margin-left: 6px
}

@media (max-width:450px) {
	.domain-nav-table a {
		font-size: 14px
	}

	.domain .domain-nav .domain-nav-table>div {
		padding: 8px 0
	}

	.domain .domain-nav .domain-nav-table>div.selected:after {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #eee
	}
}

.newg-qa {
	padding: 40px 0
}

.newg-qa li>div {
	padding: 15px 15px 15px 30px
}

.newg-qa .txt1 {
	font-weight: bold;
	font-size: 20px;
	position: relative
}

.newg-qa .txt1:before {
	position: absolute;
	left: -35px;
	top: -10px;
	font-family: "iconfont" !important;
	font-size: 30px;
	font-weight: normal;
	color: #f58900;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	content: "\e697"
}

.newg-qa .txt2 {
	color: #ee4136
}

.domain-newg .panel-catalog {
	margin: 6px
}

.domain-newg .panel-catalog .panel-heading {
	text-align: left;
	font-size: 18px
}

.domain-newg .panel-catalog .panel-heading .iconfont {
	color: #666;
	margin-right: 5px;
	font-size: 20px
}

.catalog .cata-right .zone-table {
	display: table;
	width: 95%
}

.catalog .cata-right .zone-item {
	border-bottom: #ddd dashed 1px;
	display: table-row
}

.catalog .cata-right .zone-item>div {
	display: table-cell;
	text-align: left;
	padding: 5px 0;
	vertical-align: middle
}

.catalog .cata-right .zone-item input {
	margin-right: 5px
}

.catalog .cata-right .zone-item .green-color {
	color: green
}

.catalog .cata-right .zone-item .red-color {
	color: #c00
}

.domain-brand .banner-brand {
	background: url(../image/PinPaiBaoHuBanner.png) center no-repeat;
	background-color: #d0f3fe;
	height: 315px
}

.domain-brand .domain-nav .domain-nav-table>div.selected:after {
	border-bottom: 15px solid #fff
}

.domain-brand .question {
	background: url(../image/slash.jpg) no-repeat left;
	height: 45px;
	clear: both;
	border-bottom: 1px solid #eee
}

.domain-brand .question span {
	display: block;
	font: 16px "微软雅黑";
	font-weight: bolder;
	padding-left: 25px;
	padding-top: 8px
}

.domain-brand .explain {
	padding: 40px 0
}

.domain-brand .why-pro {
	display: table
}

.domain-brand .why-pro>div {
	display: table-cell;
	width: 33%;
	padding: 0 20px
}

.domain-brand .why-pro>div .title {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	text-align: center
}

.domain-brand .why-pro>div .exg .iconfont {
	color: #c00
}

.domain-brand .why-pro .has-img {
	text-align: center;
	margin: 30px 0 20px
}

.domain-brand .why-pro>div .txt .iconfont {
	padding-right: 5px;
	color: #c00
}

.domain-brand .what-pro {
	margin-bottom: 40px
}

.domain-brand .how-we-do {
	margin-bottom: 50px
}

.domain-brand .how-we-do>div {
	display: table
}

.domain-brand .how-we-do>div:nth-of-type(1) .color {
	color: #103c4c
}

.domain-brand .how-we-do>div:nth-of-type(2) .color {
	color: #8c5a19
}

.domain-brand .how-we-do>div:nth-of-type(3) .color {
	color: #205359
}

.domain-brand .has-border {
	border-bottom: 1px dashed #ddd
}

.domain-brand .how-we-do .txt,.domain-brand .how-we-do .has-img {
	display: table-cell
}

.domain-brand .how-we-do .has-img {
	padding: 20px;
	vertical-align: middle
}

.domain-brand .how-we-do .txt {
	padding: 20px 30px;
	vertical-align: top
}

.domain-brand .how-we-do .txt h4 {
	font-size: 24px
}

.domain-brand .how-we-do .txt h5 {
	font-size: 16px;
	font-weight: bold
}

.domain-brand .how-we-do .txt span {
	font-weight: bold
}

.domain-brand .intro {
	border-bottom: #aaa dashed 1px
}

.domain-brand .intro .title {
	font-size: 18px;
	font-weight: bold
}

.domain-brand .adv {
	display: table
}

.domain-brand .adv>div {
	display: table-cell;
	padding: 20px 40px 20px 0;
	text-align: center
}

.domain-brand .adv .title {
	font-size: 18px;
	font-weight: bold
}

.domain-brand .rounded-icon {
	background: #fff
}

.domain-brand .partners {
	display: table
}

.domain-brand .partners .partner {
	display: table-row;
	border: 1px #ddd solid
}

.domain-brand .partners .partner>div {
	display: table-cell;
	padding: 20px;
	vertical-align: middle;
	border-bottom: 1px #ddd dashed
}

.domain-brand .partners .partner:last-child>div {
	border-bottom: none
}

.domain-brand .partners .partner h4 {
	font-weight: bold
}

.domain-brand .partners .partner img {
	width: 180px
}

.QNA-newg-wrap .intro .QNA-newg,.QNA-transfer-wrap .intro .QNA-transfer {
	display: block !important
}

.QNA-newg-wrap .intro .QNA-default,.QNA-transfer-wrap .intro .QNA-default {
	display: none !important
}

.domain .banner-slide {
	height: 400px !important
}

.domain .banner-slide .domain-banner-btn {
	display: table;
	margin: auto;
	padding: 3px;
	border-radius: 46px;
	border: 1px solid #fff;
	margin-top: 320px
}

.domain .banner-slide .domain-banner-btn a {
	width: auto;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	background: linear-gradient(to left, #0037be, #3583f8)
}

.domain .banner {
	height: 450px
}

.domain .flex-control-nav {
	bottom: 0 !important
}

.domain .domain-search-bg {
	padding: 20px;
	background-color: #f5f6f8
}

.domain .domain-search-bg .form-control {
	margin-top: 0 !important;
	margin-bottom: 10px
}

.domain .domain-search-bg .myTagDiv .pagerCss li {
	background-color: transparent
}

.domain .domain-search-items {
	padding: 6px
}

.domain .domain-search-items .slogan {
	text-align: center;
	padding: 30px 10px 16px;
	color: #333
}

.domain .domain-search-items .slogan h2 {
	font-size: 30px
}

.domain .domain-search-items .slogan .color-point {
	padding-left: 5px;
	padding-right: 5px;
	color: #ff0000
}

.domain .domain-search-items .slogan .service-links a {
	color: #999;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px
}

.domain .domain-search-items .slogan .service-links a:hover {
	color: #337ab7
}

.domain .domain-search-items .operate {
	background: #dcecf8;
	padding: 20px
}

.domain .domain-search-items .operate .input-search {
	clear: both
}

.domain .domain-search-items .operate .input-search .btn-search {
	display: table-cell;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: auto
}

.domain .domain-search-items .operate .input-search .btn-search span {
	font-size: 18px;
	letter-spacing: 3px;
	padding-left: 5px;
	font-weight: bold
}

.domain .domain-search-items .operate .input-search .btn-search img {
	line-height: 20px;
	padding-right: 3px;
	vertical-align: middle
}

@media screen and (max-width:480px) {
	.domain .domain-search-items .operate .input-search .btn-search {
		padding: 0 12px
	}

	.domain .domain-search-items .operate .input-search .btn-search span {
		display: none
	}

	.domain .domain-search-items .operate .input-search .btn-search img {
		padding-right: 0
	}
}

.domain .domain-search-items .operate .input-search .form-control {
	border-color: transparent !important;
	box-shadow: 0 0 10px #a1cdf1;
	padding-left: 120px;
	padding-right: 160px
}

@media screen and (max-width:768px) {
	.domain .domain-search-items .operate .input-search .form-control {
		padding-left: 10px
	}
}

@media screen and (max-width:480px) {
	.domain .domain-search-items .operate .input-search .form-control {
		padding-right: 60px
	}
}

.domain .domain-search-items .operate .input-search .www {
	position: absolute;
	display: block;
	top: 5px;
	left: 1px;
	height: 40px;
	width: 97px;
	border: none;
	outline: medium none;
	border-right: #eee 1px solid;
	padding-left: 10px;
	text-align: center;
	background: url(../image/www.png) no-repeat center
}

@media screen and (max-width:768px) {
	.domain .domain-search-items .operate .input-search .www {
		display: none
	}
}

.domain .domain-search-items .operate .more-links {
	margin-top: 4px;
	margin-bottom: -6px;
	overflow: hidden
}

.domain .domain-search-items .operate .more-links label {
	padding-right: 20px;
	margin-bottom: 0
}

.domain .domain-search-items .operate .more-links a {
	font: bold 18px "Source Sans Pro Black";
	color: #0067b2;
	font-weight: bold
}

@media screen and (max-width:480px) {
	.domain .domain-search-items .operate .more-links {
		display: none
	}
}

.domain .domain-search-items .operate-domain {
	background: transparent;
	padding: 0
}

.domain .domain-search-items .operate-domain .input-search .btn-search {
	height: 58px;
	line-height: 58px
}

.domain .domain-search-items .operate-domain .input-search .form-control {
	border-color: #f58900 !important;
	box-shadow: unset;
	padding-left: 20px;
	height: 58px !important;
	line-height: 58px;
	margin-top: 50px
}

.domain .reg-guide {
	padding: 50px 0 40px
}

.domain .reg-guide .guide-list {
	width: 100%;
	margin: 40px 0
}

.domain .reg-guide td {
	font-size: 18px;
	position: relative
}

.domain .reg-guide td:first-child {
	text-align: left
}

.domain .reg-guide td:last-child {
	text-align: right
}

.domain .reg-guide .line {
	height: 1px;
	width: 50px;
	background: #d2d2d2
}

.domain .reg-guide span {
	position: relative;
	color: #0067b2;
	height: 25px;
	width: 25px;
	border-radius: 25px;
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	font-style: normal;
	border: 2px solid #0067b2;
	margin-right: 5px
}

.domain .reg-guide .btn {
	padding: 0 60px;
	height: 46px;
	line-height: 46px
}

.domain .domain-list .zone-nav {
	width: 100%;
	padding: 20px 6px 0
}

.domain .domain-list .zone-nav .one-row {
	width: 100%;
	background: #e3e7eb;
	border-bottom: #f58900 2px solid;
	margin-bottom: 20px
}

.domain .domain-list .zone-nav .one-row>div {
	display: table-cell;
	font-size: 16px;
	padding: 8px 0;
	border-top: #dedede 1px solid;
	text-align: center;
	white-space: nowrap;
	position: relative
}

.domain .domain-list .zone-nav .one-row>div.selected {
	background: #f58900;
	color: #fff
}

.domain .domain-list .zone-nav .one-row>div.selected:before {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -20px;
	height: 0;
	width: 0;
	border: 10px transparent solid;
	border-top-color: #f58900
}

.domain .domain-list .zone-nav .one-row>div>span:hover {
	cursor: pointer
}

.domain .domain-list .zone-nav .one-row>div.zone-search {
	text-align: right;
	padding-right: 8px
}

.domain .domain-list .zone-nav .one-row>div.zone-search .quickFilter {
	margin: auto !important;
	margin-right: 0 !important;
	width: 291px;
	width: 100%
}

.domain .domain-list .zone-nav .one-row>div.zone-search .quickFilter .quickFilterInput {
	width: 100%;
	border: none
}

.domain .domain-list .quickFilterInput {
	background: url(../image/magnifier2.png) 7px 7px no-repeat,#fff !important
}

.domain .intro {
	background: #f5f6f8;
	padding-top: 30px;
	padding-bottom: 30px
}

.domain .intro .intro-nav {
	margin-bottom: 20px
}

.domain .intro .intro-nav .item {
	position: relative;
	display: inline-block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	width: 250px;
	margin-right: 20px;
	font-size: 20px;
	cursor: pointer
}

.domain .intro .intro-nav .item.selected {
	background: #0c59db;
	color: #fff
}

.domain .intro .intro-nav .item.selected:before {
	position: absolute;
	margin: auto;
	bottom: -25px;
	left: 0;
	right: 0;
	font-family: "iconfont" !important;
	font-size: 24px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	color: #0c59db;
	content: "\e6b3"
}

.domain .intro .content {
	display: none;
	background: #fff;
	padding: 20px
}

.domain .intro .content .block-title {
	margin-top: 0
}

.domain .intro .content .adds {
	display: table;
	margin: 10px auto 30px
}

.domain .intro .content .adds>div {
	display: table-row
}

.domain .intro .content .adds>div:first-child>div {
	border-bottom: 1px #e5e5e5 solid;
	padding-bottom: 20px
}

.domain .intro .content .adds>div:last-child>div {
	padding-top: 20px
}

.domain .intro .content .adds>div>div {
	display: table-cell;
	margin-bottom: 20px;
	text-align: left;
	width: 33.3333%
}

.domain .intro .content .adds>div>div:not(:first-child) {
	padding-left: 20px
}

.domain .intro .content .adds>div>div:not(:last-child) {
	border-right: 1px #e5e5e5 solid;
	padding-right: 20px
}

.domain .intro .content .adds>div>div p {
	font-size: 18px;
	color: #333
}

.domain .intro .content .adds>div>div ol {
	padding-left: 0 !important;
	font-size: 14px;
	color: #999;
	margin-bottom: 0
}

@media screen and (max-width:768px) {
	.domain .intro .content .adds {
		display: block
	}

	.domain .intro .content .adds>div {
		display: block
	}

	.domain .intro .content .adds>div>div {
		display: block;
		width: 100%;
		padding: 20px 0 !important;
		border: none !important;
		text-align: center
	}
}

.domain .intro .content .nic-table {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px
}

.domain .intro .content .nic-table>div {
	display: table-row;
	height: 70px
}

.domain .intro .content .nic-table>div>div {
	display: table-cell;
	width: 205px;
	height: 78px;
	border: 1px solid #D3D4D4;
	background: #FFFFFF;
	text-align: center;
	overflow: hidden;
	position: relative
}

.domain .intro .content .nic-table>div>div>img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.domain .intro .content .QNA p:first-child {
	font-size: 16px;
	font-weight: bold
}

.domain .intro .content .QNA p:first-child:before {
	content: "";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	content: "\e6b1";
	display: inline-block;
	color: #f58900;
	margin-right: 5px;
	margin-bottom: 3px;
	font-weight: normal !important
}

.domain .intro .content .QNA p strong {
	margin-top: 5px
}

.domain .intro .content .QNA p strong:before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	background-color: #f58900;
	margin-right: 5px;
	margin-bottom: 3px
}

.domain .intro .content.show {
	display: block
}

.domain .intro .QNA-newg,.domain .intro .QNA-transfer {
	display: none
}

@media (max-width:991px) {
	.domain .domain-list .zone-nav .continenttab>span>span:last-child {
		display: none
	}
}

@media (max-width:367px) {
	.domain .domain-list .zone-nav .continenttab>span>span {
		display: none
	}
}

.domain #zone-search-app-position+.zone-search {
	width: 100%;
	margin-bottom: 4px
}

.domain #zone-search-app-position+.zone-search .quickFilter {
	margin: 0 6px
}

.domain #zone-search-app-position+.zone-search .quickFilter input {
	width: 100%
}

.domain .continentdomain ul {
	margin: 0 3px
}

.domain .country-box {
	width: 372px;
	height: 125px;
	border: 1px solid #CFCFCF;
	margin: 0 3px 6px 3px;
	padding: 0;
	list-style-type: none;
	float: left
}

@media (max-width:1200px) {
	.domain .country-box {
		width: 305.333px
	}
}

@media (max-width:992px) {
	.domain .country-box {
		width: 351px
	}
}

@media (max-width:767px) {
	.domain .continentdomain ul {
		margin-right: 9px
	}

	.domain .country-box {
		width: 100%;
		height: auto
	}
}

.domain .chaxunlb1 {
	height: 30px;
	width: 90%;
	color: #333
}

.domain .chaxunlb1 .chaxunlb1_left {
	float: left
}

.domain .chaxunlb1 img {
	margin-left: 10px;
	margin-top: 11px;
	vertical-align: baseline
}

.domain .country-logo {
	width: 16px
}

.domain .chaxunlb1 .chaxunlb1_right {
	float: right
}

.domain .spanChkAll {
	float: right;
	margin-top: 6px
}

.domain .chaxunlb-line {
	height: 1px;
	width: 94%;
	text-align: center;
	background-color: #EFEFEF;
	margin-left: auto;
	margin-right: auto
}

.domain .chaxunlb2 ul {
	float: left;
	margin-left: 15px;
	height: auto
}

.domain .chaxunlb2 ul li {
	list-style-type: none;
	width: 98px;
	float: left;
	margin-top: 10px
}

.domain .chaxunlb2 {
	height: 70px;
	width: 335px;
	overflow: hidden
}

@media (max-width:767px) {
	.domain .chaxunlb2 {
		width: 100%;
		height: auto
	}

	.domain .chaxunlb2 ul+div {
		clear: both
	}

	.domain .chaxunlb2 ul {
		margin-bottom: 8px
	}

	.domain .chaxunlb2 ul li {
		margin-top: 4px
	}
}

.domain.domain-info .breadcrumb {
	background: #f5f6f8;
	margin: 15px 0 !important;
	clear: both
}

.domain.domain-info .sp-card {
	height: 100px
}

.domain.domain-newg .block-title {
	margin: 10px auto 30px
}

.domain.domain-newg .block-title div:first-child {
	font-size: 30px;
	color: #333;
	padding-bottom: 10px
}

.domain.domain-newg .catalog {
	display: table !important;
	width: 100%;
	border-collapse: collapse;
	border: none;
	margin: 0;
	padding: 0
}

.domain.domain-newg .catalog .cata-left {
	display: table-cell;
	padding: 20px;
	width: 20%;
	background-color: #f5f6f8
}

.domain.domain-newg .catalog .cata-left input {
	margin-right: 5px
}

.domain.domain-newg .catalog .cata-left .cata-item {
	padding: 5px 0
}

.domain.domain-newg .catalog .cata-left .cata-item a {
	color: #666
}

@media screen and (max-width:992px) {
	.domain.domain-newg .catalog .cata-left .cata-item {
		display: inline-block;
		width: 160px
	}
}

.domain.domain-newg .catalog .cata-right {
	display: table-cell;
	padding: 20px;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden
}

.domain.domain-newg .catalog .cata-right::after {
	content: "";
	clear: both
}

@media screen and (max-width:992px) {
	.domain.domain-newg .catalog>div {
		display: block !important;
		width: 100% !important
	}
}

.domain.domain-newg section.presale {
	background: url(../image/presale-bg.png) no-repeat center;
	background-size: cover
}

.domain.domain-newg section.presale .presale-table table {
	width: 100%
}

.domain.domain-newg section.presale .presale-table table th {
	color: #fff;
	background: #5e6f7b;
	padding: 12px
}

.domain.domain-newg section.presale .presale-table table th:first-child {
	padding-left: 60px
}

.domain.domain-newg section.presale .presale-table table td {
	border-bottom: #ddd solid 1px;
	padding: 12px
}

.domain.domain-newg section.presale .presale-table table td:first-child {
	padding-left: 60px
}

.domain.domain-newg section.presale .presale-table table td span {
	color: #fff;
	background: #ddd;
	padding: 4px 10px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 12px
}

.domain.domain-newg section.presale .presale-table table td span.yellow {
	background: #f4a046
}

.domain.domain-newg section.presale .presale-table table td span.blue {
	background: #649fe8
}

.domain.domain-newg section.presale .presale-table table td span.red {
	background: #f5607c
}

.domain.domain-newg section.presale .presale-table table td span.green {
	background: #6cc068
}

.domain.domain-newg section.presale .presale-table table tr:hover td {
	background: #e3ecf2
}

.domain.domain-newg section.presale .presale-table table tr:nth-child(odd) {
	background: #fff
}

.domain.domain-newg section.presale .presale-table table tr:nth-child(even) {
	background: #f6f6f6
}

@media screen and (max-width:768px) {
	.domain.domain-newg section.presale .presale-table table th,.domain.domain-newg section.presale .presale-table table td {
		padding: 10px !important
	}
}

.domain.domain-newg section.introduce .introduce-table {
	margin: 0 -16px
}

.domain.domain-newg section.introduce .introduce-table .one-row {
	border-collapse: separate;
	border-spacing: 16px
}

.domain.domain-newg section.introduce .introduce-table .one-row>div {
	background: #fff;
	width: 33.3333%
}

.domain.domain-newg section.introduce .introduce-table .one-row>div p {
	text-align: center;
	padding: 16px 30px
}

.domain.domain-newg section.introduce .introduce-table .one-row>div p.tit {
	color: #fff;
	text-align: center;
	height: 100px;
	font-size: 20px;
	padding: 0;
	line-height: 100px;
	background: -webkit-linear-gradient(90deg, #f58900, #8ec3eb);
	background: -o-linear-gradient(90deg, #f58900, #8ec3eb);
	background: -moz-linear-gradient(90deg, #f58900, #8ec3eb);
	background: linear-gradient(90deg, #f58900, #8ec3eb)
}

.domain.domain-newg section.introduce .introduce-table .one-row>div table {
	margin: 16px auto
}

@media screen and (max-width:768px) {
	.domain.domain-newg section.introduce .introduce-table {
		margin: 0
	}

	.domain.domain-newg section.introduce .introduce-table .one-row {
		display: block
	}

	.domain.domain-newg section.introduce .introduce-table .one-row>div {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		padding-bottom: 2px
	}

	.domain.domain-newg section.introduce .introduce-table .one-row>div p.tit {
		height: 60px;
		line-height: 60px
	}
}

.domain.domain-newg section.revolution {
	background: url(../image/revolution-bg.png) no-repeat center;
	background-size: cover
}

.domain.domain-newg section.revolution .block-title div:first-child {
	color: #fff
}

.domain.domain-newg section.revolution center img {
	max-width: 100%;
	padding: 20px 0
}

.domain .expert {
	padding: 30px 0 50px;
	background: linear-gradient(to left, #d9eaff, #f1f9ff);
	border-top: 2px solid #ffb661;
	text-align: center
}

.domain .expert h2,.domain .expert h3,.domain .expert p {
	text-align: center
}

.domain .expert h2 {
	font-size: 30px;
	color: #333
}

.domain .expert h3 {
	font-size: 18px;
	color: #333
}

.domain .expert p {
	font-size: 14px;
	margin: 30px 0 20px
}

.domain .expert .btn {
	border-radius: 15px
}

.agent .banner {
	height: 315px
}

.agent section>h1 {
	color: #333;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px
}

.agent .trade-banner .banner-txt {
	text-align: center
}

.agent .trade-banner .action {
	position: relative;
	padding: 10px 40px;
	background-color: #fff;
	border-radius: 20px;
	color: #223cdd;
	font-size: 18px;
	line-height: 600px;
	z-index: 10;
	transition: all .5s ease
}

@keyframes circle-wave {
	0% {
		opacity: 1;
		transform: scale(0)
	}

	100% {
		opacity: 0;
		transform: scale(1)
	}
}

.agent .trade-banner .action:hover {
	color: #fff;
	background-color: #0070f8;
	letter-spacing: 3px;
	padding: 10px 50px;
	transition: all .5s ease
}

.agent .trade-banner .action:hover::before {
	content: "";
	background: #ffffff;
	animation: circle-wave 1s;
	top: -15px;
	left: -20px;
	width: 235px;
	height: 70px;
	position: absolute;
	border-radius: 20px;
	opacity: 0
}

.agent section.intro {
	padding: 70px 0;
	border-bottom: 1px solid #dcdcdc
}

.agent section.intro .quote {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	margin: auto;
	max-width: 620px;
	text-align: center;
	font-size: 18px;
	line-height: 30px
}

.agent section.intro .quote .temp {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 23px
}

.agent section.intro .quote::before {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 23px;
	background: url(../image/“.png) center no-repeat;
	top: 0;
	left: 0
}

.agent section.intro .quote::after {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 23px;
	background: url(../image/”.png) center no-repeat;
	bottom: 0;
	right: 0
}

.agent section.commercialvalue .one-row>div {
	width: 50%;
	vertical-align: middle
}

.agent section.commercialvalue .text hr {
	border-top: 1px dashed #eee
}

.agent section.commercialvalue .text p {
	display: table;
	margin: auto 0;
	color: #333;
	line-height: 40px;
	font-size: 18px
}

@media screen and (max-width:992px) {
	.agent section.commercialvalue .one-row {
		display: block
	}

	.agent section.commercialvalue .one-row>div {
		display: block;
		width: 100%;
		text-align: center
	}
}

.agent section.top100 {
	background: url(../image/agent30.jpg) center no-repeat;
	background-size: 100% 100%;
	min-height: 391px
}

.agent section.top100 h1 {
	color: #fff
}

.agent section.top100 .row p {
	padding: 20px;
	background: #fff;
	color: #0e76d6;
	border-radius: 4px
}

.agent section.top100 .col-md-3 {
	width: 20%
}

.agent section.top100 .col-md-3 p:hover {
	background: #228ae3;
	color: #fff;
	transition: all ease .5s
}

.agent section.top100 .more-data {
	text-align: center;
	margin-top: 50px
}

.agent section.top100 .more-data a {
	color: #fff
}

@media screen and (max-width:1200px) {
	.agent section.top100 .row p {
		padding: 20px 10px
	}
}

@media screen and (max-width:992px) {
	.agent section.top100 .col-md-3 {
		width: 50%
	}
}

@media screen and (max-width:768px) {
	.agent section.top100 .col-md-3 {
		width: 100%
	}
}

.agent section.service {
	background-color: #f0f5f9
}

.agent section.service .service-table {
	margin: -50px
}

.agent section.service .service-table .one-row {
	border-collapse: separate;
	border-spacing: 50px
}

.agent section.service .service-table .one-row>div {
	background-color: #fff;
	text-align: center;
	padding: 40px 30px 20px;
	width: 25%
}

.agent section.service .service-table .one-row>div h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333
}

.agent section.service .service-table .one-row>div p {
	color: #999;
	line-height: 28px
}

.agent section.service .service-table .service-ul {
	margin-top: 20px
}

.agent section.service .service-table .service-ul li {
	text-align: left;
	margin: 5px auto;
	list-style: disc !important;
	width: 100px
}

@media screen and (max-width:1200px) {
	.agent section.service .service-table {
		margin: -10px
	}

	.agent section.service .service-table .one-row {
		border-spacing: 10px
	}
}

@media screen and (max-width:768px) {
	.agent section.service .service-table {
		margin: 0
	}

	.agent section.service .service-table .one-row {
		display: block
	}

	.agent section.service .service-table .one-row>div {
		display: block;
		margin-bottom: 20px;
		width: 50%;
		float: left;
		padding: 20px
	}
}

.agent section.difficulty {
	background: url(../image/agent05.png) no-repeat top center
}

.agent section.difficulty>h1 {
	color: #fff
}

.agent section.difficulty .wrap {
	position: relative;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 0 16px rgba(0,0,0,0.14)
}

.agent section.difficulty .wrap .temp {
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	background: #fff
}

.agent section.difficulty .wrap::before {
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 2;
	width: 40px;
	height: 20px;
	bottom: 0
}

.agent section.difficulty .wrap::after {
	content: "";
	position: absolute;
	display: block;
	margin: auto;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 1;
	width: 22px;
	height: 22px;
	box-shadow: 0 0 16px rgba(0,0,0,0.14);
	bottom: -11px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}

.agent section.difficulty .wrap .difficulty-table {
	position: relative;
	padding: 50px 30px
}

.agent section.difficulty .wrap .difficulty-table .one-row {
	background: #fff
}

.agent section.difficulty .wrap .difficulty-table .one-row>div {
	text-align: center
}

@media screen and (max-width:992px) {
	.agent section.difficulty .difficulty-table .one-row>div img {
		width: 150px
	}
}

@media screen and (max-width:768px) {
	.agent section.difficulty .difficulty-table {
		margin: 0
	}

	.agent section.difficulty .difficulty-table .one-row {
		display: block
	}

	.agent section.difficulty .difficulty-table .one-row>div {
		display: inline-block;
		margin-bottom: 20px;
		width: 49%
	}

	.agent section.difficulty .difficulty-table .one-row>div img {
		width: 170px;
		max-width: 90%
	}
}

.agent section.advantage .advantage-table .one-row>div {
	vertical-align: top
}

.agent section.advantage .advantage-table .one-row>div.has-img {
	position: relative;
	width: 46%;
	overflow: hidden
}

.agent section.advantage .advantage-table .one-row>div.has-img img {
	position: absolute;
	display: block;
	height: 100%;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto
}

.agent section.advantage .advantage-table .one-row>div.has-table {
	padding-left: 20px
}

.agent section.advantage .advantage-table .one-row>div.has-table table td {
	vertical-align: top
}

.agent section.advantage .advantage-table .one-row>div.has-table table td h3 {
	margin-top: 10px;
	font-size: 18px;
	color: #333
}

.agent section.advantage .advantage-table .one-row>div.has-table table td p {
	text-align: justify;
	color: #999
}

.agent section.advantage .advantage-table .one-row>div.has-table table tr:last-child td p {
	margin-bottom: 0
}

@media screen and (max-width:992px) {
	.agent section.advantage .advantage-table {
		margin-left: -10px
	}

	.agent section.advantage .advantage-table .one-row>div.has-img {
		display: none
	}

	.agent section.advantage .advantage-table .one-row>div.has-table {
		padding-left: 0
	}
}

.agent section.advantage .tips {
	border: #f1d1b7 dashed 1px;
	margin-top: 38px;
	padding: 10px
}

.agent section.advantage .tips h5 {
	color: #ff7200;
	margin-top: 0;
	margin-bottom: 6px
}

.agent section.advantage .tips p {
	margin-bottom: 0
}

.agent section.process {
	padding-top: 0
}

.agent section.process .container {
	text-align: center
}

.agent section.process .container .process-table .one-row {
	margin: 10px auto
}

.agent section.process .container .process-table .one-row>div {
	text-align: left;
	padding-right: 10px
}

.agent section.process .container .process-table .one-row>div img {
	max-width: 100%
}

@media screen and (max-width:620px) {
	.agent section.process .container .process-table .one-row {
		width: 100% !important;
		margin: 0;
		display: block
	}

	.agent section.process .container .process-table .one-row>div {
		display: inline-block;
		width: 49%;
		margin-bottom: 10px
	}

	.agent section.process .container .process-table .one-row:last-child>div:last-child {
		float: left
	}
}

.agent section.submit {
	padding-top: 40px;
	padding-bottom: 40px;
	background: url(../image/agent23.png) no-repeat center;
	background-size: cover
}

.agent section.submit .container>h2 {
	color: #fff;
	text-align: left;
	margin-top: 0
}

.agent section.submit .container>p {
	color: #fff;
	margin: 20px 0 35px;
	font-size: 18px
}

.agent section.submit .container .submit-table>.one-row>div {
	vertical-align: top
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row {
	overflow: hidden
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div {
	position: relative;
	box-shadow: 0 0 16px rgba(0,0,0,0.14)
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div:nth-of-type(1) {
	z-index: 4
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div:nth-of-type(2) {
	z-index: 3
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div:nth-of-type(3) {
	z-index: 2
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div:nth-of-type(4) {
	z-index: 1
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div input {
	border: none;
	outline: none;
	box-shadow: none;
	line-height: 42px;
	height: 42px;
	font-size: 14px;
	padding-right: 45px
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div input:focus {
	box-shadow: none
}

.agent section.submit .container .submit-table>.one-row .forms>.one-row>div img {
	position: absolute;
	right: 10px;
	top: 8px
}

.agent section.submit .container .submit-table>.one-row .btns {
	width: 180px;
	padding-left: 10px
}

.agent section.submit .container .submit-table>.one-row .btns .btn {
	height: 42px;
	line-height: 42px;
	background: #ff8d39;
	border-color: #ff8d39;
	font-size: 16px
}

.agent section.submit .container .submit-table>.one-row .btns .btn:hover {
	background: #ff9e56;
	border-color: #ff9e56
}

.agent section.submit .container .submit-table .protocol {
	text-align: right;
	color: #fff;
	padding-top: 10px
}

@media screen and (max-width:992px) {
	.agent section.submit .container .submit-table>.one-row .btns {
		width: 100px;
		padding-left: 10px
	}
}

@media screen and (max-width:768px) {
	.agent section.submit .container .submit-table>.one-row {
		display: block
	}

	.agent section.submit .container .submit-table>.one-row .forms {
		display: block
	}

	.agent section.submit .container .submit-table>.one-row .forms>.one-row {
		display: block
	}

	.agent section.submit .container .submit-table>.one-row .forms>.one-row>div {
		display: block;
		margin-bottom: 10px
	}

	.agent section.submit .container .submit-table>.one-row .btns {
		display: block;
		width: 100%;
		padding-left: 0
	}

	.agent section.submit .container .submit-table .protocol {
		text-align: center
	}
}

.agent section.agent-qna {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f0f5f9
}

.agent section.agent-qna .container>h2 {
	font-size: 30px;
	color: #333;
	margin-top: 0
}

.agent section.agent-qna .one-row>div {
	width: 50%
}

.agent section.agent-qna .one-row>div:first-child {
	border-right: 1px solid #bfbfbf
}

.agent section.agent-qna .one-row>div:last-child {
	padding-left: 40px
}

.agent section.agent-qna .qna-list {
	list-style: none;
	padding-left: 0
}

.agent section.agent-qna .qna-list li {
	display: list-item;
	width: 33.3%;
	float: left;
	min-height: 40px;
	padding: 10px 0
}

.agent section.agent-qna .qna-list li a {
	color: #666
}

.agent section.agent-qna .qna-list li a:hover {
	color: #0e76d6
}

.agent section.agent-qna .qna-list li a:hover::after {
	content: ">"
}

@media screen and (max-width:768px) {
	.agent section.agent-qna .qna-list li {
		width: 100%
	}

	.agent section.agent-qna .qna-list li:nth-of-type(odd) {
		margin-right: 0
	}
}

.agent .trade-price-list {
	margin-bottom: 200px
}

.agent .trade-price-list .title {
	color: #fff;
	background: linear-gradient(to right, #67aee2, #fff);
	padding: 5px 20px;
	font-size: 16px;
	margin: 10px 0
}

.agent .trade-price-list .list .item {
	padding: 10px 0;
	border-bottom: 1px dashed #a0a0a0
}

.agent .trade-price-list .list p {
	font-size: 16px;
	padding: 5px 0
}

.agent .trade-price-list .list p:hover {
	cursor: pointer;
	color: #2166ea
}

.agent .trade-price-list .list p::before {
	content: "";
	height: 5px;
	display: inline-block;
	width: 5px;
	margin-right: 10px;
	margin-bottom: 3px;
	border-radius: 5px;
	background: #a0a0a0
}

@media screen and (max-width:768px) {
	.agent section.commercialvalue {
		display: none
	}

	.agent section>h1 {
		margin-bottom: 20px
	}
}

.domain-search .loading {
	margin-left: 30px
}

.domain-search .table {
	margin-top: 30px
}

.domain-search .table tr:nth-of-type(1) {
	background: #f5f6f8
}

.domain-search .table tr:nth-of-type(2) td {
	border-top: none
}

.domain-search .table tr th {
	border: none
}

.domain-search .domain-search-result .price {
	white-space: nowrap
}

.domain-search .domain-search-result .font_graw {
	color: #c00
}

.domain-search .domain-search-result .font_green {
	color: green
}

.domain-search .domain-search-result .btns {
	text-align: right
}

.domain-search .domain-search-result .btns input {
	font-size: 12px
}

.domain-search .domain-search-result #tr_last_domain_search input {
	margin-bottom: 5px
}

.domain-search .responsive-tables .tit {
	text-align: center;
	font-size: 18px !important;
	font-weight: bold;
	color: #f58900 !important
}

.domain-search .responsive-tables #tr_domain_search {
	background: #fff !important;
	border-bottom: 1px solid #999
}

.domain-search .responsive-tables #tr_domain_search:hover {
	background-color: #fff
}

.domain-search .responsive-tables #tr_domain_help {
	background: #fff !important;
	border-bottom: 1px solid #999
}

.domain-search .responsive-tables #tr_domain_help:hover {
	background-color: #fff
}

.domain-search .responsive-tables .tab-domain {
	position: relative;
	margin-bottom: -30px !important
}

.domain-search .responsive-tables .tab-domain>* {
	position: relative;
	text-align: center;
	background: #fff;
	color: black;
	opacity: 1;
	-webkit-transition: background 1s,color 1s,opacity 1s
}

.domain-search .responsive-tables .tab-domain>*:hover {
	color: #fff !important;
	cursor: pointer;
	opacity: .9;
	background: #f58900
}

.domain-search .responsive-tables .tab-domain .current::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -20px;
	height: 0;
	width: 0;
	border: 10px transparent solid;
	border-top-color: #f58900
}

@media (max-width:991px) {
	.domain-search .valuation {
		display: none !important
	}

	.domain-search-result td {
		padding: 4px !important
	}
}

@media (max-width:539px) {
	#tr_last_domain_search span {
		display: block
	}
}

@media (max-width:479px) {
	.domain-search-result td {
		padding: 2px !important
	}
}

.domain-info p span {
	font-family: inherit !important;
	color: #666 !important;
	line-height: 24px !important;
	font-size: 16px !important
}

.domain-info .input-search {
	background: #f58900;
	padding: 8px 0 8px 8px;
	display: table;
	width: 100%;
	border-radius: 5px
}

.domain-info .input-search .search-info {
	position: relative;
	display: table-cell;
	width: 100%
}

.domain-info .input-search .search-info input {
	height: 40px !important
}

.domain-info .input-search .search-info .domain {
	position: absolute;
	right: 10px;
	top: 5px
}

.domain-info .input-search .btn-srh {
	display: table-cell;
	width: 100px
}

.domain-info .input-search .btn-srh:hover {
	border: none
}

.domain-info .input-search .btn {
	background: #f58900;
	height: 90%
}

.domain-info .gray-bg {
	background: linear-gradient(#214677, #455b7b)
}

.domain-info .search-fixed {
	position: fixed;
	top: 56px;
	width: 100%;
	z-index: 100;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.14)
}

.domain-info .search-fixed .input-search {
	background: none;
	padding: 0
}

.domain-info .search-fixed .input-search .search-info {
	vertical-align: middle
}

.domain-info .search-fixed .input-search .search-info input {
	height: 45px !important
}

.domain-info .search-fixed .input-search .domain {
	top: 10px
}

.domain-info .search-fixed .input-search .btn-srh {
	height: 45px;
	line-height: 45px;
	border: 1px solid #f58900
}

.domain-info .search-fixed .remind,.domain-info .search-fixed .other-zone {
	display: none
}

.domain-info .search-fixed .domain-info-search {
	margin: 15px 0
}

.domain-info .tab-wrap .tab-links {
	left: 0
}

.domain-info .tab-wrap .tab-links i {
	vertical-align: middle
}

.domain-info .tab-wrap .similar-domain {
	position: absolute;
	right: 0
}

.domain-info .tab-wrap .similar-domain p {
	line-height: 33px;
	font-size: 14px
}

.domain-info .detail .btn {
	height: 38px;
	line-height: 38px
}

.domain-info .detail .btn1 {
	background: #ff0000;
	border: 1px solid #ff0000
}

.domain-info .detail .btn-expert {
	background: #fff;
	border: 1px solid #0b75bd;
	color: #0b75bd;
	padding: 0 15px
}

.domain-info .detail .price {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 2px solid #f5f6f8
}

.domain-info .detail .price a {
	color: #00afec;
	margin: 0 20px
}

.domain-info .detail .domain-img {
	width: 260px;
	height: 260px;
	border-radius: 260px;
	box-shadow: 0 0 30px rgba(148,148,148,0.2);
	line-height: 260px;
	text-align: center
}

.domain-info .detail .domain-img img {
	width: 85%
}

.domain-info .detail .domain-img span {
	font-size: 70px;
	color: #333
}

.domain-info .detail .years {
	display: inline-block;
	position: relative
}

.domain-info .detail .years:hover .hover-price {
	display: block
}

.domain-info .detail .discount span {
	position: relative
}

.domain-info .detail .discount span::after {
	content: attr(data-dc);
	position: relative;
	font-size: 10px;
	color: #ff6535;
	font-weight: bold;
	top: -5px;
	right: -2px
}

.domain-info .detail .hover-price {
	display: none
}

.domain-info .detail .hover-price table {
	position: absolute;
	background: #fff;
	top: 30px;
	left: -90%
}

.domain-info .detail .hover-price table td {
	border: 1px #dcdcdc solid
}

.domain-info .detail .hover-price table::before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	width: 0;
	border-left: 10px solid transparent;
	border-bottom: 13px solid #dcdcdc;
	border-right: 10px solid transparent
}

.domain-info .detail .hover-price table::after {
	content: "";
	position: absolute;
	top: -11px;
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	width: 0;
	border-left: 10px solid transparent;
	border-bottom: 13px solid #fff;
	border-right: 10px solid transparent
}

.domain-info .detail-help {
	background: #f5f6f8;
	padding: 20px 0 50px
}

.domain-info .detail-help h1 {
	display: inline-block;
	color: #333
}

.domain-info .detail-help h3 {
	padding-top: 20px;
	font-weight: bold;
	margin-top: 0
}

.domain-info .detail-help p {
	line-height: 24px;
	margin-bottom: 0
}

.domain-info .detail-help .info {
	padding: 0 40px 30px;
	background: #fff
}

.domain-info .detail-help .info span {
	color: #666 !important;
	font-size: 14px !important;
	font-family: inherit !important
}

.domain-info .detail-help .domain-qna {
	margin-top: 20px
}

.domain-info .detail-help .domain-qna .title {
	display: table;
	width: 100%
}

.domain-info .detail-help .domain-qna .title>div {
	display: table-cell
}

.domain-info .detail-help .domain-qna .text {
	background: #fff;
	padding: 0 20px;
	font-weight: bold;
	height: 56px;
	line-height: 56px;
	border: 1px solid #dcdcdc
}

.domain-info .detail-help .domain-qna .more {
	background: #00afec;
	text-align: center;
	height: 56px;
	line-height: 56px;
	width: 56px;
	cursor: pointer
}

.domain-info .detail-help .domain-qna .more img {
	transition: .5s
}

.domain-info .detail-help .domain-qna .content {
	display: none;
	opacity: 0;
	background: #fff;
	padding: 0 20px;
	border: 1px solid #dcdcdc;
	border-top: none
}

.domain-info .detail-help .domain-qna .content .qna2 {
	padding: 20px 0
}

.domain-info .detail-help .domain-qna .more-up img {
	transform: rotate(-180deg);
	transition: .5s;
	transform-style: preserve-3d
}

.domain-info .detail-help .domain-qna .open {
	display: block;
	opacity: 1;
	transition: opacity .5s
}

.domain-info .four-ad {
	background: linear-gradient(#2e78dc, #52a5eb);
	padding: 45px 0 20px
}

.domain-info .four-ad .nav-btn {
	background-color: #4689e0;
	padding: 0 40px;
	height: 50px;
	line-height: 50px;
	border: none;
	margin: 10px 30px 10px 0;
	border-radius: 5px
}

.domain-info .four-ad .act {
	background-color: #fff;
	color: #0a77be
}

.domain-info .four-ad .content {
	position: relative;
	background: #fff;
	border-radius: 5px;
	padding: 50px 40px
}

.domain-info .four-ad .content .text {
	vertical-align: middle
}

.domain-info .four-ad .content .bg-img {
	max-width: 530px
}

.domain-info .four-ad .card {
	display: none
}

.domain-info .four-ad .show {
	display: block
}

.domain-info .four-ad .sign>div {
	padding: 25px 0
}

@media (max-width:992px) {
	.domain-info .four-ad .nav-btn {
		padding: 0 10px;
		height: 40px;
		line-height: 40px;
		margin: 10px 20px 10px 0
	}

	.domain-info .four-ad .adv-item {
		margin: -50px -40px
	}

	.domain-info .four-ad .adv-item p {
		padding-left: 20px;
		padding-right: 20px
	}

	.domain-info .four-ad .sign>div {
		padding: 0
	}
}

.domain-info .newest-domain {
	padding: 50px 0
}

.domain-info .newest-domain .item {
	margin: 10px 0
}

.domain-info .newest-domain .sign {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 80px;
	text-align: center;
	border: 1px solid #dcdcdc
}

.domain-info .newest-domain .sign img {
	width: 70%
}

.domain-info .newest-domain .text {
	padding-left: 10px
}

.domain-info .newest-domain .text p {
	margin: 0
}

.domain-info .newest-domain .text span {
	color: #00afec;
	font-size: 16px
}

.domain-info .newest-domain .one-row>div {
	vertical-align: middle
}

@media (min-width:1199px) {
	.domain-info .newest-domain .item {
		width: 20%
	}
}

.domain-info .help {
	height: 125px;
	background: url(../image/bottom-bg.png) center no-repeat,#6381cb
}

.domain-info .help .online-btn {
	display: table;
	padding: 0 6px 6px 6px;
	border-radius: 46px;
	background: #8dafe1
}

.domain-info .help .btn {
	width: auto;
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	border: none;
	background: linear-gradient(to left, #ff645f, #f99a62)
}

@media (max-width:992px) {
	.domain-info .container {
		width: auto
	}
}

@media (max-width:599px) {
	.domain-info .btn {
		font-size: 14px
	}

	.domain-info .banner-slide {
		height: 200px !important
	}

	.domain-info .input-search .btn-srh {
		width: 70px;
		padding: 0 10px
	}

	.domain-info .detail .info .tit,.domain-info .detail-help h1,.domain-info .newest-domain h2 {
		font-size: 24px
	}

	.domain-info .detail-help .info {
		padding: 0 10px 20px
	}

	.domain-info .four-ad {
		padding: 20px 0
	}

	.domain-info .four-ad .nav-btn {
		margin: 10px 0 10px 0
	}

	.domain-info .adv-item h4 {
		font-size: 24px;
		padding: 0
	}

	.domain-info .newest-domain {
		padding: 20px 0
	}
}

@media (max-width:992px) {
	.intro .intro-nav {
		display: none
	}

	.banner .banner-txt .banner-txt-table .right img {
		width: 80%
	}
}

@media (max-width:699px) {
	.banner .banner-txt .banner-txt-table .right {
		display: none
	}
}

@media (max-width:599px) {
	.index .index-banner-slide {
		height: 300px !important
	}

	.index .index-banner-slide .search {
		top: 200px
	}

	.index .index-banner-slide .flex-control-nav {
		bottom: 100px
	}

	.domain-info .container .flexslider,.banner-slide .banner,.banner .banner-txt,.banner-slide,.domain .banner-slide,.trade-banner,.banner {
		height: 200px !important
	}

	.banner,.trade-banner {
		background-size: cover !important
	}
}

@media (max-width:448px) {
	.domain-list .zone-nav>div {
		font-size: 14px;
		padding-left: 4px;
		padding-right: 4px
	}

	.banner .banner-txt .banner-txt-table .left img {
		width: 100%
	}
}

.intermediary {
	background: #f5f6f8
}

.intermediary .trade-tips {
	background: #fff;
	padding: 20px;
	margin-bottom: 20px
}

.intermediary .trade-tips p {
	text-align: center
}

.intermediary .trade-tips img {
	max-width: 100%
}

.intermediary .trade-tips .block-title {
	margin-top: 0;
	margin-bottom: 5px
}

.intermediary .trade-tips .tip-table {
	display: table;
	border-collapse: collapse
}

.intermediary .trade-tips .tip-table>div {
	display: table-cell;
	width: 25%;
	padding: 0 20px;
	position: relative
}

.intermediary .trade-tips .arrow:after {
	position: absolute;
	top: 50%;
	right: -10px;
	color: #eee;
	font-size: 30px !important;
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	content: "\e679"
}

.intermediary .start-trade {
	background: #fff;
	padding: 20px;
	text-align: center
}

.start-trade .block-title {
	margin-top: 0
}

.intermediary table {
	width: 100%
}

.intermediary .intermediary-details {
	margin: 30px 50px
}

.intermediary .alert-warning {
	color: #8a6d3b;
	background-color: #f5f6f8;
	border-color: #eee;
	border-radius: 4px !important;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px
}

.intermediary .alert .form-group {
	display: inline-block;
	margin-bottom: 0;
	width: 100%
}

.intermediary .alert .domain-item {
	display: table;
	width: 100%
}

.intermediary .alert .domain-item>div {
	display: table-cell
}

.intermediary .alert .domain-item .domain-item-row {
	padding: 0 20px 0 10px
}

.intermediary .alert .domain-item .domain-item-row-close {
	width: 10px
}

.intermediary .alert .domain-item .domain-item-row-tip {
	width: 60px
}

.intermediary .alert .close {
	top: -36px !important
}

@media (max-width:711px) {
	.intermediary .alert .domain-item .domain-item-row-tip {
		display: none
	}

	.intermediary .alert .domain-item .domain-item-row {
		padding-right: 0 !important
	}
}

@media (max-width:1366px) {
	.sidetools {
		position: fixed;
		width: 44px;
		border-collapse: separate;
		border-spacing: 10px;
		color: #666;
		z-index: 9999;
		transition: opacity 5s;
		right: 25px;
	}
}


@media (max-width:1200px) {
	.intermediary-details {
		margin-left: 0 !important;
		margin-right: 0 !important
	}
}

@media (max-width:468px) {
	.intermediary .alert .domain-item .domain-item-row {
		display: table-row
	}

	.intermediary .alert .domain-item .domain-name {
		height: 44px
	}

	.intermediary .alert .close {
		top: -78px !important
	}
}

.add-domain {
	cursor: pointer;
	color: #f58900
}

.add-domain:hover,.add-domain:focus {
	color: #337ab7
}

.intermediary .add-domain span span {
	padding-right: 5px;
	font-weight: bold
}

.intermediary .total {
	margin: 5px;
	display: table;
	width: 100%
}

.intermediary .total>div {
	display: table-cell
}

.intermediary .total .add-domain>span {
	display: block
}

.intermediary .total .price {
	text-align: right;
	white-space: nowrap
}

.intermediary .price span {
	color: green;
	font-weight: bold;
	font-size: 20px;
	padding-left: 15px;
	padding-right: 15px
}

@media (max-width:465px) {
	.intermediary .total>div {
		display: table-row !important
	}

	.intermediary .total .price {
		text-align: left !important
	}
}

.intermediary .trade-user-info {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #eee;
	display: table;
	width: 100%
}

.intermediary .trade-user-info-row {
	display: table-cell;
	white-space: nowrap
}

.intermediary .trade-user-info-row>span,.intermediary .trade-user-info-row>div,.intermediary .trade-user-info-row>label {
	display: inline-block
}

.intermediary .trade-user-info-row>div:first-child {
	color: #333
}

.intermediary .trade-user-info-row label {
	font-weight: normal;
	color: #666
}

@media (max-width:970px) {
	.intermediary .trade-user-info {
		width: auto;
		margin: 10px auto 0
	}

	.intermediary .trade-user-info-row {
		display: table-row !important
	}

	.intermediary .trade-user-info-row .trade-user-info-row-tip {
		text-align: right
	}
}

@media (max-width:375px) {
	.intermediary .trade-user-info-row .has-tip {
		display: none !important
	}

	.intermediary .trade-user-info-row .has-input {
		width: 100% !important
	}

	.intermediary .trade-user-info-row .form-group {
		width: 100% !important
	}
}

.intermediary .trade-btn {
	margin-top: 20px
}

.trade-btn .btn {
	width: 250px;
	margin: 8px auto
}

.purchase-details .trade-user-info {
	border-top: none;
	display: table;
	width: 100%
}

.purchase-details .trade-user-info-row {
	display: table-row
}

.purchase-details .trade-user-info-row>div {
	display: table-cell;
	vertical-align: middle
}

.purchase-details .trade-user-info-row>div:nth-of-type(1) {
	width: 40%;
	text-align: right
}

.purchase-details .form-group,.purchase-details textarea {
	width: 290px
}

.purchase-details textarea {
	height: 80px;
	margin-right: 0
}

.purchase-details .trade-btn {
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center
}

.trade-banner-slide {
	height: 400px
}

.trade-banner-slide .flex-control-nav {
	bottom: 0 !important
}

.trade-banner-slide .expert-banner .banner-info {
	top: 70%
}

@media screen and (max-width:599px) {
	.trade-banner-slide .expert-banner .banner-info {
		top: 62%
	}
}

.trade-banner {
	height: 400px
}

.trade-banner .banner-txt {
	height: 400px;
	width: 100%;
	white-space: nowrap;
	position: relative
}

@media (max-width:768px) {
	.trade-banner .banner-txt2 {
		background-size: contain !important;
		background-position: center !important;
		width: 60%
	}
}

@media (max-width:599px) {
	.banner {
		height: 400px
	}

	.trade-banner-slide {
		height: 200px !important
	}

	.trade-banner .banner-txt2 {
		height: 200px !important
	}
}

.transaction section {
	padding: 30px 0
}

.transaction .banner {
	height: 220px;
	background: url(../image/banner-transaction.jpg) center
}

.transaction .banner .title {
	padding-top: 20px
}

.transaction .banner .title h1,.transaction .banner .title p {
	color: #fff;
	text-align: center;
	font-size: 36px;
	line-height: 36px
}

.transaction .banner .title p {
	font-size: 18px
}

.transaction .first-price::before {
	content: url(../image/first-price.png);
	vertical-align: middle;
	padding-right: 5px
}

.transaction .search>.search-fixed {
	left: 0;
	box-shadow: unset !important;
	position: fixed !important;
	top: 56px !important;
	z-index: 100 !important;
	padding: 10px 40px !important;
	border-bottom: 1px solid #dcdcdc !important;
	background: #fff
}

.transaction .domain-status,.transaction .domain-name,.transaction .domain-price {
	font-size: 20px;
	line-height: 36px
}

.transaction .search {
	position: relative;
	height: 60px
}

.transaction .search .search-info {
	position: absolute;
	top: -50px;
	display: table;
	width: 100%;
	padding: 30px 40px;
	background: #fff;
	box-shadow: 0 0 20px rgba(36,37,41,0.2)
}

.transaction .search .search-info>* {
	display: table-cell
}

.transaction .search .search-info .input-tit {
	color: #004098;
	font-weight: bold;
	width: 200px;
	text-align: center;
	font-size: 18px
}

.transaction .search .search-info input {
	height: 50px;
	background-color: #f8fcff;
	border: 1px solid #c1cfd9
}

.transaction .search .search-info .btn-search {
	width: 136px;
	font-size: 18px
}

@media screen and (max-width:992px) {
	.transaction .search .search-info .input-tit {
		display: none
	}
}

@media screen and (max-width:768px) {
	.transaction .search .search-info {
		padding: 10px 20px !important;
		top: -30px
	}

	.transaction .search .search-info input {
		height: 40px
	}

	.transaction .search .search-info .btn-search {
		width: auto;
		font-size: 16px
	}
}

.transaction section.qna h2 {
	text-align: center;
	color: #333;
	margin-bottom: 30px
}

.transaction section.qna .qna-nav {
	padding-bottom: 20px
}

.transaction section.qna .qna-nav .qna-nav-table {
	display: table;
	border-collapse: collapse
}

.transaction section.qna .qna-nav .qna-nav-table>div {
	position: relative;
	display: table-cell;
	border: #f58900 1px solid;
	padding: 10px 30px;
	font-size: 16px
}

.transaction section.qna .qna-nav .qna-nav-table>div:hover {
	cursor: pointer
}

.transaction section.qna .qna-nav .qna-nav-table>div.current {
	color: #fff;
	background: #f58900
}

.transaction section.qna .qna-nav .qna-nav-table>div.current::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -16px;
	height: 0;
	width: 0;
	border-top: #f58900 8px solid;
	border-bottom: transparent 8px solid;
	border-left: transparent 6px solid;
	border-right: transparent 6px solid
}

.transaction section.qna div[tab] {
	display: none;
	border: 1px dashed #ddd;
	padding: 30px;
	line-height: 26px
}

.transaction section.qna div[tab='0'] {
	display: block
}

.transaction section.qna .qna-list li {
	position: relative;
	padding-left: 36px
}

.transaction section.qna .qna-list li h4 {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	font-weight: bold
}

.transaction section.qna .qna-list li p {
	background: #f4f4f4;
	margin-bottom: 0;
	padding: 6px 10px;
	color: #666
}

.transaction section.qna .qna-list li::before {
	content: "";
	position: absolute;
	height: 26px;
	width: 26px;
	background: url(../image/qna.png) center no-repeat;
	left: 0;
	top: 0
}

.transaction section.qna .center {
	width: 100%;
	margin: 20px 0;
	text-align: center
}

.transaction-result .domain-box {
	padding: 0 0 30px
}

.transaction-result input::-webkit-outer-spin-button,.transaction-result input::-webkit-inner-spin-button {
	-webkit-appearance: none
}

.transaction-result input[type="number"] {
	-moz-appearance: textfield
}

.transaction-result .label {
	border-radius: 3px;
	font-size: 14px;
	margin-right: 10px
}

.transaction-result .btn {
	border-radius: 3px
}

.transaction-result .loadmore .btn {
	width: 100%;
	color: #f58900;
	border: 1px dashed #f58900;
	background-color: #f8fcff;
	padding: 0 10px;
	line-height: 34px;
	border-radius: 3px;
	height: 34px
}

.transaction-result .label {
	font-weight: normal
}

.transaction-result .label-yellow {
	background-color: #fe9a38;
	border: 1px solid #fe9a38
}

.transaction-result .label-green {
	background-color: #17c26b;
	border: 1px solid #17c26b
}

.transaction-result .label-gray {
	background-color: #9caab7;
	border: 1px solid #9caab7
}

.transaction-result .label-purple {
	background-color: #6497f5;
	border: 1px solid #6497f5
}

.transaction-result .label-extra {
	background-color: #eee;
	color: #999;
	border: 1px solid #eee
}

.transaction-result .label-hide {
	background-color: #fff;
	color: #f58900;
	border: 1px solid #f58900
}

.transaction-result .domain-status {
	color: #004098;
	font-weight: bold
}

.transaction-result .domain-name {
	color: #333;
	font-weight: bold
}

.transaction-result .domain-price {
	color: #ee5435;
	font-weight: bold
}

.transaction-result .buy-btn {
	margin-top: 20px
}

.transaction-result .domain-info-card {
	padding: 30px 40px;
	border-top: 3px solid #f58900;
	box-shadow: 0 0 10px rgba(36,37,41,0.2)
}

.transaction-result .domain-info-card .contact {
	display: table;
	text-align: center;
	width: 100%
}

.transaction-result .domain-info-card .contact>* {
	display: table-cell;
	vertical-align: middle
}

.transaction-result .domain-info-card .contact-text {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	width: 45%
}

.transaction-result .domain-info-card .contact-info {
	margin: auto;
	border: 1px solid #c1cfd9;
	border-radius: 10px
}

.transaction-result .domain-result-wrap {
	padding: 0 0 20px
}

.transaction-result .domain-result-wrap .title,.transaction-result .domain-result-wrap .result-item {
	border-bottom: 1px solid #c1cfd9;
	min-height: 45px;
	padding: 0 20px 0 40px
}

.transaction-result .domain-result-wrap .result-item {
	padding: 10px 20px 10px 40px
}

.transaction-result .domain-result-wrap .title span {
	font-size: 18px;
	line-height: 45px;
	width: 168px;
	display: block;
	height: 45px;
	color: #004098;
	border-bottom: 2px solid #004098
}

.transaction-result .domain-result-wrap .result-screen,.transaction-result .domain-result-wrap .result-list {
	border: 1px solid #c1cfd9;
	background-color: #fff
}

.transaction-result .domain-result-wrap .result-list {
	border-bottom: none
}

.transaction-result .domain-result-wrap .screen-cdt {
	padding: 0 40px 20px
}

.transaction-result .domain-result-wrap .screen-cdt>div {
	margin-top: 10px
}

.transaction-result .domain-result-wrap .screen-cdt .tit {
	font-size: 16px;
	color: #333;
	line-height: 30px;
	font-weight: bold;
	display: block
}

.transaction-result .domain-result-wrap .suffix-checkbox {
	padding: 20px;
	background-color: #f6f7f9;
	overflow-y: scroll;
	height: 260px
}

.transaction-result .domain-result-wrap .number-btn {
	display: table
}

.transaction-result .domain-result-wrap .number-btn li {
	width: 40px;
	padding: 0;
	float: left;
	border: 1px solid #cbd3da;
	line-height: 40px;
	font-size: 16px;
	color: #666;
	background-color: #e9ecef;
	height: 40px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	font-weight: bold;
	cursor: pointer
}

.transaction-result .domain-result-wrap .number-btn .number {
	width: 50px;
	border-left: none;
	border-right: none
}

.transaction-result .domain-result-wrap .number-btn .input-num {
	text-align: center;
	border: none;
	height: 40px;
	line-height: 40px
}

.transaction-result .domain-result-wrap .number-btn .reduce {
	border-radius: 3px 0 0 3px
}

.transaction-result .domain-result-wrap .number-btn .add {
	border-radius: 0 3px 3px 0
}

.transaction-result .domain-result-wrap .max-price {
	height: 40px;
	border: 1px solid #c1cfd9;
	border-radius: 3px;
	width: 100%;
	font-size: 16px
}

.transaction-result .domain-result-wrap .result-item {
	min-height: 42px;
	cursor: pointer;
	position: relative
}

.transaction-result .domain-result-wrap .result-item .btn {
	background-color: #f8fcff;
	color: #f58900
}

.transaction-result .domain-result-wrap .result-item .r-whois {
	color: #f58900;
	font-size: 16px;
	padding-right: 20px
}

.transaction-result .domain-result-wrap .result-item .r-left,.transaction-result .domain-result-wrap .result-item .r-right {
	height: 100%;
	line-height: 42px
}

.transaction-result .domain-result-wrap .result-item .r-left {
	display: inline-block
}

.transaction-result .domain-result-wrap .result-item .r-right {
	display: inline-block;
	position: absolute;
	right: 10px
}

.transaction-result .domain-result-wrap .result-item .r-right .btn {
	min-width: 109px
}

.transaction-result .domain-result-wrap .result-item .r-sign {
	display: inline-block;
	padding-right: 15px
}

.transaction-result .domain-result-wrap .result-item .r-name {
	display: inline-block;
	padding-right: 10px
}

.transaction-result .domain-result-wrap .result-item .r-name span {
	font-size: 20px;
	color: #333
}

.transaction-result .domain-result-wrap .result-item .r-price {
	color: #ee5435;
	font-size: 16px;
	padding-right: 20px;
	position: relative
}

.transaction-result .domain-result-wrap .result-item .btn-shopcar {
	position: absolute;
	z-index: 100;
	left: -40px
}

@media screen and (max-width:480px) {
	.transaction-result .domain-result-wrap .result-item {
		min-height: 36px
	}

	.transaction-result .domain-result-wrap .result-item .r-right {
		position: relative
	}

	.transaction-result .domain-result-wrap .result-item .r-left,.transaction-result .domain-result-wrap .result-item .r-right {
		line-height: 36px
	}
}

.transaction-result .domain-result-wrap .result-item:hover {
	background-color: #def0fc
}

.transaction-result .domain-result-wrap .top-item {
	background-color: #ebf6ff;
	border: 1px solid #f58900;
	margin-bottom: -1px
}

.transaction-result .domain-result-wrap .top-item .btn {
	background-color: #f58900;
	color: #fff
}

.transaction-result .domain-result-wrap .top-item .btn-already {
	background-color: #8fd5f2;
	border: none
}

.transaction-result .domain-result-wrap .top-item .r-name .suffix-name {
	color: #f58900
}

.transaction-result .domain-result-wrap .top-item:last-child {
	margin-bottom: 0 !important
}

.transaction-result .calling-card {
	display: table;
	width: 100%;
	padding: 20px 40px 15px 10px;
	border-bottom: 8px solid #e5f4ff
}

.transaction-result .calling-card p {
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	color: #333
}

.transaction-result .calling-card .name {
	font-size: 16px;
	font-weight: bold
}

.transaction-result .calling-card>div {
	display: table-cell;
	vertical-align: top;
	padding-left: 10px;
	text-align: left
}

.transaction-result .calling-card .calling-title {
	position: relative;
	cursor: pointer;
	font-size: 14px;
	line-height: 24px;
	margin: 0;
	color: #333
}

.transaction-result .calling-card .calling-title :hover .calling-code {
	display: block
}

.transaction-result .calling-card .calling-code {
	display: none;
	position: absolute;
	padding: 5px;
	background: #fff;
	border: 1px solid #dcdcdc;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.transaction-result .pages .paging {
	display: inline-block;
	float: left;
	padding: 30px 0 60px
}

.transaction-result .pages .paging a {
	display: inline-block;
	color: #99a1a7;
	font-style: normal;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	background: #fff;
	border-radius: 2px !important;
	margin-right: 10px;
	border: 1px solid #dcdcdc
}

.transaction-result .pages .paging .current {
	pointer-events: none;
	cursor: default;
	border: 1px solid #50a3de;
	color: #50a3de;
	background-color: #ebf6ff
}

.transaction-result .pages .footer-btn {
	display: inline-block;
	float: right;
	padding: 10px 0 60px
}

.transaction-result .pages .all-check {
	display: inline-block;
	padding: 10px 20px
}

.transaction-index .search>.search-info {
	top: -80px
}

.transaction-index .change {
	text-align: center;
	margin-bottom: 10px
}

.transaction-index .change .change-arrow {
	font-size: 16px;
	color: #f58900;
	vertical-align: middle
}

.transaction-index .domain-tips::after {
	content: "保";
	font-size: 11px;
	height: 14px;
	widows: 14px;
	background-color: #fe9a38
}

.transaction-index .domain-box {
	position: relative
}

.transaction-index .domain-name {
	position: relative;
	font-size: 20px;
	color: #004098
}

.transaction-index .domain-text {
	font-size: 14px;
	color: #999
}

.transaction-index .domain-price {
	font-size: 18px;
	color: #ee5435
}

.transaction-index .domain-time {
	font-size: 16px;
	color: #333
}

.transaction-index .domain-describe {
	font-size: 14px;
	color: #f58900
}

.transaction-index .card-list .row {
	margin: 20px -5px
}

@media screen and (min-width:1200px) {
	.transaction-index .card-list .card-item {
		float: left;
		width: 20%
	}
}

.transaction-index .card-list .card-item {
	padding: 5px
}

.transaction-index .card-list .card-info {
	position: relative;
	padding: 0 20px
}

.transaction-index .card-list .card-info ul {
	margin-bottom: 0;
	padding: 10px 0
}

.transaction-index .card-list .card-info li {
	line-height: 30px;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.transaction-index .card-list .card-info .btn {
	display: none;
	position: absolute;
	bottom: 10px;
	right: 10px
}

.transaction-index .card-list .card-info:hover .btn {
	display: block
}

.transaction-index .card-list .card-title {
	font-size: 30px;
	line-height: 36px;
	color: #333;
	text-align: center
}

.transaction-index .fixedprice-domain .card-info {
	border: 1px solid #d6dde2
}

.transaction-index .fixedprice-domain .card-info:hover {
	border: 1px solid #f58900;
	background: #ebf6ff
}

.transaction-index .bargaining-domain {
	background: url(../image/0012.jpg) center no-repeat
}

.transaction-index .bargaining-domain .card-info {
	background-color: #fff
}

.transaction-index .bargaining-domain .card-info:hover {
	box-shadow: 0 0 10px rgba(36,37,41,0.2)
}

.transaction-index .auction-domain .card-info {
	border: 1px solid #d6dde2;
	background: linear-gradient(#fff, #f5fcff)
}

.transaction-index .auction-domain .card-info:hover {
	background: #fff
}

.transaction-index .auction-domain .domain-name {
	color: #333
}

.transaction-index .auction-domain .row>div {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: -1px;
	margin-right: -1px
}

.transaction-index .auction-domain .row .one-row {
	margin-bottom: 15px
}

.transaction-index .auction-domain .row .one-row p {
	margin: 0
}

.transaction-index .auction-domain .row .price {
	width: 62%
}

.transaction-index .auction-domain .row .time {
	width: 38%;
	padding-left: 8%;
	border-left: 1px dashed #d6dde2
}

.transaction-search .domain-box {
	padding: 0
}

.transaction-search .domain-result-wrap {
	background-color: unset;
	padding: 0
}

.transaction-search .domain-result-wrap .title {
	padding: 0 20px 0
}

.transaction-search .domain-result-wrap .result-item {
	padding: 15px 20px
}

.transaction-search .filter-remind {
	background: url(../image/0042.jpg) center no-repeat;
	background-size: 100% 100%
}

.transaction-search .filter-remind span {
	color: #fff
}

.transaction-search .filter-remind .btn {
	border-radius: 32px;
	background-color: #fe7938 !important;
	color: #fff !important;
	border: 1px solid #fe7938;
	margin: 0 10px
}

.transaction-search .extra-result {
	transition: all 1s
}

.transaction-search .extra-result .extra-illustrate {
	color: #f58900
}

.transaction-search .extra-result .extra-illustrate b {
	color: #18458f
}

.transaction-search .extra-result .row {
	margin: 0 -5px
}

.transaction-search .extra-result .tit {
	color: #333;
	font-weight: bold;
	font-size: 16px
}

.transaction-search .extra-result .tit span {
	vertical-align: middle
}

.transaction-search .extra-result .tit div {
	display: inline-block
}

.transaction-search .extra-result .e-item {
	padding: 5px
}

.transaction-search .extra-result .e-card {
	background: #fff;
	border: 1px solid #eee;
	padding: 10px 18px
}

.transaction-search .extra-result .e-card>:last-child {
	position: relative
}

.transaction-search .extra-result .e-card a {
	position: absolute;
	right: 0
}

.transaction-search .extra-result .e-card:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.1)
}

.transaction-search .extra-result .e-link {
	text-decoration: underline !important;
	color: #18458f
}

.transaction-search .extra-result .remind-icon:hover {
	position: relative
}

.transaction-search .extra-result .remind-icon:hover::before {
	content: attr(data-line);
	position: absolute;
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	padding: 5px 10px 5px 15px;
	left: 20px;
	background: url(../image/003.png) no-repeat;
	background-size: 100% 100%;
	z-index: 10;
	white-space: nowrap
}

.transaction-search .extra-open .extra-result {
	opacity: 1;
	overflow: hidden;
	transition: all 1s
}

@media screen and (min-width:1200px) {
	.transaction-search .extra-unreg-result .col-md-3 {
		width: 20%
	}
}

.trade-domain-seo,.trade-domain-double {
	background: url(../image/banner-domainseo.jpg) no-repeat;
	background-color: #f3f5f7;
	background-size: 100% 100%;
	padding-bottom: 30px
}

.trade-domain-seo a,.trade-domain-double a {
	color: #0c59db;
	font-size: 18px
}

.trade-domain-seo .domain-seo-content,.trade-domain-double .domain-seo-content {
	background: #fff;
	text-align: center;
	border: 1px solid #dcdcdc;
	padding: 60px 20px;
	margin-bottom: 30px
}

.trade-domain-seo .domain-seo-content .domain-text a,.trade-domain-double .domain-seo-content .domain-text a {
	font-size: 55px;
	color: #0c59db
}

.trade-domain-seo .domain-seo-content .domain-describe,.trade-domain-double .domain-seo-content .domain-describe {
	margin: 10px 0 30px
}

.trade-domain-seo .domain-seo-content .domain-describe p,.trade-domain-double .domain-seo-content .domain-describe p {
	margin: 0;
	font-size: 30px;
	line-height: 60px
}

.trade-domain-seo .domain-seo-content .domain-btn .btn,.trade-domain-double .domain-seo-content .domain-btn .btn {
	color: #004098;
	font-size: 30px;
	height: 70px;
	line-height: 70px;
	border: 1px solid #f58900;
	background-color: #f8fcff;
	padding: 0 60px;
	margin: 0 15px
}

.trade-domain-seo .domain-seo-content .domain-extra,.trade-domain-double .domain-seo-content .domain-extra {
	text-align: center
}

.trade-domain-seo .domain-seo-content .domain-extra a,.trade-domain-double .domain-seo-content .domain-extra a {
	line-height: 36px;
	color: #0c59db;
	font-size: 18px
}

.trade-domain-seo .domain-seo-content .domain-extra.underline a,.trade-domain-double .domain-seo-content .domain-extra.underline a {
	text-decoration: underline !important
}

.trade-domain-seo .domain-seo-extra,.trade-domain-double .domain-seo-extra {
	padding: 20px 20px 40px
}

.trade-domain-seo .domain-seo-extra .domain-describe,.trade-domain-double .domain-seo-extra .domain-describe {
	margin: 10px 0
}

.trade-domain-seo .domain-seo-Approximate a,.trade-domain-double .domain-seo-Approximate a {
	line-height: 30px;
	text-decoration: underline !important
}

.trade-domain-seo .domain-seo-ques a,.trade-domain-double .domain-seo-ques a {
	line-height: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.IP .banner {
	height: 400px
}

.IP h1 {
	font-size: 32px;
	text-align: center;
	color: #002249;
	margin-bottom: 20px;
	margin-top: 0
}

.IP h1 small {
	display: block;
	font-size: 18px;
	margin-top: 20px;
	color: #738ba5
}

.IP .one-row {
	display: table;
	width: 100%
}

.IP .one-row>div {
	display: table-cell
}

.IP section.papers {
	text-align: center
}

.IP section.papers .img-table {
	margin: -20px
}

.IP section.papers .img-table .one-row {
	border-collapse: separate;
	border-spacing: 20px
}

@media screen and (max-width:768px) {
	.IP section.papers .img-table .one-row>div {
		display: block;
		margin-top: 20px
	}
}

.IP section.papers h1 {
	color: #fff
}

.IP section.papers img {
	width: 100%
}

.IP section.papers .btn {
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 40px
}

.IP section.qna .qna-nav {
	padding-bottom: 20px
}

.IP section.qna .qna-nav .qna-nav-table {
	display: table;
	border-collapse: collapse
}

.IP section.qna .qna-nav .qna-nav-table>div {
	position: relative;
	display: table-cell;
	border: #f58900 1px solid;
	padding: 10px 30px;
	font-size: 16px
}

.IP section.qna .qna-nav .qna-nav-table>div:hover {
	cursor: pointer
}

.IP section.qna .qna-nav .qna-nav-table>div.current {
	color: #fff;
	background: #f58900
}

.IP section.qna .qna-nav .qna-nav-table>div.current::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -16px;
	height: 0;
	width: 0;
	border-top: #f58900 8px solid;
	border-bottom: transparent 8px solid;
	border-left: transparent 6px solid;
	border-right: transparent 6px solid
}

.IP section.qna div[tab] {
	display: none;
	border: 1px dashed #ddd;
	padding: 30px;
	line-height: 26px
}

.IP section.qna div[tab='0'] {
	display: block
}

.IP section.qna h2 {
	font-size: 36px;
	font-weight: bold;
	color: #002249;
	margin-bottom: 30px
}

.IP section.qna .qna-list li {
	position: relative;
	padding-left: 36px
}

.IP section.qna .qna-list li h4 {
	font-size: 16px;
	line-height: 26px;
	color: #002249
}

.IP section.qna .qna-list li p {
	background: #f2f5f9;
	font-size: 16px;
	padding: 15px 20px;
	color: #738ba5;
	margin: 5px 0 10px
}

.IP section.qna .qna-list li::before {
	content: "";
	position: absolute;
	height: 26px;
	width: 26px;
	background: url(../image/qna.png) center no-repeat;
	left: 0;
	top: 0
}

.IP-index .banner {
	height: 450px
}

.IP-index section.service .row {
	margin: 0 -5px
}

.IP-index section.service .row>div {
	padding: 0 5px
}

.IP-index section.service .item {
	height: 100%;
	border: solid #e5e5e5 1px;
	border-top-width: 2px;
	text-align: center;
	padding: 40px 0;
	margin-bottom: 20px
}

.IP-index section.service .item h3 {
	color: #002249
}

.IP-index section.service .item p {
	color: #666
}

.IP-index section.service .item:hover {
	box-shadow: 0 0 20px #ddd
}

.IP-index section.service .item.item01 {
	border-top-color: #7bbbf2
}

.IP-index section.service .item.item01:hover {
	border-color: #7bbbf2
}

.IP-index section.service .item.item02 {
	border-top-color: #3dd6a2
}

.IP-index section.service .item.item02:hover {
	border-color: #3dd6a2
}

.IP-index section.service .item.item03 {
	border-top-color: #67da7f
}

.IP-index section.service .item.item03:hover {
	border-color: #67da7f
}

.IP-index section.service .item.item04 {
	border-top-color: #54cdef
}

.IP-index section.service .item.item04:hover {
	border-color: #54cdef
}

.IP-index section.adv {
	background: #e7f0f8;
	padding: 40px 0
}

.IP-index section.adv .row {
	margin: 0 -20px
}

.IP-index section.adv .row>div {
	padding: 0 20px
}

.IP-index section.adv .item {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-right: -40px;
	padding-right: 40px;
	padding-bottom: 34px
}

.IP-index section.adv .item .content {
	background: #FFF;
	display: table;
	width: 100%;
	box-shadow: 0 0 40px 10px #d3dce3
}

.IP-index section.adv .item .content>div {
	display: table-cell
}

.IP-index section.adv .item .content>div h3 {
	font-size: 20px;
	color: #002249;
	font-weight: bold
}

.IP-index section.adv .item .content>div p {
	margin-bottom: 0
}

.IP-index section.adv .item .content>div p::before {
	content: "•";
	color: #4e9ed9;
	padding-right: 6px
}

.IP-index section.adv .item .content>div:first-child {
	width: 100px;
	min-width: 100px;
	text-align: center;
	vertical-align: middle;
	font-size: 48px;
	color: #4e9ed9;
	border-right: #e5e5e5 1px solid
}

.IP-index section.adv .item .content>div:last-child {
	padding-left: 38px;
	padding-bottom: 20px
}

.IP-index section.adv .item::before {
	position: absolute;
	content: "";
	border-color: #e7f0f8;
	border-style: solid;
	width: 0;
	height: 0;
	border-width: 15px 20px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	top: 0;
	right: 0
}

.IP-index section.adv .item::after {
	position: absolute;
	content: "";
	border-color: #e7f0f8;
	border-style: solid;
	width: 0;
	height: 0;
	border-width: 20px 27px;
	border-right-color: transparent;
	border-top-color: transparent;
	bottom: -6px;
	left: 0
}

.IP-index section.reason {
	position: relative
}

.IP-index section.reason .bg {
	position: absolute;
	height: 50%;
	width: 100%;
	bottom: 60px;
	background: url(../image/dot1.png);
	z-index: 0
}

.IP-index section.reason .reason-wrap {
	position: relative;
	z-index: 1;
	background: #fff;
	box-shadow: 0 0 50px #d8e9f7;
	border-radius: 14px;
	overflow: hidden;
	padding: 40px 10px;
	margin: 60px 0 40px
}

.IP-index section.reason .reason-wrap .reason-table {
	width: 100%;
	display: table
}

.IP-index section.reason .reason-wrap .reason-table>div {
	display: table-cell;
	width: 25%;
	text-align: center;
	padding: 40px 40px
}

.IP-index section.reason .reason-wrap .reason-table>div:not(:last-child) {
	border-right: 1px solid #e5e5e5
}

.IP-index section.reason .reason-wrap .reason-table>div h3 {
	font-size: 20px;
	color: #002249
}

@media screen and (max-width:1100px) {
	.IP-index section.reason .reason-wrap .reason-table>div {
		padding: 20px 5PX
	}
}

@media screen and (max-width:768px) {
	.IP-index section.reason .reason-wrap .reason-table>div {
		display: block;
		width: 100%
	}

	.IP-index section.reason .reason-wrap .reason-table>div:not(:last-child) {
		border-right: none
	}
}

.IP-index section.solution {
	padding: 40px 0;
	background: url(../image/bottom-bg1.png) center no-repeat;
	background-size: cover
}

.IP-index section.solution .solution-wrap {
	margin: -10px
}

.IP-index section.solution .solution-table {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px
}

.IP-index section.solution .solution-table>div {
	display: table-cell;
	vertical-align: middle
}

.IP-index section.solution .solution-table>div:first-child {
	max-width: 270px;
	width: 270px
}

@media screen and (max-width:768px) {
	.IP-index section.solution .solution-table>div {
		display: block;
		margin-bottom: 10px
	}
}

.IP-index section.solution .solution-table>div h4 {
	font-size: 20px;
	color: #002249;
	margin-bottom: 4px
}

.IP-index section.solution .solution-table>div input {
	border: none
}

.IP-copyright section.type .row {
	margin-right: -5px;
	margin-left: -5px
}

.IP-copyright section.type .row>div {
	padding-right: 5px;
	padding-left: 5px
}

.IP-copyright section.type .item {
	border: 1px solid #e5e5e5;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 0;
	transition: margin-top .5s
}

.IP-copyright section.type .item:hover {
	box-shadow: 0 0 10px #ddd;
	cursor: pointer;
	margin-top: -5px;
	transition: margin-top .5s
}

.IP-copyright section.type .item:hover .btn {
	background: #f58900;
	border: 1px solid #f58900;
	color: #fff
}

.IP-copyright section.type .item h3 {
	font-size: 20px;
	color: #002249;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px
}

.IP-copyright section.type .item table {
	border-top-width: 3px;
	border-top-style: solid;
	width: 100%
}

.IP-copyright section.type .item table td {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap
}

.IP-copyright section.type .item table td span {
	color: #002249;
	padding-left: 4px
}

.IP-copyright section.type .item table tr:first-child td {
	padding-top: 30px
}

.IP-copyright section.type .item table tr:last-child td {
	padding-bottom: 20px
}

.IP-copyright section.type .item.item01 table {
	border-top-color: #f4b571;
	background: -webkit-linear-gradient(#fefbf8, #fff);
	background: -o-linear-gradient(#fefbf8, #fff);
	background: -moz-linear-gradient(#fefbf8, #fff);
	background: linear-gradient(#fefbf8, #fff)
}

.IP-copyright section.type .item.item02 table {
	border-top-color: #5acfec;
	background: -webkit-linear-gradient(#f7fdfe, #fff);
	background: -o-linear-gradient(#f7fdfe, #fff);
	background: -moz-linear-gradient(#f7fdfe, #fff);
	background: linear-gradient(#f7fdfe, #fff)
}

.IP-copyright section.type .item.item03 table {
	border-top-color: #ff7849;
	background: -webkit-linear-gradient(#fff8f6, #fff);
	background: -o-linear-gradient(#fff8f6, #fff);
	background: -moz-linear-gradient(#fff8f6, #fff);
	background: linear-gradient(#fff8f6, #fff)
}

.IP-copyright section.type .item.item04 table {
	border-top-color: #27ca42;
	background: -webkit-linear-gradient(#f4fcf6, #fff);
	background: -o-linear-gradient(#f4fcf6, #fff);
	background: -moz-linear-gradient(#f4fcf6, #fff);
	background: linear-gradient(#f4fcf6, #fff)
}

.IP-copyright section.type .item .btn {
	width: 100%;
	background: #e1f4ff;
	color: #f58900;
	border: 1px solid #e1f4ff
}

.IP-copyright section.adv {
	background: url(../image/copyright-adv-bg.png) no-repeat center;
	background-size: cover;
	text-align: center
}

.IP-copyright section.adv img {
	max-width: 100%
}

.IP-copyright section.which {
	text-align: center
}

.IP-copyright section.which img {
	max-width: 100%
}

.IP-copyright section.which .btn {
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 40px
}

.IP-copyright section.steps {
	text-align: center
}

.IP-copyright section.steps img {
	max-width: 100%
}

.IP-copyright section.papers {
	background: url(../image/copyright-papers-bg.png) no-repeat center;
	background-size: cover
}

.IP-copyright-right section.intro .intro-table1 {
	display: table;
	width: 100%;
	margin-bottom: 40px
}

.IP-copyright-right section.intro .intro-table1>div {
	display: table-cell;
	vertical-align: middle
}

.IP-copyright-right section.intro .intro-table1 .txt {
	padding-right: 100px
}

.IP-copyright-right section.intro .intro-table1 .txt h2 {
	font-size: 36px;
	color: #002249;
	font-weight: bold;
	margin-bottom: 30px
}

.IP-copyright-right section.intro .intro-table1 .txt p {
	line-height: 30px;
	color: #738ba5
}

.IP-copyright-right section.intro .intro-table1 .txt .btn {
	padding-left: 30px;
	padding-right: 30px;
	margin-top: 20px
}

@media screen and (max-width:992px) {
	.IP-copyright-right section.intro .intro-table1 {
		display: block;
		position: relative
	}

	.IP-copyright-right section.intro .intro-table1 .txt {
		display: block;
		padding-right: 0
	}

	.IP-copyright-right section.intro .intro-table1 .bg {
		position: absolute;
		opacity: .1;
		top: -40px;
		right: 0
	}
}

.IP-copyright-right section.intro hr {
	border-top: #ddd 1px dashed
}

.IP-copyright-right section.intro .intro-table2-wrap {
	margin: 20px -20px -20px -20px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2 {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div {
	display: table-cell;
	border: #ddd 1px solid;
	text-align: center;
	padding: 15px 0;
	vertical-align: middle
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div p {
	margin-top: 10px;
	margin-bottom: 0;
	color: #002249
}

@media screen and (max-width:480px) {
	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div p span {
		display: none
	}
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div.tit {
	border: none;
	text-align: left;
	width: 160px;
	max-width: 160px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div.tit b {
	font-size: 36px;
	color: #002249
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div.tit span {
	font-size: 18px;
	line-height: 40px;
	color: #738ba5;
	display: block;
	margin-bottom: 10px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div.tit small {
	color: #0c59db;
	font-size: 14px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div {
	text-align: left
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div:not(.tit) {
	padding-left: 20px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div p b {
	display: block;
	font-weight: normal;
	font-size: 18px;
	color: #002249
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div p span {
	line-height: 26px;
	display: inline-block;
	width: 112px;
	color: #738ba5
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div.tit {
	width: 240px;
	max-width: 240px;
	padding-right: 20px
}

.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div.tit img {
	margin-left: 6px;
	width: 9px
}

@media screen and (max-width:992px) {
	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div.tit {
		display: none
	}
}

@media screen and (max-width:768px) {
	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div {
		text-align: center
	}

	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div:not(.tit) {
		padding-left: 0
	}

	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div:not(.tit) p b {
		font-size: 14px
	}

	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2.app>div:not(.tit) p span {
		display: none
	}
}

@media screen and (max-width:768px) {
	.IP-copyright-right section.intro .intro-table2-wrap {
		margin: 20px -6px -6px -6px
	}

	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2 {
		border-spacing: 6px
	}

	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div {
		color: #666
	}

	.IP-copyright-right section.intro .intro-table2-wrap .intro-table2>div.tit {
		display: none
	}
}

.IP-copyright-right section.adv {
	background: #f3f7fb
}

.IP-copyright-right section.adv .adv-table-wrap {
	margin: 30px -10px -10px
}

.IP-copyright-right section.adv .adv-table-wrap .adv-table {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px
}

.IP-copyright-right section.adv .adv-table-wrap .adv-table>div {
	display: table-cell;
	position: relative;
	background: #fff;
	box-shadow: 0 0 20px #ddd;
	width: 25%;
	padding: 30px 18px 10px;
	color: #002249
}

.IP-copyright-right section.adv .adv-table-wrap .adv-table>div .tit {
	position: absolute;
	background: #f58900;
	color: #fff;
	padding: 0 20px;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	top: -20px
}

.IP-copyright-right section.adv .adv-table-wrap .adv-table>div .tit::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	border-top: transparent 10px solid;
	border-bottom: #1e6ea8 10px solid;
	border-left: #1e6ea8 5px solid;
	border-right: transparent 5px solid
}

@media screen and (max-width:768px) {
	.IP-copyright-right section.adv .adv-table-wrap {
		margin: 0
	}

	.IP-copyright-right section.adv .adv-table-wrap .adv-table {
		display: block
	}

	.IP-copyright-right section.adv .adv-table-wrap .adv-table>div {
		display: block;
		width: 100%;
		margin-top: 40px
	}
}

.IP-copyright-right section.adv.app .adv-table-wrap {
	padding-top: 10px;
	margin: 0 -40px -40px
}

.IP-copyright-right section.adv.app .adv-table-wrap .adv-table {
	border-spacing: 40px
}

.IP-copyright-right section.adv.app .adv-table-wrap .adv-table>div {
	position: relative;
	min-height: 120px;
	height: 120px
}

.IP-copyright-right section.adv.app .adv-table-wrap .adv-table>div a {
	position: absolute;
	right: 20px;
	bottom: 15px;
	color: #0c59db
}

.IP-copyright-right section.adv.app .adv-table-wrap:nth-of-type(2) {
	width: 66%;
	margin: auto
}

@media screen and (max-width:768px) {
	.IP-copyright-right section.adv.app .adv-table-wrap {
		margin: 0
	}

	.IP-copyright-right section.adv.app .adv-table-wrap:nth-of-type(2) {
		width: 100%;
		padding-top: 0
	}
}

.IP-copyright-right section.papers {
	background: url(../image/copyright-papers-bg1.png) no-repeat center;
	background-size: cover
}

.IP-patent .help {
	height: 125px;
	background: url(../image/bottom-bg.png) center no-repeat,#6381cb
}

.IP-patent .help .btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none
}

.IP-patent section.contry {
	padding-bottom: 0
}

.IP-patent section.contry .container {
	overflow: hidden
}

.IP-patent section.contry .row {
	margin: 0 -5px
}

.IP-patent section.contry .row div {
	padding: 5px
}

.IP-patent section.contry .item {
	background: #edf6fc;
	border: 1px solid #edf6fc;
	display: block;
	padding: 5px 0 5px 10px
}

.IP-patent section.contry .item span {
	font-size: 16px;
	color: #002249
}

.IP-patent section.contry .item:hover {
	background: #fff;
	border: 1px solid #f58900
}

.IP-patent section.intro {
	padding-top: 0;
	padding-bottom: 0
}

.IP-patent section.intro .container {
	padding-top: 60px;
	padding-bottom: 60px;
	background: url(../image/patent-intro.png) right top no-repeat
}

.IP-patent section.intro .container h1 {
	margin-bottom: 30px
}

.IP-patent section.intro .txt {
	border: #f58900 1px dashed;
	margin: auto;
	padding: 40px 30px;
	border-radius: 16px;
	line-height: 28px;
	background: #fff
}

.IP-patent section.org {
	padding-top: 0
}

.IP-patent section.org .org-wrap {
	padding-top: 60px;
	border-radius: 12px;
	background: url(../image/patent-org-bg.png) no-repeat center;
	background-size: cover;
	padding-bottom: 120px;
	position: relative
}

.IP-patent section.org .org-wrap h1 {
	color: #fff
}

.IP-patent section.org .org-wrap .org-table-wrap {
	position: absolute;
	width: 100%
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table {
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 25px
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div {
	display: table-cell;
	border-radius: 12px;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px #ddd
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div:nth-child(1) {
	background: url(../image/pt04.png) bottom right no-repeat,#fff
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div:nth-child(2) {
	background: url(../image/pt05.png) bottom right no-repeat,#fff
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div:nth-child(3) {
	background: url(../image/pt06.png) bottom right no-repeat,#fff
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td {
	vertical-align: middle
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td:first-child {
	vertical-align: top
}

@media screen and (max-width:1199px) {
	.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td:first-child {
		display: none
	}
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td:last-child {
	border-left: #ddd solid 1px
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td .btn {
	float: right;
	letter-spacing: 0
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td .btn:first-child {
	margin-bottom: 10px
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td h4 {
	font-weight: bold
}

.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td img {
	margin-top: 20px
}

@media screen and (max-width:992px) {
	.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td {
		display: block;
		width: 100%
	}

	.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td:last-child {
		border-left: none;
		white-space: nowrap
	}

	.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td:last-child .btn {
		display: block;
		float: none
	}

	.IP-patent section.org .org-wrap .org-table-wrap .org-table>div table td:last-child br {
		display: none
	}
}

@media screen and (max-width:992px) {
	.IP-patent section.org .org-wrap {
		padding-bottom: 200px
	}
}

@media screen and (max-width:600px) {
	.IP-patent section.org {
		padding-bottom: 0
	}

	.IP-patent section.org .org-wrap {
		padding-bottom: 20px
	}

	.IP-patent section.org .org-wrap .org-table-wrap {
		position: static
	}

	.IP-patent section.org .org-wrap .org-table-wrap .org-table>div {
		display: block;
		margin-bottom: 20px
	}
}

.IP-patent section.why {
	background: url(../image/why-patent-bg.png) no-repeat center
}

.IP-patent section.why img {
	max-width: 100%
}

.IP-patent section.papers {
	background: url(../image/copyright-papers-bg.png) no-repeat center;
	background-size: cover
}

.IP-patent section.steps {
	text-align: center
}

.IP-patent section.steps img {
	max-width: 100%
}

.IP-patent section.strength {
	background: url(../image/strength-bg.png) bottom center repeat-x,#f6fbff
}

.IP-patent section.strength .strength-wrap {
	margin: 40px -40px 50px
}

.IP-patent section.strength .strength-wrap .strength-table {
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 40px
}

.IP-patent section.strength .strength-wrap .strength-table>div {
	display: table-cell;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 0 10px #ddd;
	padding: 60px 30px 30px;
	position: relative;
	width: 25%
}

.IP-patent section.strength .strength-wrap .strength-table>div h4 {
	font-weight: bold;
	text-align: center
}

.IP-patent section.strength .strength-wrap .strength-table>div p {
	text-align: justify
}

.IP-patent section.strength .strength-wrap .strength-table>div .img {
	position: absolute;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #f58900;
	padding-top: 22px;
	left: 0;
	right: 0;
	top: -45px;
	margin: auto;
	background: #fff
}

@media screen and (max-width:992px) {
	.IP-patent section.strength .strength-wrap {
		margin: 60px -10px 80px
	}

	.IP-patent section.strength .strength-wrap .strength-table {
		border-spacing: 10px
	}
}

@media screen and (max-width:768px) {
	.IP-patent section.strength .strength-wrap {
		margin: 95px 0 40px
	}

	.IP-patent section.strength .strength-wrap .strength-table {
		display: block
	}

	.IP-patent section.strength .strength-wrap .strength-table>div {
		display: block;
		margin-top: 65px;
		width: 100%
	}
}

.IP-patent section.type .type-wrap {
	background: #f3f9ff;
	box-shadow: 0 0 20px #ddd;
	border-radius: 10px;
	overflow: hidden;
	padding: 20px
}

.IP-patent section.type .type-wrap .type-table {
	display: table;
	width: 100%
}

.IP-patent section.type .type-wrap .type-table>div {
	display: table-cell;
	vertical-align: middle;
	padding: 10px
}

.IP-patent section.type .type-wrap .type-table>div h4 {
	color: #309bea;
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px
}

.IP-patent section.type .type-wrap .type-table>div p {
	line-height: 30px
}

.IP-patent section.type .type-wrap .type-table>div .btn {
	border-radius: 6px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 10px
}

@media screen and (max-width:720px) {
	.IP-patent section.type .type-wrap {
		position: relative
	}

	.IP-patent section.type .type-wrap>div {
		display: block
	}

	.IP-patent section.type .type-wrap>div:last-child {
		padding-top: 180px
	}

	.IP-patent section.type .type-wrap img {
		position: absolute;
		height: 180px;
		margin: auto;
		top: 10px;
		left: 0;
		right: 0
	}
}

.IP-patent section.qna section.qna {
	padding-top: 0
}

.IP-enroll .banner-txt {
	padding-top: 80px
}

.IP-enroll .banner-txt h2 {
	font-size: 24px;
	font-weight: bold;
	color: #0c59db;
	margin: 40px 0
}

.IP-enroll .banner-txt h2 span {
	display: inline-block;
	margin-right: 20px
}

.IP-enroll .banner-txt h2 span::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border: 1px solid #0c59db;
	border-radius: 5px;
	background-color: #0c59db;
	vertical-align: middle;
	margin-right: 5px
}

.IP-enroll .banner-txt .c-btn {
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	padding: 0 30px;
	font-size: 16px
}

.IP-enroll section.service .service-wrap {
	margin: 0 -20px
}

.IP-enroll section.service .service-wrap .table {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px
}

.IP-enroll section.service .service-wrap .table>div {
	display: table-cell;
	text-align: center;
	box-shadow: 0 0 10px #ddd;
	padding-top: 40px;
	width: 20%
}

.IP-enroll section.service .service-wrap .table>div img {
	height: 104px;
	width: 104px;
	border-radius: 50%;
	border: 6px #d8efff solid
}

.IP-enroll section.service .service-wrap .table>div a {
	color: #006cfe;
	background: #d8efff;
	display: block;
	padding: 12px 0;
	font-size: 16px
}

.IP-enroll section.service .service-wrap .table>div a:hover {
	background: #f58900;
	color: #fff
}

.IP-enroll section.service .service-wrap .table>div h4 {
	white-space: nowrap;
	margin: 20px 0;
	font-size: 18px
}

@media screen and (max-width:992px) {
	.IP-enroll section.service .service-wrap {
		margin: 0 -10px
	}

	.IP-enroll section.service .service-wrap .table {
		border-spacing: 10px
	}

	.IP-enroll section.service .service-wrap .table>div img {
		height: 80px;
		width: 80px;
		border: 6px #d8efff solid
	}

	.IP-enroll section.service .service-wrap .table>div h4 {
		margin: 20px 0;
		font-size: 16px
	}
}

@media screen and (max-width:768px) {
	.IP-enroll section.service .service-wrap {
		margin: 0
	}

	.IP-enroll section.service .service-wrap .table {
		display: block
	}

	.IP-enroll section.service .service-wrap .table>div {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		padding-top: 15px
	}

	.IP-enroll section.service .service-wrap .table>div img {
		height: 60px;
		width: 60px;
		border: 6px #d8efff solid
	}

	.IP-enroll section.service .service-wrap .table>div h4 {
		margin: 20px 0;
		font-size: 16px
	}
}

.IP-enroll section.adv .img {
	background: #f6faff;
	border: #ddd 1px dashed;
	padding: 40px
}

.IP-enroll section.adv .img img {
	max-width: 100%
}

@media screen and (max-width:992px) {
	.IP-enroll section.adv .img {
		padding: 10px
	}
}

.IP-enroll section.ensure {
	background: url(../image/enroll-ensure-bg.png) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
	color: #fff
}

.IP-enroll section.ensure h1 {
	color: #fff
}

.IP-enroll section.ensure .ensure-wrap .table {
	display: table
}

.IP-enroll section.ensure .ensure-wrap .table>div {
	display: table-cell;
	text-align: center;
	padding-top: 20px
}

.IP-enroll section.ensure .ensure-wrap .table>div h3 {
	font-size: 18px;
	margin-top: 20px
}

.IP-enroll section.ensure .ensure-wrap .table>div p {
	margin-top: 10px;
	color: #fff
}

@media screen and (max-width:768px) {
	.IP-enroll section.ensure .ensure-wrap {
		display: block
	}

	.IP-enroll section.ensure .ensure-wrap .table>div {
		display: block;
		width: 25%;
		float: left;
		margin-bottom: 10px
	}
}

@media screen and (max-width:480px) {
	.IP-enroll section.ensure .ensure-wrap .table>div {
		width: 50%;
		margin-bottom: 0
	}

	.IP-enroll section.ensure .ensure-wrap .table img {
		width: 80px
	}
}

.IP-enroll section.intro {
	padding: 70px 0
}

.IP-enroll section.intro .intro-wrap {
	background: #f3f9ff;
	box-shadow: 0 0 20px #ccc;
	overflow: hidden
}

.IP-enroll section.intro .intro-wrap>div>div {
	vertical-align: middle
}

.IP-enroll section.intro .intro-wrap .txt {
	padding-left: 40px;
	padding-right: 20px
}

.IP-enroll section.intro .intro-wrap .txt h3 {
	font-size: 18px;
	position: relative;
	margin-top: 0;
	color: #002249;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 10px
}

.IP-enroll section.intro .intro-wrap .txt p {
	line-height: 30px;
	color: #002249
}

.IP-enroll section.intro .intro-wrap .bg {
	position: relative;
	overflow: hidden !important
}

.IP-enroll section.intro .intro-wrap .bg .mask {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 160px;
	background: -webkit-linear-gradient(90deg, transparent, #f3f9ff);
	background: -o-linear-gradient(90deg, transparent, #f3f9ff);
	background: -moz-linear-gradient(90deg, transparent, #f3f9ff);
	background: linear-gradient(90deg, transparent, #f3f9ff)
}

.IP-enroll section.intro .intro-wrap .bg img {
	display: block
}

@media screen and (max-width:992px) {
	.IP-enroll section.intro {
		padding-top: 20px
	}

	.IP-enroll section.intro .intro-wrap {
		position: relative;
		width: 100%
	}

	.IP-enroll section.intro .intro-wrap .txt {
		display: block;
		margin-top: 200px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 40px;
		background: #fff
	}

	.IP-enroll section.intro .intro-wrap .txt h3 {
		margin-top: 10px;
		text-align: center
	}

	.IP-enroll section.intro .intro-wrap .bg {
		outline: none;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 200px;
		border-bottom: #fff 2px solid
	}

	.IP-enroll section.intro .intro-wrap .bg img {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 1
	}

	.IP-enroll section.intro .intro-wrap .bg .mask {
		width: 101%;
		height: 160px;
		top: auto;
		right: 0;
		bottom: 0;
		z-index: 2;
		background: -webkit-linear-gradient(-180deg, rgba(255,255,255,0), #fff);
		background: -o-linear-gradient(-180deg, rgba(255,255,255,0), #fff);
		background: -moz-linear-gradient(-180deg, rgba(255,255,255,0), #fff);
		background: linear-gradient(-180deg, rgba(255,255,255,0), #fff)
	}
}

.IP-enroll section.adv-data {
	padding-top: 0
}

.IP-enroll section.adv-data .dis {
	display: table;
	width: 100%;
	margin: auto;
	margin-bottom: 40px
}

.IP-enroll section.adv-data .dis>div {
	display: table-cell;
	vertical-align: middle
}

.IP-enroll section.adv-data .dis>div h2 {
	font-size: 36px;
	color: #002249;
	font-weight: bold;
	margin-bottom: 10px
}

.IP-enroll section.adv-data .dis>div li {
	position: relative;
	padding: 8px 0 8px 40px;
	color: #002249;
	font-size: 16px
}

.IP-enroll section.adv-data .dis>div li::before {
	display: block;
	position: absolute;
	margin: auto;
	left: 0
}

.IP-enroll section.adv-data .dis>div ul li {
	top: 8px
}

.IP-enroll section.adv-data .dis>div ul li::before {
	height: 25px;
	width: 25px;
	content: url(../image/check.png)
}

.IP-enroll section.adv-data .dis>div ol {
	padding-left: 0;
	margin-bottom: 20px
}

.IP-enroll section.adv-data .dis>div ol li {
	padding-left: 28px;
	top: 0
}

.IP-enroll section.adv-data .dis>div ol li::before {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	background: #f58900;
	border: #dcecf8 4px solid;
	line-height: 18px;
	text-align: center;
	color: #fff;
	font-weight: bold
}

.IP-enroll section.adv-data .dis>div ol li:nth-child(1)::before {
	content: "1"
}

.IP-enroll section.adv-data .dis>div ol li:nth-child(2)::before {
	content: "2"
}

.IP-enroll section.adv-data .dis>div ol li:nth-child(3)::before {
	content: "3"
}

.IP-enroll section.adv-data .dis>div ol li:nth-child(4)::before {
	content: "4"
}

.IP-enroll section.adv-data .dis>div ol li:nth-child(5)::before {
	content: "5"
}

.IP-enroll section.adv-data .dis>div ol li:nth-child(6)::before {
	content: "6"
}

.IP-enroll section.adv-data .dis>div .one-row>div {
	vertical-align: bottom
}

.IP-enroll section.adv-data .dis>div .one-row>div:last-child {
	padding-left: 20px
}

.IP-enroll section.adv-data .dis .img {
	text-align: center;
	padding: 20px 0
}

.IP-enroll section.adv-data .dis .txt {
	padding: 0
}

.IP-enroll section.adv-data .dis .txt:first-child {
	padding-right: 20px
}

.IP-enroll section.adv-data .dis .txt:last-child {
	padding-left: 20px
}

.IP-enroll section.adv-data .dis.jp ol li {
	font-size: 12px;
	padding: 8px 0 8px 40px;
	color: #002249;
	font-size: 16px
}

.IP-enroll section.adv-data .dis.jp ol li::before {
	height: 25px;
	width: 25px;
	line-height: 18px
}

@media screen and (max-width:992px) {
	.IP-enroll section.adv-data .dis {
		width: 100%
	}

	.IP-enroll section.adv-data .dis .img {
		display: none
	}

	.IP-enroll section.adv-data .dis .txt {
		padding: 0 !important
	}
}

.IP-enroll section.adv-data hr {
	height: 1px;
	border-top: dashed #ddd 1px
}

.IP-enroll section.steps {
	background: #f7f7f7;
	text-align: center
}

.IP-enroll section.steps img {
	max-width: 100%;
	padding: 20px 0 40px;
	display: block;
	margin: auto
}

.IP-enroll section.steps .ps {
	background: #fff;
	color: #f6824f;
	padding: 10px
}

.IP-enroll section.steps .time {
	padding: 20px 10px
}

.IP-enroll section.steps .time h2 {
	color: #f58900
}

.brand .banner .container {
	position: relative;
	height: 100%
}

.brand .banner .container .banner-txt {
	display: table-cell;
	height: 400px;
	vertical-align: middle
}

.brand .banner .container .banner-txt img {
	max-width: 100%
}

.brand .banner-slide {
	height: 400px
}

.brand .flex-control-nav {
	bottom: 0 !important
}

.brand section.intro {
	padding: 70px 0
}

.brand section.intro .intro-wrap {
	box-shadow: 0 0 20px #ddd;
	overflow: hidden
}

.brand section.intro .intro-wrap>div>div {
	vertical-align: middle
}

.brand section.intro .intro-wrap .txt {
	padding-left: 60px;
	padding-right: 20px
}

.brand section.intro .intro-wrap .txt h1 {
	margin-bottom: 20px;
	color: #333;
	font-size: 36px
}

.brand section.intro .intro-wrap .txt p {
	font-size: 18px;
	line-height: 36px;
	color: #333;
	text-align: justify
}

.brand section.intro .intro-wrap .bg {
	position: relative;
	overflow: hidden !important
}

.brand section.intro .intro-wrap .bg .mask {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 200px;
	background: -webkit-linear-gradient(-90deg, transparent, #fff);
	background: -o-linear-gradient(-90deg, transparent, #fff);
	background: -moz-linear-gradient(-90deg, transparent, #fff);
	background: linear-gradient(-90deg, transparent, #fff)
}

.brand section.intro .intro-wrap .bg img {
	display: block
}

@media screen and (max-width:992px) {
	.brand section.intro {
		padding-top: 40px
	}

	.brand section.intro .intro-wrap {
		position: relative;
		width: 100%
	}

	.brand section.intro .intro-wrap .txt {
		display: block;
		margin-top: 200px;
		padding-right: 30px;
		padding-left: 30px;
		padding-bottom: 40px;
		background: #fff
	}

	.brand section.intro .intro-wrap .txt h1 {
		padding-top: 20px;
		text-align: center
	}

	.brand section.intro .intro-wrap .bg {
		outline: none;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 200px;
		border-bottom: #fff 2px solid
	}

	.brand section.intro .intro-wrap .bg img {
		position: absolute;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 1
	}

	.brand section.intro .intro-wrap .bg .mask {
		width: 101%;
		height: 160px;
		top: auto;
		right: 0;
		bottom: 0;
		z-index: 2;
		background: -webkit-linear-gradient(-180deg, rgba(255,255,255,0), #fff);
		background: -o-linear-gradient(-180deg, rgba(255,255,255,0), #fff);
		background: -moz-linear-gradient(-180deg, rgba(255,255,255,0), #fff);
		background: linear-gradient(-180deg, rgba(255,255,255,0), #fff)
	}
}

@media screen and (max-width:480px) {
	.brand section.intro {
		padding-top: 20px
	}

	.brand section.intro .intro-wrap .txt p {
		font-size: 14px;
		line-height: 26px
	}
}

.brand section.platform {
	text-align: center;
	overflow: hidden;
	background: url(../image/platform-bg.png)
}

.brand section.platform .platform-table {
	margin: -60px -100px
}

.brand section.platform .platform-table .one-row {
	border-collapse: separate;
	border-spacing: 100px
}

.brand section.platform .platform-table .one-row>div {
	position: relative;
	width: 33.33%;
	vertical-align: top
}

.brand section.platform .platform-table .one-row>div:not(:last-child)::after {
	position: absolute;
	right: -50px;
	top: 0;
	content: "";
	height: 100%;
	width: 1px;
	border-right: dashed #acb3c0 1px
}

.brand section.platform .platform-table .one-row .item {
	display: table;
	width: 100%;
	border-collapse: collapse
}

.brand section.platform .platform-table .one-row .item>div {
	display: table-cell;
	vertical-align: middle
}

.brand section.platform .platform-table .one-row .item>div:first-child {
	padding-right: 16px
}

.brand section.platform .platform-table .one-row .item h3 {
	color: #333;
	font-size: 18px;
	margin-top: 0;
	text-align: left
}

.brand section.platform .platform-table .one-row .item p {
	font-size: 14px;
	text-align: justify;
	margin-bottom: 0
}

@media screen and (max-width:992px) {
	.brand section.platform .platform-table {
		margin: -10px
	}

	.brand section.platform .platform-table .one-row {
		border-spacing: 60px
	}

	.brand section.platform .platform-table .one-row>div:not(:last-child)::after {
		right: -30px
	}

	.brand section.platform .platform-table .one-row .item {
		display: block
	}

	.brand section.platform .platform-table .one-row .item>div {
		display: block;
		text-align: center
	}

	.brand section.platform .platform-table .one-row .item>div:first-child {
		margin-bottom: 20px;
		padding-right: 0
	}

	.brand section.platform .platform-table .one-row .item h3 {
		text-align: center
	}
}

@media screen and (max-width:480px) {
	.brand section.platform .platform-table {
		margin: 40px 0
	}

	.brand section.platform .platform-table .one-row {
		display: block
	}

	.brand section.platform .platform-table .one-row>div {
		display: block;
		width: 100%;
		margin-bottom: 30px
	}

	.brand section.platform .platform-table .one-row>div:not(:last-child)::after {
		border-right: none
	}

	.brand section.platform .platform-table .one-row .item {
		display: block;
		width: 33%;
		float: left
	}

	.brand section.platform .platform-table .one-row .item>div {
		display: block;
		text-align: center
	}

	.brand section.platform .platform-table .one-row .item>div:first-child {
		margin-bottom: 20px;
		padding-right: 0
	}

	.brand section.platform .platform-table .one-row .item p {
		margin: auto;
		max-width: 200px;
		text-align: center
	}
}

.brand section.platform .platform01 {
	position: relative;
	display: inline-block;
	text-align: center;
	max-width: 100%
}

.brand section.platform .platform01 .middle {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.brand section.platform .platform01>img {
	max-width: 100%
}

.brand section.platform .platform01 .dot {
	position: absolute;
	height: 18px;
	width: 18px;
	border-radius: 50%;
	background: #26a3fe
}

.brand section.platform .platform01 .dot>img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.brand section.platform .platform01 .dot .popout {
	display: none;
	position: absolute;
	top: 20px;
	left: -30px;
	z-index: 1
}

.brand section.platform .platform01 .dot:hover {
	cursor: pointer
}

.brand section.platform .platform01 .dot:hover .popout {
	display: block
}

.brand section.platform .platform01 .dot .temp {
	content: "";
	position: absolute;
	left: -5px;
	top: -5px;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	background: rgba(38,163,254,0.4)
}

.brand section.platform .platform01 .dot::before {
	content: "";
	position: absolute;
	left: -5px;
	top: -5px;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	background: rgba(38,163,254,0.4);
	animation: flash infinite linear 1s
}

.brand section.platform .platform01 .dot::after {
	content: "";
	position: absolute;
	left: -5px;
	top: -5px;
	height: 28px;
	width: 28px;
	border-radius: 50%;
	background: rgba(38,163,254,0.4);
	animation: pulse infinite linear 1s
}

.brand section.platform .platform01 .dot.dot1 {
	left: 28.38%;
	top: 20.76%
}

.brand section.platform .platform01 .dot.dot2 {
	left: 36.6%;
	top: 56.13%
}

.brand section.platform .platform01 .dot.dot3 {
	left: 55.7%;
	top: 20.76%
}

.brand section.platform .platform01 .dot.dot4 {
	left: 17.5%;
	top: 16.98%
}

.brand section.platform .platform01 .dot.dot5 {
	left: 54.11%;
	top: 24.05%
}

.brand section.platform .platform01 .dot.dot6 {
	left: 60%;
	top: 51%
}

.brand section.platform .platform01 .dot.dot7 {
	left: 30%;
	top: 26.8%
}

.brand section.platform .platform01 .dot.dot8 {
	left: 45%;
	top: 65.5%
}

.brand section.platform .platform01 .dot.dot9 {
	left: 60%;
	top: 56%
}

@media screen and (max-width:500px) {
	.brand section.platform .platform01 .dot {
		height: 14px;
		width: 14px
	}

	.brand section.platform .platform01 .dot .popout {
		top: 16px;
		left: -26px
	}

	.brand section.platform .platform01 .dot .popout img {
		width: 180px
	}

	.brand section.platform .platform01 .dot .temp {
		height: 24px;
		width: 24px
	}

	.brand section.platform .platform01 .dot::before {
		height: 24px;
		width: 24px
	}

	.brand section.platform .platform01 .dot::after {
		height: 24px;
		width: 24px
	}
}

.brand section.system h1 {
	margin-bottom: 30px
}

.brand section.system img {
	max-width: 100%;
	margin: 30px auto
}

.brand section.system h4 {
	font-size: 24px;
	color: #f58900
}

.brand section.dispute {
	background: url(../image/dispute-bg.png) top no-repeat
}

.brand section.dispute .txt {
	background: rgba(255,255,255,0.7);
	padding: 70px 130px;
	border: 1px #e6e6e6 solid
}

.brand section.dispute .txt h1 {
	color: #333;
	text-align: center;
	margin: 0 auto 30px
}

@media screen and (max-width:480px) {
	.brand section.dispute .txt h1 {
		font-size: 28px
	}
}

.brand section.dispute .txt p,.brand section.dispute .txt li {
	font-size: 16px;
	color: #333;
	line-height: 28px
}

.brand section.dispute .txt ul {
	border-top: #f58900 1px dotted;
	border-bottom: #f58900 1px dotted;
	padding: 10px 0
}

.brand section.dispute .txt ul li::before {
	content: "●";
	color: #f58900;
	padding-right: 6px
}

@media screen and (max-width:992px) {
	.brand section.dispute .txt {
		padding: 70px
	}
}

@media screen and (max-width:480px) {
	.brand section.dispute .txt {
		padding: 40px 20px
	}
}

.brand section.value {
	background: #f7f7f7
}

.brand section.value .value-table .one-row>div {
	vertical-align: bottom
}

.brand section.value .value-table .one-row>div.img {
	text-align: right
}

.brand section.value .value-table img {
	width: 100%
}

.brand section.value .value-table h2 {
	font-size: 30px;
	color: #333
}

.brand section.value .value-table ul {
	margin-bottom: 0;
	padding-right: 20px
}

.brand section.value .value-table ul li {
	position: relative;
	line-height: 36px;
	padding: 20px 0 20px 62px;
	border-bottom: #cad9ee 1px dashed;
	font-size: 18px;
	color: #333;
	white-space: nowrap
}

.brand section.value .value-table ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 20px;
	height: 36px;
	width: 36px;
	background: url(../image/value-dot.png) center no-repeat
}

@media screen and (max-width:992px) {
	.brand section.value .value-table h2 {
		text-align: center
	}

	.brand section.value .value-table .one-row>div.img {
		display: none
	}
}

@media screen and (max-width:480px) {
	.brand section.value .value-table h2 {
		font-size: 28px;
		white-space: normal
	}

	.brand section.value .value-table ul li {
		padding: 10px 0 10px 28px;
		white-space: normal;
		font-size: 16px
	}

	.brand section.value .value-table ul li::before {
		top: 10px;
		width: 18px;
		background-size: 18px 18px
	}
}

.brand section.service {
	background: url(../image/service-bg.png) bottom no-repeat;
	background-size: cover
}

.brand section.service .service-table {
	margin: 0 -6px
}

.brand section.service .service-table .one-row {
	border-collapse: separate;
	border-spacing: 6px
}

.brand section.service .service-table .one-row>div {
	position: relative;
	padding: 80px 0;
	width: 25%
}

.brand section.service .service-table .one-row>div h3 {
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin: 0 auto 20px
}

.brand section.service .service-table .one-row>div h3::after {
	margin: auto;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	content: "";
	width: 40px;
	height: 2px;
	background: #fff
}

.brand section.service .service-table .one-row>div a {
	display: block;
	text-align: center;
	color: #68e4ff;
	padding-top: 20px
}

@media screen and (min-width:769px) {
	.brand section.service .service-table .one-row>div a {
		position: absolute;
		margin: auto;
		left: 0;
		right: 0;
		bottom: 40px
	}
}

.brand section.service .service-table .one-row>div.bg01 {
	background: url(../image/s01.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg02 {
	background: url(../image/s02.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg03 {
	background: url(../image/s03.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg04 {
	background: url(../image/s04.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg05 {
	background: url(../image/s05.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg06 {
	background: url(../image/s06.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg07 {
	background: url(../image/s07.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg08 {
	background: url(../image/s08.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg09 {
	background: url(../image/s09.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg10 {
	background: url(../image/s10.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg11 {
	background: url(../image/s11.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg12 {
	background: url(../image/s12.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg13 {
	background: url(../image/s13.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg14 {
	background: url(../image/s14.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg15 {
	background: url(../image/s15.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg16 {
	background: url(../image/s16.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg17 {
	background: url(../image/s17.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table .one-row>div.bg18 {
	background: url(../image/s18.png) center no-repeat;
	background-size: cover
}

.brand section.service .service-table.col3 {
	margin: -50px 60px
}

.brand section.service .service-table.col3:nth-of-type(1) {
	margin-top: -10px
}

.brand section.service .service-table.col3:nth-last-of-type(1) {
	margin-bottom: 0
}

.brand section.service .service-table.col3 .one-row {
	border-spacing: 40px
}

.brand section.service .service-table.col3 .one-row>div {
	width: 33.33%
}

@media screen and (max-width:768px) {
	.brand section.service .service-table {
		margin: 20px 0
	}

	.brand section.service .service-table .one-row {
		display: block
	}

	.brand section.service .service-table .one-row>div {
		display: block;
		width: 100% !important;
		margin-bottom: 6px;
		padding: 20px 0
	}

	.brand section.service .service-table.col3 {
		margin: 0
	}

	.brand section.service .service-table.col3:nth-of-type(1) {
		margin-top: 20px
	}
}

.brand section.service .service-table.fame-service .one-row>div {
	border: 1px solid #ddd;
	padding: 0;
	height: 274px;
	max-height: 274px;
	overflow: hidden
}

.brand section.service .service-table.fame-service .one-row>div .inner {
	position: absolute;
	top: 0
}

.brand section.service .service-table.fame-service .one-row>div .inner .cover {
	height: 272px;
	text-align: center;
	padding-top: 36px;
	background: rgba(255,255,255,0.7)
}

.brand section.service .service-table.fame-service .one-row>div .inner .cover h4 {
	font-size: 18px;
	font-weight: bold
}

.brand section.service .service-table.fame-service .one-row>div .inner .hover {
	color: #fff;
	line-height: 24px;
	padding: 50px 30px 0;
	height: 272px;
	background: -webkit-linear-gradient(#6fc4f0, #3b80b2);
	background: -o-linear-gradient(#6fc4f0, #3b80b2);
	background: -moz-linear-gradient(#6fc4f0, #3b80b2);
	background: linear-gradient(#6fc4f0, #3b80b2)
}

.brand section.service .service-table.fame-service .one-row>div .inner .hover img {
	position: absolute;
	bottom: 0;
	right: 0
}

.brand section.service .service-table.fame-service .one-row>div .inner:hover {
	cursor: pointer;
	animation: fame 1.2s;
	animation-iteration-count: 1;
	top: -272px
}

@media screen and (max-width:992px) {
	.brand section.service .service-table.fame-service {
		margin: -10px -20px
	}

	.brand section.service .service-table.fame-service .one-row {
		border-spacing: 20px
	}
}

.brand section.NEWG-service {
	background: #fff
}

.brand section.NEWG-service .service-table {
	margin: 40px -8px 0
}

.brand section.NEWG-service .service-table .one-row {
	border-spacing: 8px
}

.brand section.NEWG-service .service-table .one-row>div {
	border: #ddd 1px solid;
	padding: 42px 40px 22px
}

.brand section.NEWG-service .service-table .one-row>div h4 {
	font-size: 24px;
	color: #333;
	margin-top: 30px;
	margin-bottom: 14px
}

@media screen and (max-width:992px) {
	.brand section.NEWG-service .service-table .one-row>div {
		padding-left: 20px;
		padding-right: 20px
	}

	.brand section.NEWG-service .service-table .one-row>div h4 {
		margin-top: 10px;
		margin-bottom: 8px
	}
}

@media screen and (max-width:768px) {
	.brand section.NEWG-service .service-table .one-row>div {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.brand section.NEWG-case {
	padding-top: 20px
}

.brand section.NEWG-case .case-nav {
	margin-top: 40px;
	border-bottom: #dcdcdc 3px solid
}

.brand section.NEWG-case .case-nav>div {
	display: inline-block;
	margin-right: 36px;
	margin-bottom: 18px;
	border: #f58900 1px solid;
	padding: 8px 22px;
	font-size: 16px
}

.brand section.NEWG-case .case-nav>div:hover {
	cursor: pointer
}

.brand section.NEWG-case .case-nav>div.selected {
	position: relative;
	background: #f58900;
	color: #fff
}

.brand section.NEWG-case .case-nav>div.selected::after {
	text-align: center;
	position: absolute;
	margin: auto;
	bottom: -20px;
	left: 0;
	right: 0;
	font-family: "iconfont" !important;
	font-size: 24px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	color: #f58900;
	content: "\e6b3"
}

@media screen and (max-width:1200px) {
	.brand section.NEWG-case .case-nav>div {
		margin-right: 26px;
		padding: 6px 12px
	}
}

@media screen and (max-width:992px) {
	.brand section.NEWG-case .case-nav>div {
		margin-right: 10px;
		padding: 6px 8px
	}
}

@media screen and (max-width:768px) {
	.brand section.NEWG-case .case-nav>div {
		margin-right: 6px;
		padding: 4px 0;
		font-size: 14px;
		border-color: transparent
	}

	.brand section.NEWG-case .case-nav>div.selected {
		padding: 4px 6px
	}
}

.brand section.NEWG-case .case-list {
	margin: 10px -5px
}

.brand section.NEWG-case .case-list li {
	box-sizing: border-box;
	display: inline-block;
	width: calc(25% - 13px);
	border: #ddd solid 1px;
	margin: 5px;
	padding: 15px
}

.brand section.NEWG-case .case-list li td {
	padding: 0 5px
}

.brand section.NEWG-case .case-list li img {
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	border: #ddd 1px solid
}

.brand section.NEWG-case .case-list li p {
	white-space: nowrap
}

@media screen and (max-width:992px) {
	.brand section.NEWG-case .case-list li {
		width: calc(50% - 12px)
	}
}

@media screen and (max-width:992px) {
	.brand section.NEWG-case .case-list li {
		width: calc(100% - 10px)
	}
}

.brand section.advantage {
	background: url(../image/advantage-bg.png) center no-repeat;
	background-size: cover
}

.brand section.advantage .container>h1 {
	color: #fff
}

.brand section.advantage .container>h2 {
	color: #fff;
	font-size: 24px;
	text-align: center
}

.brand section.advantage .container>p {
	color: #cccccc;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 30px
}

@media screen and (max-width:650px) {
	.brand section.advantage .container>p {
		text-align: justify;
		line-height: 24px;
		margin-top: 10px
	}

	.brand section.advantage .container>p br {
		display: none
	}
}

.brand section.advantage .container>a {
	display: block;
	text-align: center;
	color: #ff9c53;
	margin-top: 24px
}

.brand section.advantage .spot {
	background: rgba(84,128,182,0.3)
}

.brand section.advantage .spot .advantage-table {
	padding: 0 20px;
	margin-top: -20px
}

.brand section.advantage .spot .advantage-table .one-row {
	border-collapse: separate;
	border-spacing: 32px
}

.brand section.advantage .spot .advantage-table .one-row>div {
	width: 25%;
	border: #4681b1 dotted 1px;
	border-radius: 6px;
	padding: 20px 30px
}

.brand section.advantage .spot .advantage-table .one-row>div .tit {
	background: url(../image/advantage-tit.png) center no-repeat;
	text-align: center;
	font-weight: bolder;
	color: #fff;
	height: 34px;
	line-height: 34px;
	margin-bottom: 10px
}

.brand section.advantage .spot .advantage-table .one-row>div p {
	color: #fff;
	text-align: center;
	margin-bottom: 0
}

@media screen and (max-width:992px) {
	.brand section.advantage .spot .advantage-table {
		padding: 0;
		margin: 0 -10px 10px
	}

	.brand section.advantage .spot .advantage-table .one-row {
		border-spacing: 10px
	}

	.brand section.advantage .spot .advantage-table .one-row>div {
		padding: 20px
	}
}

@media screen and (max-width:650px) {
	.brand section.advantage .spot .advantage-table {
		margin: 20px 0
	}

	.brand section.advantage .spot .advantage-table .one-row {
		display: block
	}

	.brand section.advantage .spot .advantage-table .one-row>div {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		padding: 10px
	}
}

.brand.tmch section.services {
	padding-top: 10px
}

.brand.tmch section.services .services-table .one-row {
	border-collapse: separate;
	border-spacing: 50px
}

.brand.tmch section.services .services-table .one-row>div {
	padding: 26px;
	border-bottom-style: solid;
	border-bottom-width: 5px;
	text-align: center;
	width: 33.33%;
	box-shadow: 0 0 8px #ddd
}

.brand.tmch section.services .services-table .one-row>div:nth-child(1) {
	border-bottom-color: #44b546
}

.brand.tmch section.services .services-table .one-row>div:nth-child(2) {
	border-bottom-color: #e2b327
}

.brand.tmch section.services .services-table .one-row>div:nth-child(3) {
	border-bottom-color: #f65a44
}

.brand.tmch section.services .services-table .one-row>div h4 {
	font-size: 18px;
	color: #333;
	margin: 18px 0
}

.brand.tmch section.services .services-table .one-row>div h4 span {
	display: block
}

@media screen and (max-width:1200px) {
	.brand.tmch section.services .services-table .one-row {
		border-spacing: 20px
	}
}

@media screen and (max-width:768px) {
	.brand.tmch section.services .services-table {
		margin: 30px 0
	}

	.brand.tmch section.services .services-table .one-row {
		display: block
	}

	.brand.tmch section.services .services-table .one-row>div {
		display: block;
		width: 100%;
		margin-bottom: 20px
	}
}

.brand.tmch section.meaning {
	background: url(../image/tmch-bg.png) center no-repeat;
	background-size: cover
}

.brand.tmch section.meaning .meaning-table {
	position: relative;
	margin: 0 -25px
}

.brand.tmch section.meaning .meaning-table>img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 2
}

.brand.tmch section.meaning .meaning-table table {
	border-collapse: separate;
	border-spacing: 25px
}

.brand.tmch section.meaning .meaning-table table th {
	width: 70px
}

.brand.tmch section.meaning .meaning-table table td {
	background: #fff
}

.brand.tmch section.meaning .meaning-table table .one-row {
	margin: 0 auto;
	border-collapse: collapse
}

.brand.tmch section.meaning .meaning-table table .one-row>div {
	vertical-align: middle;
	padding: 20px 0
}

.brand.tmch section.meaning .meaning-table table .one-row>div h3 {
	font-size: 24px;
	color: #333
}

.brand.tmch section.meaning .meaning-table table .one-row>div h4 {
	font-size: 16px;
	color: #333
}

.brand.tmch section.meaning .meaning-table table .one-row>div p {
	color: #999
}

.brand.tmch section.meaning .meaning-table table .one-row>div:last-child {
	padding-right: 40px
}

@media screen and (max-width:992px) {
	.brand.tmch section.meaning .meaning-table>img {
		display: none
	}

	.brand.tmch section.meaning .meaning-table table th {
		display: none
	}

	.brand.tmch section.meaning .meaning-table table td .one-row {
		display: block;
		margin: 20px auto
	}

	.brand.tmch section.meaning .meaning-table table td .one-row>div {
		display: block;
		padding: 0 20px !important;
		text-align: center
	}

	.brand.tmch section.meaning .meaning-table table td .one-row>div p {
		text-align: justify
	}
}

@media screen and (max-width:480px) {
	.brand.tmch section.meaning .meaning-table {
		margin: 0
	}

	.brand.tmch section.meaning .meaning-table table {
		display: block
	}

	.brand.tmch section.meaning .meaning-table table tbody {
		display: block
	}

	.brand.tmch section.meaning .meaning-table table tr {
		display: block
	}

	.brand.tmch section.meaning .meaning-table table tr td {
		display: block;
		margin-bottom: 20px;
		padding: 1px 0
	}

	.brand.tmch section.meaning .meaning-table table tr td img {
		width: 100px
	}
}

.brand.dpml section.overview {
	padding-top: 0
}

.brand.dpml section.overview .overview-table {
	margin: 0 -25px
}

.brand.dpml section.overview .overview-table table {
	border-collapse: separate;
	border-spacing: 25px
}

.brand.dpml section.overview .overview-table table td {
	border: dashed #ddd 1px;
	width: 50%;
	padding: 30px
}

.brand.dpml section.overview .overview-table table td h4 {
	font-size: 18px;
	color: #333;
	margin: 20px auto 10px
}

.brand.dpml section.overview .overview-table table td ol {
	padding-left: 0
}

.brand.dpml section.overview .overview-table table td ol li {
	position: relative;
	padding-left: 14px;
	color: #999
}

.brand.dpml section.overview .overview-table table td ol li::before {
	position: absolute;
	content: "●";
	color: #f58900;
	left: 0;
	top: 0
}

@media screen and (max-width:768px) {
	.brand.dpml section.overview .overview-table {
		margin: 0
	}

	.brand.dpml section.overview .overview-table table {
		display: block
	}

	.brand.dpml section.overview .overview-table table tbody {
		display: block
	}

	.brand.dpml section.overview .overview-table table tr {
		display: block
	}

	.brand.dpml section.overview .overview-table table tr td {
		display: block;
		width: 100%;
		margin-bottom: 25px
	}
}

.brand.dpml section.case .case-table {
	margin: 40px auto 20px;
	width: 100%;
	border: #606d7e 1px solid
}

.brand.dpml section.case .case-table th {
	padding: 14px 40px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	white-space: nowrap
}

.brand.dpml section.case .case-table th:nth-child(odd) {
	background: #606d7e
}

.brand.dpml section.case .case-table th:nth-child(even) {
	background: #7d8897
}

.brand.dpml section.case .case-table td {
	padding: 10px 40px;
	word-break: break-all
}

.brand.dpml section.case .case-table td:nth-child(odd) {
	background: #fff
}

.brand.dpml section.case .case-table td:nth-child(even) {
	background: #f3f6f9
}

.brand.dpml section.case .case-table tr:not(:last-child) td {
	border-bottom: solid 1px #dcdcdc
}

@media screen and (max-width:992px) {
	.brand.dpml section.case .case-table th {
		padding-left: 10px;
		padding-right: 10px
	}

	.brand.dpml section.case .case-table td {
		padding-left: 10px;
		padding-right: 10px
	}

	.brand.dpml section.case .case-table td img {
		width: 100px
	}
}

@media screen and (max-width:992px) {
	.brand.dpml section.case .case-table th {
		padding-left: 5px;
		padding-right: 5px
	}

	.brand.dpml section.case .case-table td {
		padding-left: 5px;
		padding-right: 5px
	}

	.brand.dpml section.case .case-table td img {
		width: 60px
	}
}

.brand.ssl section.package {
	padding-top: 0
}

.brand.ssl section.package .package-table {
	border: #dcdcdc solid 1px;
	margin: 30px auto
}

.brand.ssl section.package .package-table th {
	background: #f7f8fa;
	border-left: 3px #4a5a66 solid;
	color: #333;
	font-size: 20px;
	font-weight: normal;
	padding: 10px 20px
}

.brand.ssl section.package .package-table th small {
	font-size: 16px
}

.brand.ssl section.package .package-table td {
	padding: 15px 30px;
	border: #dcdcdc solid 1px
}

.brand.ssl section.package .package-table td li {
	white-space: nowrap
}

.brand.ssl section.package .package-table td ul li {
	padding: 6px 0;
	position: relative;
	padding-left: 26px
}

.brand.ssl section.package .package-table td ul li::before {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	content: "";
	width: 18px;
	height: 12px;
	background: url(../image/check1.png) no-repeat center
}

.brand.ssl section.package .package-table td ol {
	margin: 0 auto
}

.brand.ssl section.package .package-table td ol li {
	padding: 8px 0
}

.brand.ssl section.package .package-table td ol li:not(:last-child) {
	border-bottom: #dcdcdc dashed 1px
}

.brand.ssl section.package .package-table td ol li span {
	display: inline-block;
	width: 130px
}

.brand.ssl section.package .package-table td.price {
	position: relative;
	padding-top: 65px
}

.brand.ssl section.package .package-table td.price .nav-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.brand.ssl section.package .package-table td.price .nav-wrap .nav1 {
	width: 100%
}

.brand.ssl section.package .package-table td.price .nav-wrap .nav1>* {
	border-top: none
}

.brand.ssl section.package .package-table td.price .nav-wrap .nav1>*:first-child {
	border-left: none
}

.brand.ssl section.package .package-table td.price .nav-wrap .nav1>*:last-child {
	border-right: none
}

.brand.ssl section.package .package-table:hover {
	border-color: #f58900
}

.brand.ssl section.package .package-table:hover td {
	border-bottom-color: #f58900
}

.brand.ssl section.package .package-table:hover td:first-child {
	border-left-color: #f58900
}

.brand.ssl section.package .package-table:hover td:last-child {
	border-right-color: #f58900
}

.brand.ssl section.package .package-table:hover th {
	background: #f58900;
	color: #fff;
	border-left-color: transparent
}

@media screen and (max-width:1200px) {
	.brand.ssl section.package .package-table td p {
		font-size: 12px
	}
}

@media screen and (max-width:992px) {
	.brand.ssl section.package .package-table {
		display: block
	}

	.brand.ssl section.package .package-table thead,.brand.ssl section.package .package-table tbody,.brand.ssl section.package .package-table tr {
		display: block
	}

	.brand.ssl section.package .package-table th {
		display: block
	}

	.brand.ssl section.package .package-table td {
		display: block;
		border: none;
		border-top: #dcdcdc solid 1px
	}

	.brand.ssl section.package .package-table td p {
		font-size: 12px
	}
}

@media screen and (max-width:480px) {
	.brand.ssl section.package .package-table th small {
		display: block;
		font-size: 12px
	}
}

.brand.dns section.map {
	padding-top: 20px
}

.brand.dns section.map .dnsmap {
	position: relative;
	margin: 40px auto 20px
}

.brand.dns section.map .dnsmap .map {
	width: 100%;
	max-width: 1140px
}

.brand.dns section.map .dnsmap .nail {
	position: absolute;
	display: block;
	background: url(../image/dnsmap-nail.png) no-repeat center;
	height: 31px;
	width: 19px
}

.brand.dns section.map .dnsmap .nail::before {
	position: absolute;
	margin: auto;
	top: 0;
	left: auto;
	right: -56px;
	content: attr(label);
	display: block;
	background: #fff;
	box-shadow: 0 0 10px #dcdcdc;
	border-radius: 4px;
	padding: 2px 10px;
	white-space: nowrap
}

.brand.dns section.map .dnsmap .nail.it::before {
	right: -70px
}

.brand.dns section.map .dnsmap .nail.ru::before {
	right: -70px
}

.brand.dns section.map .dnsmap .nail.lable-left::before {
	right: auto;
	left: -56px
}

.brand.dns section.map .dnsmap .nail.lable-left.ca::before {
	left: -70px
}

.brand.dns section.map .dnsmap .nail::after {
	content: "";
	position: absolute;
	bottom: calc(-7.5px);
	left: calc(-5.5px);
	height: calc(15px);
	width: 30px;
	background: #26a3fe;
	border-radius: 50%;
	animation: pulse infinite 2s
}

.brand.dns section.map .dnsmap .nail.us {
	left: 22%;
	top: 35%
}

.brand.dns section.map .dnsmap .nail.ca {
	left: 18%;
	top: 28%
}

.brand.dns section.map .dnsmap .nail.br {
	left: 30%;
	top: 66%
}

.brand.dns section.map .dnsmap .nail.uk {
	left: 45%;
	top: 25%
}

.brand.dns section.map .dnsmap .nail.fr {
	left: 46%;
	top: 32%
}

.brand.dns section.map .dnsmap .nail.de {
	left: 49%;
	top: 28%
}

.brand.dns section.map .dnsmap .nail.it {
	left: 51%;
	top: 36%
}

.brand.dns section.map .dnsmap .nail.af {
	left: 53%;
	top: 60%
}

.brand.dns section.map .dnsmap .nail.in {
	left: 68%;
	top: 46%
}

.brand.dns section.map .dnsmap .nail.ru {
	left: 72%;
	top: 18%
}

.brand.dns section.map .dnsmap .nail.sz {
	left: 77.5%;
	top: 45%
}

.brand.dns section.map .dnsmap .nail.hk {
	left: 79%;
	top: 47%
}

@media screen and (max-width:480px) {
	.brand.dns section.map .dnsmap {
		margin: 30px auto 5px
	}

	.brand.dns section.map .dnsmap .nail {
		background-size: 100% 100%;
		height: 20px;
		width: 12px
	}

	.brand.dns section.map .dnsmap .nail::before {
		font-size: 12px;
		line-height: 12px;
		padding: 2px 4px;
		right: -30px;
		background: none;
		box-shadow: none
	}

	.brand.dns section.map .dnsmap .nail.it::before {
		right: -43px
	}

	.brand.dns section.map .dnsmap .nail.ru::before {
		right: -43px
	}

	.brand.dns section.map .dnsmap .nail.lable-left::before {
		left: -30px
	}

	.brand.dns section.map .dnsmap .nail.lable-left.ca::before {
		left: -43px
	}

	.brand.dns section.map .dnsmap .nail::after {
		bottom: calc(-5px);
		left: calc(-0.5px);
		height: calc(10px);
		width: 20px
	}
}

.brand.dns section.servers {
	background: #f7f9fb
}

.brand.dns section.servers .servers-table {
	margin: 20px auto;
	background: #fff;
	box-shadow: 0 0 10px #ddd
}

.brand.dns section.servers .servers-table .one-row {
	border-collapse: separate;
	border-spacing: 60px
}

.brand.dns section.servers .servers-table .one-row>div {
	width: 50%
}

.brand.dns section.servers .servers-table .one-row>div table {
	width: 100%
}

.brand.dns section.servers .servers-table .one-row>div table th {
	color: #004098;
	font-size: 16px;
	font-weight: normal;
	border-bottom: #dedef8 solid 1px;
	text-align: center;
	padding: 10px 0
}

.brand.dns section.servers .servers-table .one-row>div table td {
	border-bottom: #dedef8 solid 1px;
	text-align: center;
	padding: 10px 0;
	color: #333
}

.brand.dns section.servers .servers-table .one-row>div table td img {
	margin-right: 6px
}

.brand.dns section.servers .servers-table .one-row>div table tr:nth-child(even) td {
	background: #f8faff
}

@media screen and (max-width:768px) {
	.brand.dns section.servers .servers-table .one-row {
		display: block;
		padding: 20px 0
	}

	.brand.dns section.servers .servers-table .one-row>div {
		display: block;
		width: 100%;
		padding: 20px 40px
	}
}

.brand.dns section.why .why-table {
	margin: 0 -40px
}

.brand.dns section.why .why-table .one-row {
	border-collapse: separate;
	border-spacing: 40px
}

.brand.dns section.why .why-table .one-row>div {
	width: 33.33%;
	border: 1px solid #dcdcdc;
	border-top: #f58900 4px solid;
	padding: 25px 40px;
	vertical-align: top
}

.brand.dns section.why .why-table .one-row>div span {
	display: block;
	font-size: 90px;
	line-height: 72px;
	color: #e0f2fe;
	font-weight: bolder;
	height: 47px;
	overflow: hidden
}

.brand.dns section.why .why-table .one-row>div h3 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-top: 10px
}

.brand.dns section.why .why-table .one-row>div h4 {
	font-size: 16px;
	color: #f58900
}

@media screen and (max-width:1200px) {
	.brand.dns section.why .why-table {
		margin: 0 -20px
	}

	.brand.dns section.why .why-table .one-row {
		border-spacing: 20px
	}
}

@media screen and (max-width:992px) {
	.brand.dns section.why .why-table {
		margin: 40px 0 0
	}

	.brand.dns section.why .why-table .one-row {
		display: block
	}

	.brand.dns section.why .why-table .one-row>div {
		display: block;
		width: 100%;
		margin-bottom: 20px
	}
}

.brand.dns section.adv {
	background: #f7f9fb
}

.brand.dns section.adv .adv-table {
	margin: 0 -18px
}

.brand.dns section.adv .adv-table .one-row {
	border-collapse: separate;
	border-spacing: 18px
}

.brand.dns section.adv .adv-table .one-row>div {
	width: 33.33%;
	padding: 30px 20px;
	background: url(../image/check-bg.png) center center no-repeat,#fff;
	background-size: 90%
}

.brand.dns section.adv .adv-table .one-row>div p {
	font-size: 16px;
	color: #333;
	text-align: justify;
	margin-bottom: 0;
	margin-top: 20px
}

@media screen and (max-width:600px) {
	.brand.dns section.adv .adv-table {
		margin: 30px 0 0
	}

	.brand.dns section.adv .adv-table .one-row {
		display: block
	}

	.brand.dns section.adv .adv-table .one-row>div {
		display: block;
		margin-bottom: 20px;
		width: 100%
	}
}

.brand.domainlock .banner {
	height: 400px
}

.brand.domainlock section>h1 {
	color: #333;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
	font-size: 30px
}

.brand.domainlock section.intro {
	background: #fff;
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dcdcdc
}

.brand.domainlock section.intro .quote {
	position: relative;
	padding-left: 40px;
	padding-right: 40px;
	margin: auto;
	max-width: 825px;
	text-align: center;
	font-size: 18px;
	line-height: 30px
}

.brand.domainlock section.intro .quote .temp {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 23px
}

.brand.domainlock section.intro .quote::before {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 23px;
	background: url(../image/“.png) center no-repeat;
	top: 0;
	left: 0
}

.brand.domainlock section.intro .quote::after {
	content: "";
	position: absolute;
	display: block;
	width: 24px;
	height: 23px;
	background: url(../image/”.png) center no-repeat;
	bottom: 0;
	right: 0
}

.brand.domainlock section.concept ul li {
	margin-bottom: 20px
}

.brand.domainlock section.concept ul li h4 {
	font-size: 18px;
	color: #0357a1;
	text-align: center
}

.brand.domainlock section.concept ul li p {
	padding: 10px;
	color: #333;
	text-align: center;
	background: #f5faff
}

.brand.domainlock section.concept .concept-table {
	margin: -20px
}

.brand.domainlock section.concept .concept-table .one-row {
	max-width: 840px;
	margin: auto;
	border-collapse: separate;
	border-spacing: 20px
}

.brand.domainlock section.concept .concept-table .one-row>div {
	vertical-align: middle;
	width: 33.33%
}

.brand.domainlock section.concept .concept-table .one-row>div .item {
	position: relative;
	padding: 80px 40px 30px;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 0 20px #d7e9f4
}

.brand.domainlock section.concept .concept-table .one-row>div .item .tit {
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	background: #f58900;
	height: 54px;
	width: 100%;
	display: table-cell;
	font-size: 16px;
	line-height: 54px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}

@media screen and (max-width:650px) {
	.brand.domainlock section.concept .concept-table {
		margin: 0
	}

	.brand.domainlock section.concept .concept-table .one-row {
		display: block
	}

	.brand.domainlock section.concept .concept-table .one-row>div {
		display: block;
		width: 100%;
		margin-bottom: 20px
	}
}

.brand.domainlock section.lockinfo {
	background: #f2f8fd;
	padding-bottom: 0
}

.brand.domainlock section.lockinfo .bg {
	margin-top: 120px;
	height: 250px;
	background: url(../image/domainlock05.png) no-repeat center;
	background-size: cover
}

.brand.domainlock section.lockinfo .bg .container {
	position: relative
}

.brand.domainlock section.lockinfo .bg .container .lockinfo-table {
	width: 100%;
	max-width: 900px;
	position: absolute;
	top: -75px;
	left: 0;
	right: 0;
	margin: auto
}

.brand.domainlock section.lockinfo .bg .container .lockinfo-table .one-row>div {
	width: 25%;
	text-align: center
}

.brand.domainlock section.lockinfo .bg .container .lockinfo-table .one-row>div p {
	font-size: 18px;
	color: #fff;
	margin: auto;
	max-width: 128px;
	margin-top: 20px
}

@media screen and (max-width:700px) {
	.brand.domainlock section.lockinfo .bg .container .lockinfo-table {
		top: -55px
	}

	.brand.domainlock section.lockinfo .bg .container .lockinfo-table .one-row>div img {
		width: 100px
	}
}

@media screen and (max-width:500px) {
	.brand.domainlock section.lockinfo .bg .container .lockinfo-table {
		position: static;
		margin: 40px 0 60px
	}

	.brand.domainlock section.lockinfo .bg .container .lockinfo-table .one-row {
		display: block
	}

	.brand.domainlock section.lockinfo .bg .container .lockinfo-table .one-row>div {
		width: 50%;
		display: inline-block;
		margin-bottom: 20px;
		float: left
	}
}

@media screen and (max-width:500px) {
	.brand.domainlock section.lockinfo .bg {
		margin-top: 0;
		height: auto;
		padding-bottom: 20px
	}
}

.brand.domainlock section.case .case-table {
	margin: -22px
}

.brand.domainlock section.case .case-table .rows {
	border-collapse: separate;
	border-spacing: 22px
}

.brand.domainlock section.case .case-table .rows>div>div {
	position: relative;
	box-shadow: 0 0 20px #e2e5e7;
	background: #fff;
	width: 33.33%;
	height: 70px;
	padding-left: 22px;
	padding-right: 30px;
	vertical-align: middle
}

.brand.domainlock section.case .case-table .rows>div>div::before {
	content: "";
	height: 70px;
	width: 3px;
	background: #f58900;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.brand.domainlock section.case .case-table .rows>div>div a {
	font-size: 16px;
	color: #333
}

@media screen and (max-width:768px) {
	.brand.domainlock section.case .case-table {
		margin: 0
	}

	.brand.domainlock section.case .case-table .rows {
		display: block
	}

	.brand.domainlock section.case .case-table .rows>div {
		display: block
	}

	.brand.domainlock section.case .case-table .rows>div>div {
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}

	.brand.domainlock section.case .case-table .rows>div>div::before {
		height: 100%
	}
}

.brand.domainlock section.advantage {
	background: url(../image/domainlock10.png) no-repeat center;
	background-size: cover
}

.brand.domainlock section.advantage .advantage-table {
	padding: 0 60px
}

.brand.domainlock section.advantage .advantage-table .one-row>div {
	text-align: center
}

.brand.domainlock section.advantage .advantage-table .one-row>div p {
	color: #333;
	font-size: 16px;
	margin-top: 20px
}

@media screen and (max-width:992px) {
	.brand.domainlock section.advantage .advantage-table {
		padding: 0
	}
}

@media screen and (max-width:560px) {
	.brand.domainlock section.advantage .advantage-table .one-row {
		display: block
	}

	.brand.domainlock section.advantage .advantage-table .one-row>div {
		display: inline-block;
		margin-bottom: 20px;
		width: 50%;
		float: left
	}
}

.brand.domainlock section.qna ul li {
	text-align: left
}

.brand.domainlock section.qna ul li h3 {
	line-height: 26px;
	position: relative;
	color: #004098;
	font-size: 18px;
	padding-left: 32px
}

.brand.domainlock section.qna ul li h3 span {
	position: absolute;
	display: block;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	background: #f58900;
	color: #fff;
	left: 0;
	text-align: center
}

.brand.domainlock section.qna ul li img {
	max-width: 100%
}

.brand.domainmonitor section.risk {
	text-align: center
}

.brand.domainmonitor section.feature {
	background: url(../image/dm02.png) no-repeat center;
	background-size: cover
}

.brand.domainmonitor section.feature .feature-nav {
	display: table;
	margin: 20px auto;
	border-collapse: separate;
	border-spacing: 20px
}

.brand.domainmonitor section.feature .feature-nav>a {
	position: relative;
	display: table-cell;
	padding: 46px 40px 0 40px
}

.brand.domainmonitor section.feature .feature-nav>a:hover {
	cursor: pointer
}

.brand.domainmonitor section.feature .feature-nav>a::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -100px;
	display: block;
	width: 7px;
	height: 50px;
	background: url(../image/dm15.png) no-repeat top center;
	transition: all 1s
}

.brand.domainmonitor section.feature .feature-nav>a img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	transition: all .5s
}

.brand.domainmonitor section.feature .feature-nav>a img.hover {
	opacity: 0
}

.brand.domainmonitor section.feature .feature-nav>a h4 {
	font-size: 18px;
	color: #333;
	white-space: nowrap
}

.brand.domainmonitor section.feature .feature-nav>a.current img.hover {
	opacity: 1
}

.brand.domainmonitor section.feature .feature-nav>a.current::after {
	content: "";
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -50px;
	display: block;
	width: 7px;
	height: 50px;
	background: url(../image/dm15.png) no-repeat top center
}

@media screen and (max-width:768px) {
	.brand.domainmonitor section.feature .feature-nav>a {
		padding-left: 10px;
		padding-right: 10px
	}

	.brand.domainmonitor section.feature .feature-nav>a h4 {
		font-size: 16px
	}
}

@media screen and (max-width:480px) {
	.brand.domainmonitor section.feature .feature-nav {
		margin: 0
	}

	.brand.domainmonitor section.feature .feature-nav>a {
		padding-left: 5px;
		padding-right: 5px
	}

	.brand.domainmonitor section.feature .feature-nav>a h4 {
		font-size: 14px
	}
}

.brand.domainmonitor section.feature .feature-content {
	background: #fff;
	padding: 30px 40px;
	border: 1px solid #37639a;
	position: relative;
	box-shadow: 0 0 30px rgba(19,86,136,0.3)
}

.brand.domainmonitor section.feature .feature-content ul li {
	position: relative;
	padding-left: 18px
}

.brand.domainmonitor section.feature .feature-content ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	height: 11px;
	width: 11px;
	background: url(../image/dm09.png) no-repeat center
}

.brand.domainmonitor section.feature .feature-content ul li h4 {
	color: #0357a1;
	font-size: 16px
}

.brand.domainmonitor section.meaning {
	text-align: center
}

.brand.domainmonitor section.case {
	background: #f4f4f4
}

.brand.domainmonitor section.case .case-table {
	margin: -22px
}

.brand.domainmonitor section.case .case-table .rows {
	border-collapse: separate;
	border-spacing: 22px
}

.brand.domainmonitor section.case .case-table .rows>div>div {
	position: relative;
	box-shadow: 0 0 20px #e2e5e7;
	background: #fff;
	width: 33.33%;
	height: 70px;
	padding-left: 22px;
	padding-right: 30px;
	vertical-align: middle
}

.brand.domainmonitor section.case .case-table .rows>div>div::before {
	content: "";
	height: 70px;
	width: 3px;
	background: #f58900;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

.brand.domainmonitor section.case .case-table .rows>div>div a {
	font-size: 16px;
	color: #333
}

.brand.domainmonitor section.case .case-table .rows:nth-child(2) {
	max-width: 66.66%;
	margin: auto
}

@media screen and (max-width:768px) {
	.brand.domainmonitor section.case .case-table {
		margin: 0
	}

	.brand.domainmonitor section.case .case-table .rows {
		max-width: 100%;
		display: block
	}

	.brand.domainmonitor section.case .case-table .rows:nth-child(2) {
		max-width: 100%
	}

	.brand.domainmonitor section.case .case-table .rows>div {
		display: block
	}

	.brand.domainmonitor section.case .case-table .rows>div>div {
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 20px
	}

	.brand.domainmonitor section.case .case-table .rows>div>div::before {
		height: 100%
	}
}

.brand.domainmonitor section.advantage {
	background: #fff;
	background-size: cover
}

.brand.domainmonitor section.advantage .container>h1 {
	color: #333
}

.brand.domainmonitor section.advantage .advantage-table {
	padding: 0 60px
}

.brand.domainmonitor section.advantage .advantage-table .one-row>div {
	text-align: center
}

.brand.domainmonitor section.advantage .advantage-table .one-row>div p {
	color: #333;
	font-size: 16px;
	margin-top: 20px
}

@media screen and (max-width:992px) {
	.brand.domainmonitor section.advantage .advantage-table {
		padding: 0
	}
}

@media screen and (max-width:560px) {
	.brand.domainmonitor section.advantage .advantage-table .one-row {
		display: block
	}

	.brand.domainmonitor section.advantage .advantage-table .one-row>div {
		display: inline-block;
		margin-bottom: 20px;
		width: 50%;
		float: left
	}
}

.solution .banner .container {
	position: relative;
	height: 100%
}

.solution .banner .container .banner-txt {
	height: 400px;
	position: relative
}

.solution .banner .container .banner-txt img {
	max-width: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.solution section.bigdatasys {
	background: url(../image/bigdatasys-bg.png) no-repeat center;
	background-size: cover
}

.solution section.bigdatasys .container {
	text-align: center
}

.solution section.bigdatasys .container p {
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px
}

.solution section.bigdatasys .container img {
	max-width: 100%
}

@media screen and (max-width:768px) {
	.solution section.bigdatasys .container p {
		text-align: justify
	}

	.solution section.bigdatasys .container p br {
		display: none
	}
}

.solution section.industry .industry-table {
	display: table;
	border-collapse: collapse;
	width: 100%;
	margin-top: 50px
}

.solution section.industry .industry-table>div {
	display: table-row
}

.solution section.industry .industry-table>div>div {
	display: table-cell;
	text-align: center;
	border: #ddd solid 1px;
	padding-top: 50px;
	padding-bottom: 40px;
	width: 25%
}

.solution section.industry .industry-table>div>div p {
	font-size: 18px;
	color: #333;
	margin-top: 20px;
	margin-bottom: 0
}

@media screen and (max-width:768px) {
	.solution section.industry .industry-table>div>div img {
		max-height: 40px
	}

	.solution section.industry .industry-table>div>div p {
		font-size: 16px
	}
}

@media screen and (max-width:580px) {
	.solution section.industry .industry-table {
		display: block
	}

	.solution section.industry .industry-table>div {
		display: block
	}

	.solution section.industry .industry-table>div>div {
		display: block;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 20px;
		margin-bottom: 10px
	}

	.solution section.industry .industry-table>div>div p {
		font-size: 18px
	}
}

.solution section.partner {
	background: url(../image/partner-bg.png) no-repeat top
}

.solution section.partner h1 {
	color: #fff
}

.solution section.partner .partner-nav {
	position: relative;
	margin: 0 auto -44px;
	color: #fff;
	font-size: 18px
}

.solution section.partner .partner-nav .one-row {
	width: auto;
	margin: auto;
	border-collapse: separate;
	border-spacing: 40px
}

.solution section.partner .partner-nav .one-row>div {
	position: relative;
	text-align: center;
	padding: 20px 0;
	border-bottom: 4px solid transparent;
	white-space: nowrap
}

.solution section.partner .partner-nav .one-row>div img {
	position: relative;
	top: -2px;
	padding-right: 6px
}

.solution section.partner .partner-nav .one-row>div:hover {
	cursor: pointer
}

.solution section.partner .partner-nav .one-row>div.current {
	border-bottom-color: #2396f9
}

.solution section.partner .partner-nav .one-row>div.current::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -20px;
	border: transparent 8px solid;
	border-top-color: #2396f9
}

@media screen and (max-width:992px) {
	.solution section.partner .partner-nav {
		margin-bottom: -24px
	}

	.solution section.partner .partner-nav .one-row {
		border-spacing: 20px
	}

	.solution section.partner .partner-nav .one-row>div {
		font-size: 16px
	}

	.solution section.partner .partner-nav .one-row>div img {
		max-height: 18px
	}
}

@media screen and (max-width:768px) {
	.solution section.partner .partner-nav {
		margin-bottom: -14px
	}

	.solution section.partner .partner-nav .one-row {
		border-spacing: 10px
	}

	.solution section.partner .partner-nav .one-row>div {
		font-size: 14px
	}

	.solution section.partner .partner-nav .one-row>div img {
		display: none
	}
}

@media screen and (max-width:480px) {
	.solution section.partner .partner-nav .one-row>div {
		padding: 10px 0
	}

	.solution section.partner .partner-nav .one-row>div span {
		display: none
	}

	.solution section.partner .partner-nav .one-row>div.current::after {
		display: none
	}
}

.solution section.partner .partner-list {
	background: #fff;
	padding: 50px 20px;
	box-shadow: 0 0 20px rgba(79,88,112,0.3)
}

.solution section.partner .partner-list .one-row {
	width: auto;
	border-collapse: collapse;
	margin: auto
}

.solution section.partner .partner-list .one-row>div {
	text-align: center
}

.solution section.partner .partner-list .one-row>div img {
	max-width: 100%
}

@media screen and (max-width:768px) {
	.solution section.partner .partner-list .one-row {
		display: block;
		text-align: center
	}

	.solution section.partner .partner-list .one-row>div {
		display: inline
	}
}

.solution section.intro .one-row {
	position: relative
}

.solution section.intro .one-row>div {
	vertical-align: top
}

.solution section.intro .one-row>div h4 {
	font-size: 14px;
	line-height: 28px;
	padding-bottom: 20px;
	border-bottom: dashed #ddd 1px
}

.solution section.intro .one-row>div ul li {
	position: relative;
	padding-left: 50px
}

.solution section.intro .one-row>div ul li img {
	position: absolute;
	left: 0;
	top: 0
}

.solution section.intro .one-row>div ul li h3 {
	font-size: 18px;
	color: #333
}

@media screen and (max-width:1200px) {
	.solution section.intro .one-row .intro-txt {
		position: relative;
		z-index: 2
	}

	.solution section.intro .one-row .intro-img {
		position: absolute;
		width: 100%;
		text-align: right;
		opacity: .2
	}

	.solution section.intro .one-row .intro-img img {
		max-width: 100%
	}
}

.solution section.tech {
	background: url(../image/tech-bg.png) no-repeat center;
	background-size: cover;
	text-align: center
}

.solution section.tech h1 {
	color: #fff
}

.solution section.tech img {
	max-width: 100%;
	margin-top: 30px
}

.tmwrap .tmbanner {
	width: 100%;
	overflow: hidden;
	background: url(../image/TMbanner-bg.jpg) center no-repeat;
	background-size: cover
}

.tmwrap .tmbanner .banner-top {
	height: 300px
}

.tmwrap .tmbanner .banner-bottom .input-search {
	width: 60%
}

@media (max-width:992px) {
	.tmwrap .tmbanner .banner-bottom .input-search {
		width: 100%
	}
}

.tmwrap .tmbanner .input-search .btn-search {
	width: 140px
}

.tmwrap .tmbanner .input-search .btn-search span {
	font-size: 22px;
	letter-spacing: 3px
}

.tmwrap .tmbanner .input-search .www {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	height: 48px;
	width: 60px;
	border: none;
	outline: medium none;
	border-right: #eee 1px solid;
	padding-left: 10px;
	text-align: center;
	background: url(../image/R.png) no-repeat center
}

.tmwrap .tmbanner .input-search .form-control {
	padding-left: 80px;
	border-color: #144895
}

.tmwrap .block-title {
	margin-top: 0;
	margin-bottom: 10px
}

.tmwrap .block-title span {
	font-size: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #144895
}

.tmwrap .block-title i {
	font-size: 20px;
	color: #CCC
}

.tmwrap .gray-bg .block-title .long-slash {
	border-bottom-color: #dedede;
	white-space: nowrap
}

.tmwrap .tm-content {
	background: #f5f6f8
}

.tmwrap .tm-content .nav-list li a {
	color: #333
}

.tmwrap .tm-content .block-title {
	margin: 0;
	font-size: 22px;
	text-align: left
}

.tmwrap .tm-content .block-title div:empty {
	margin: 0 0 10px 0
}

.tmwrap .tm-content .container {
	position: relative
}

.tmwrap .tm-content .contain {
	background: #fff;
	margin: 0 0 40px 200px;
	padding: 20px;
	min-height: 920px
}

.tmwrap .tm-content #helptab2,.tmwrap .tm-content #helptab3,.tmwrap .tm-content #helptab4 {
	display: none
}

.tmwrap .tm-content p {
	line-height: 30px
}

.tmwrap .tm-content .tm-nav {
	background: #fff;
	width: 180px;
	position: absolute;
	top: 40px;
	left: 0;
	padding: 20px
}

.tmwrap .tm-content .tm-nav .block-title {
	text-align: center
}

.tmwrap .tm-content .nav-list {
	margin: 0;
	padding: 0 0 10px
}

.tmwrap .tm-content .nav-list li {
	background: #f5f6f8;
	margin-top: 10px;
	text-align: left;
	padding: 10px;
	font-size: 16px
}

.tmwrap .tm-content .nav-list>li.selected {
	background: #f58900
}

.tmwrap .tm-content .nav-list .nation-list>li.selected a {
	color: #f58900;
	font-weight: bold
}

.tmwrap .tm-content .nav-list li a:hover {
	color: #f58900
}

.tmwrap .tm-content .nav-list li.selected a {
	color: #fff
}

.tmwrap .tm-content .nav-list li .nation-list {
	padding-top: 10px
}

.tmwrap .tm-content .nav-list li .nation-list li {
	padding: 5px;
	font-size: 14px;
	margin-top: 0;
	border-top: 1px #e8e8e8 solid
}

.tmwrap .tm-content .nav-list li .nation-list li a {
	color: #666;
	white-space: nowrap
}

.tmwrap .tm-content .nav-list li .nation-list li a img {
	margin-right: 5px
}

.tmwrap .tm-content table {
	width: 80%
}

.tmwrap .tm-content table td {
	border: solid #ACA899 1pt;
	text-align: center
}

.tmwrap .tm-content .paragraph {
	margin-bottom: 20px;
	line-height: 1.8
}

.tmwrap .tm-content .paragraph .title {
	font-weight: bold;
	color: #333
}

.tmwrap .tm-content .paragraph .txt {
	padding-left: 30px
}

.tmwrap .tm-content .paragraph .intro {
	color: #aaa
}

@media (max-width:992px) {
	.tmwrap .tm-content .nav-list li {
		display: inline-block
	}

	.tmwrap .tm-content .tm-nav {
		position: static;
		width: auto;
		background: none;
		padding: 0;
		background: #fff;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 40px
	}

	.tmwrap .tm-content .tm-nav .block-title {
		display: none
	}

	.tmwrap .tm-content .contain {
		margin-left: 0
	}

	.tmwrap .tm-content .nav-list li {
		background: #fff
	}

	.tmwrap .tm-content table {
		width: 100%
	}
}

.tmwrap .tm-content .breadcrumb {
	margin: 0 !important
}

.tmwrap .tm-catalog,.tmwrap .tm-adds,.tmwrap .tm-papers,.tmwrap .tm-timeline,.tmwrap .tm-service,.tmwrap .tm-QA {
	padding-top: 60px;
	padding-bottom: 60px
}

.tmwrap .tm-adds,.tmwrap .tm-timeline,.tmwrap .tm-QA {
	background: #f5f6f8
}

.tmwrap .tm-catalog .tab0 {
	position: relative;
	height: 400px
}

.tmwrap .tm-catalog .hotlog {
	position: absolute;
	display: table;
	width: 100%;
	padding-left: 0
}

.tmwrap .tm-catalog .hot-2 {
	top: 120px;
	left: 7.145%
}

.tmwrap .tm-catalog .hotlog li {
	display: table-cell;
	height: 200px;
	background: url(../image/hottm-border.png) center no-repeat;
	vertical-align: middle;
	text-align: center
}

.tmwrap .tm-catalog .hotlog li:hover {
	background-image: url(../image/hottm-border-hover.png);
	cursor: pointer
}

.tmwrap .tm-catalog .hotlog li img {
	border-radius: 50% !important;
	width: 50px;
	height: 50px;
	border: 1px #f58900 solid
}

.tmwrap .tm-catalog .hotlog li P {
	padding-top: 5PX;
	font-size: 16PX;
	width: 120PX;
	margin: 0 auto
}

@media (max-width:992px) {
	.tmwrap .tm-catalog .hotlog li P span {
		display: none
	}

	.tmwrap .tm-catalog .hotlog li {
		height: 150px;
		background-size: 80%
	}

	.tmwrap .tm-catalog .hotlog li.none992 {
		display: none
	}

	.tmwrap .tm-catalog .hotlog .hot-2 {
		top: 110px;
		left: 10%
	}
}

@media (max-width:768px) {
	.tmwrap .tm-catalog .hotlog li {
		height: 150px;
		background-size: 120px
	}

	.tmwrap .tm-catalog .hot-1 {
		padding-top: 10px
	}

	.tmwrap .tm-catalog .hotlog li.none768 {
		display: none
	}

	.tm-catalog .hot-2 {
		width: 70% !important;
		top: 130px !important;
		left: 15.666% !important
	}

	.tm-catalog .hotlog li.none770 {
		display: none
	}

	.tm-catalog .hotlog li.block768 {
		width: 50%
	}
}

.tmwrap .tm-catalog .tmhotlog {
	display: table;
	width: 100%;
	padding-left: 0
}

.tmwrap .tm-catalog .tmhotlog li {
	display: table-cell;
	text-align: center
}

.tmwrap .tm-catalog .tmhotlog li img {
	width: 120px;
	height: 120px;
	border-radius: 50% !important;
	border: 5px solid #eee
}

.tmwrap .tm-catalog .tmhotlog li img:hover {
	cursor: pointer;
	border-color: #f58900
}

.tmwrap .tm-catalog .tmlog {
	background: #f5f6f8;
	padding: 20px
}

.tmwrap .tm-catalog .tmlog ul {
	margin: 0
}

.tmwrap .tm-catalog .tmlog ul li {
	display: inline-block;
	float: left;
	width: 120px;
	height: 30px;
	line-height: 30px
}

.tmwrap .tm-catalog .tmlog ul li img {
	margin-right: 6px
}

@media (max-width:992px) {
	.tmwrap .tab-wrap2 .tabs>li a span {
		display: none
	}
}

.tmwrap .tm-catalog .organ-list,.tmwrap .tm-catalog .wipo-list {
	display: table;
	width: 100%;
	padding-left: 0
}

.tmwrap .tm-catalog .organ-list>li {
	display: table-cell;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px
}

.tmwrap .tm-catalog .organ-list>li:first-child {
	width: 50%
}

.tmwrap .tm-catalog .organ-list>li img {
	width: 120px;
	height: 120px;
	border-radius: 50% !important;
	border: 5px solid #eee
}

.tmwrap .tm-catalog .organ-list>li p:first-of-type {
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold
}

.tmwrap .tm-catalog .wipo-list li {
	display: table-cell;
	vertical-align: top
}

.tmwrap .tm-catalog .wipo-list li:last-child {
	padding-left: 20px;
	padding-right: 20px
}

.tmwrap .tm-catalog .wipo-list li img {
	width: 250px
}

.tmwrap .tm-catalog .wipo-list li p:first-of-type {
	font-size: 18px;
	font-weight: bold
}

.tmwrap .tm-catalog .wipo-list li p:last-child {
	color: #aaa
}

@media (max-width:1079px) {
	.tmwrap .tm-catalog .tmhotlog li img {
		width: 80px;
		height: 80px
	}
}

@media (max-width:599px) {
	.tmwrap .tm-catalog .tmhotlog li img {
		width: 40px;
		height: 40px;
		border-width: 2px
	}
}

@media (max-width:768px) {
	.tmwrap .tm-catalog .tmlog ul li img {
		margin-right: 0
	}

	.tmwrap .tm-catalog .tmlog ul li {
		width: 100px
	}
}

@media (max-width:390px) {
	.tmwrap .tm-catalog .tmlog ul li img {
		display: none
	}

	.tmwrap .tm-catalog .tmlog ul li {
		width: 90px
	}
}

@media (max-width:559px) {
	.tab-wrap2 .tabs>li {
		font-size: 14px;
		height: 30px;
		line-height: 30px
	}
}

@media (max-width:992px) {
	.tmwrap .tm-catalog .wipo-list li {
		display: table-row
	}

	.tmwrap .tm-catalog .wipo-list li:first-child {
		text-align: center
	}

	.tmwrap .tm-catalog .wipo-list li img {
		padding-bottom: 20px
	}

	.tmwrap .tm-catalog .wipo-list li p {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width:467px) {
	.tmwrap .tm-catalog .hotlog li {
		background: none;
		height: auto
	}

	.tmwrap .tm-catalog .hotlog li:hover {
		background-image: none
	}

	.tmwrap .tm-catalog .hotlog li P {
		width: auto
	}

	.tmwrap .tm-catalog .hot-1 {
		top: 10px
	}

	.tmwrap .tm-catalog .hot-2 {
		top: 100px
	}

	.tmwrap .tm-catalog .tab0 {
		height: 280px
	}
}

@media (max-width:560px) {
	.tmwrap .tm-catalog .organ-list>li {
		display: table-row
	}

	.tmwrap .tm-catalog .organ-list>li p {
		padding-left: 20px;
		padding-right: 20px
	}
}

.tmwrap .tm-adds {
	text-align: center
}

.tmwrap .tm-adds img {
	padding: 20px;
	height: 120px
}

.tmwrap .tm-adds p:first-of-type {
	font-size: 24px;
	color: #49bde2
}

.tmwrap .tm-papers ol {
	padding-left: 70px
}

.tmwrap .tm-papers ol li {
	font-size: 16px;
	position: relative
}

.tmwrap .tm-papers ol li .iconfont {
	font-size: 30px;
	position: relative;
	top: 5px;
	color: #f58900
}

.tmwrap .tm-papers ol li span {
	display: inline-block;
	margin-top: -10px
}

.tmwrap .col-2 {
	background: #f5f6f8;
	padding: 20px;
	margin: 30px 10px 0;
	position: relative;
	border-top: 3px solid #f58900
}

.tmwrap .col-2 .top {
	display: table;
	height: 80px;
	padding-left: 70px
}

.tmwrap .col-2 .top>div:first-child {
	padding-right: 10px
}

.tmwrap .col-2 .top>div {
	display: table-cell;
	vertical-align: middle
}

.tmwrap .col-2 .top img {
	height: 50px
}

.tmwrap .tm-timeline IMG {
	width: 100%;
	padding-top: 40PX;
	padding-bottom: 20PX
}

.tmwrap .tm-timeline .timeline-table {
	display: table;
	width: 100%;
	margin-top: 20px
}

.tmwrap .tm-timeline .timeline-table>div {
	display: table-cell
}

.tm-timeline .timeline-table .step {
	width: 300px;
	border: dashed 1px #f58900;
	padding: 20px;
	margin: 0 auto;
	background: #fff;
	position: relative
}

.timeline-table .step>div,.timeline-table .step>.btn {
	width: 260px
}

.timeline-table .step i {
	position: absolute;
	top: 120px;
	right: -70px;
	font-size: 60px;
	color: #ddd;
	opacity: .6
}

.timeline-table .step .red {
	color: #ff5546
}

.timeline-table .step .blue {
	color: #5dbfe4
}

.timeline-table .step .green {
	color: #51b642
}

@media (max-width:992px) {
	.tmwrap .tm-timeline .timeline-table>div {
		display: table-row
	}

	.timeline-table .step i,.timeline-table .step>.step-slash {
		display: none
	}

	.timeline-table .step .tit p {
		width: 100% !important
	}

	.tm-timeline .timeline-table .step {
		margin-bottom: 20px;
		width: 100%
	}

	.timeline-table .step>div {
		width: 50%;
		display: table-cell
	}

	.timeline-table .step>.btn {
		width: 100%
	}

	.hover-tab .tab-nav {
		display: none !important
	}

	.tab-content {
		display: block !important
	}

	.tmwrap .tm-QA .hover-tab {
		padding-top: 20PX;
		padding-bottom: 20PX
	}

	.hover-tab .tab-content {
		padding-bottom: 0;
		padding-TOP: 0
	}

	.hover-tab .tab-nav+.tab-content {
		padding-top: 20px
	}

	.hover-tab .tab-content:last-child {
		padding-bottom: 20px
	}

	.tm-QA .hover-tab .QA-table>div>div {
		display: table-row !important
	}

	.tm-QA .hover-tab .QA-table .QA-item img {
		width: 30px !important
	}

	.tmwrap .tm-catalog,.tmwrap .tm-adds,.tmwrap .tm-papers,.tmwrap .tm-timeline,.tmwrap .tm-service,.tmwrap .tm-service-list,.tmwrap .tm-QA {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.tm-QA .hover-tab .QA-table .QA-item>* {
		font-size: 14px !important
	}
}

.timeline-table .step .tit {
	position: relative;
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	height: 70px;
	margin-top: 10px
}

.timeline-table .step .tit p {
	margin: 0;
	position: absolute;
	margin: auto;
	width: 260px;
	text-align: center
}

.timeline-table .step .tit p:nth-of-type(1) {
	font-size: 50px;
	top: -30px
}

.timeline-table .step .tit p:nth-of-type(2) {
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 22px;
	top: 22px
}

.timeline-table .step .tit p:nth-of-type(3) {
	color: #aaa;
	top: 50px;
	letter-spacing: 6px
}

.timeline-table .step .sit {
	display: none
}

.timeline-table .step .sit .txt {
	position: relative;
	margin: auto;
	background: #fff;
	width: 100px;
	border-left: 1px #ddd solid;
	border-right: 1px #ddd solid;
	z-index: 99;
	color: #aaa;
	letter-spacing: 2px
}

.timeline-table .step .sit .slash {
	height: 1px;
	background: #ddd;
	width: 100%;
	position: absolute;
	top: 10px
}

.timeline-table .step .tip {
	height: 120px;
	margin-bottom: 10px
}

.timeline-table .step .tip span {
	color: #ddd;
	padding-right: 3px
}

.timeline-table .step .btn {
	font-size: 18px
}

.tmwrap .tm-service .row {
	padding-top: 50px;
	padding-bottom: 50px;
	background: url(../image/map.png) center bottom no-repeat
}

.tmwrap .tm-service {
	text-align: center
}

.tmwrap .tm-service .row .col-sm-4 {
	padding-top: 60px;
	padding-bottom: 120px
}

.tmwrap .tm-service p {
	font-size: 18px
}

.tmwrap .tm-service p:first-of-type {
	padding-top: 20px;
	font-size: 30px
}

@media (max-width:768px) {
	.tmwrap .tm-service .row {
		background: none
	}

	.tmwrap .tm-service .row .col-sm-4 {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

.tmwrap .tm-QA .hover-tab {
	margin-top: 30px
}

.tmwrap .tm-QA .hover-tab .nav-item {
	margin-right: 30px
}

.tm-QA .hover-tab .QA-table {
	display: table;
	width: 100%
}

.tm-QA .hover-tab .QA-table>div {
	display: table-row
}

.tm-QA .hover-tab .QA-table>div>div {
	display: table-cell;
	padding-top: 10px;
	padding-bottom: 10px
}

.tm-QA .hover-tab .QA-table .QA-item {
	position: relative
}

.tm-QA .hover-tab .QA-table .QA-item>* {
	display: inline-block;
	font-size: 18px;
	color: #666
}

.tm-QA .hover-tab .QA-table .QA-item span {
	position: absolute;
	left: 0;
	top: 0
}

.tm-QA .hover-tab .QA-table .QA-item img {
	width: 40px
}

.tm-QA .hover-tab .QA-table .QA-item p {
	padding-left: 10px
}

.tm-QA .hover-tab .QA-table .QA-item p:hover {
	color: #f58900
}

.tm-bar {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999
}

.tm-bar .container {
	position: relative
}

.tm-bar .tm-bar-tit {
	font-size: 28px;
	text-align: center;
	padding: 10px 0;
	position: relative;
	color: #fff
}

.tm-bar .tm-bar-tit span:first-child {
	font-weight: bold;
	letter-spacing: 2px
}

.tm-bar .tm-bar-table {
	display: table;
	width: 100%
}

.tm-bar .tm-bar-table>div {
	display: table-cell;
	padding: 0 10px 10px;
	vertical-align: middle
}

.tm-bar .tm-bar-table>div img {
	width: 60px
}

.tm-bar .tm-bar-close {
	position: absolute;
	top: 20px;
	right: 20px;
	color: white
}

.tm-bar .tm-bar-bg {
	position: absolute;
	background: #000;
	opacity: .5;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1
}

.tm-bar .btn-blue {
	letter-spacing: 2px
}

.tm-details .input-search .form-control {
	border-color: #ccc
}

.tm-details .gaishu {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 20px
}

.tm-details .gaishu>div {
	display: table-row
}

.tm-details .gaishu>div>div {
	display: table-cell;
	vertical-align: top;
	font-size: 16px
}

.tmwrap .tm-content table {
	width: 100%
}

.summary {
	margin-bottom: 20px
}

.summary td {
	padding: 0 0 20px;
	vertical-align: top;
	text-align: left !important;
	border: none !important;
	font-size: 16px
}

.summary .sum-txt {
	padding-right: 30px
}

.summary img {
	display: block;
	height: 280px;
	border: 5px #eee solid
}

@media (max-width:768px) {
	.summary img {
		display: none
	}
}

.recom-table {
	margin-top: 20px;
	margin-bottom: 50px
}

.recom-table td {
	border: none !important;
	vertical-align: top
}

.recom {
	width: 360px
}

.recom>div:nth-child(2) p:nth-child(1) {
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px
}

.recom>div:nth-child(2) p:nth-child(2) {
	text-align: left !important
}

.recom img {
	border-radius: 50% !important;
	border: #eee 5px solid;
	width: 150px;
	height: 150px
}

.article-table {
	width: 100%
}

.article-table td {
	text-align: center;
	border: none !important
}

.article-link {
	margin: 20px auto;
	font-size: 16px
}

.article-link img {
	border: none !important
}

.tm-details-search .www {
	position: absolute;
	display: block;
	top: 1px;
	left: 1px;
	height: 48px;
	width: 60px;
	border: none;
	outline: medium none;
	border-right: #eee 1px solid;
	padding-left: 10px;
	text-align: center;
	background: url(../image/R.png) no-repeat center
}

.tm-details-search span {
	font-size: 22px;
	letter-spacing: 3px
}

.tm-details-search .btn-search {
	width: 140px
}

.tm-details-search .form-control {
	padding-left: 80px
}

.tmwrap .tm-content .paragraph .title {
	font-weight: bold;
	color: #333;
	font-size: 18px;
	padding-bottom: 15px
}

.tmwrap .tm-content .paragraph {
	margin-bottom: 60px
}

.bannercontainer {
	height: 315px;
	overflow: hidden
}

.tm-banner-search {
	position: relative;
	top: 15px;
	left: 0;
	height: 280px;
	width: 300px;
	padding: 20px 15px
}

.tm-banner-search .con {
	position: relative;
	z-index: 99
}

.tm-banner-search .tit {
	background-size: 100%;
	margin: 0 auto 8px
}

.tm-banner-search .has-feedback i {
	color: #4e4e4e
}

.tm-banner-search .btn {
	background: #2774f3
}

.tm-banner-search .bg {
	height: 100%;
	width: 100%;
	background: #fff;
	opacity: .4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

@media (max-width:768px) {
	.tm-banner-search {
		margin: 0;
		width: auto;
		height: auto;
		left: 0;
		right: 0
	}

	.tm-banner-search .bg {
		opacity: 1;
		background: #b2d0f1
	}
}

@media (max-width:545px) {
	.tm-banner-search .tit {
		background: none;
		height: auto
	}

	.tm-banner-search .tit img {
		display: inline;
		width: 100%
	}

	.tm-banner-search {
		padding-left: 15px;
		padding-right: 15px
	}
}

.tm-banner-search .form-group {
	margin-bottom: 8px
}

.results {
	padding-top: 60px;
	padding-bottom: 60px
}

.table-tmsearchresult th {
	white-space: nowrap;
	background: #f5f5f5
}

.table-tmsearchresult img {
	width: 160px
}

.business {
	background: #fbfdff;
	padding: 40px 0;
	text-align: center
}

.business h1 {
	font-size: 32px;
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px
}

.business img.why {
	max-width: 100%
}

.business .cata {
	border: solid 1px #ddd;
	margin-top: 40px
}

.busicata-wrap {
	padding: 0 30px
}

.busicata-wrap .nav-table {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px
}

.busicata-wrap .nav-table>div {
	display: table-cell;
	width: 25%
}

.busicata-wrap .nav-table .icon {
	height: 43px;
	width: 43px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	margin-right: 6px
}

.busicata-wrap .nav-table .item {
	position: relative;
	background: #58606e;
	border-radius: 6px;
	color: #fff;
	font-size: 20px;
	padding: 12px;
	padding-left: 20%;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	text-align: center;
	background: -webkit-linear-gradient(90deg, #767e8c, #555c6a);
	background: -o-linear-gradient(90deg, #767e8c, #555c6a);
	background: -moz-linear-gradient(90deg, #767e8c, #555c6a);
	background: linear-gradient(90deg, #767e8c, #555c6a)
}

@media (max-width:1119px) {
	.busicata-wrap .nav-table .item {
		padding-left: 14%
	}
}

.busicata-wrap .nav-table .item:hover {
	background: -webkit-linear-gradient(90deg, #50a2de, #3b68d9);
	background: -o-linear-gradient(90deg, #50a2de, #3b68d9);
	background: -moz-linear-gradient(90deg, #50a2de, #3b68d9);
	background: linear-gradient(90deg, #50a2de, #3b68d9);
	cursor: pointer
}

.busicata-wrap .nav-table .item.current {
	background: -webkit-linear-gradient(90deg, #50a2de, #3b68d9);
	background: -o-linear-gradient(90deg, #50a2de, #3b68d9);
	background: -moz-linear-gradient(90deg, #50a2de, #3b68d9);
	background: linear-gradient(90deg, #50a2de, #3b68d9)
}

.busicata-wrap .nav-table .item.current::after {
	position: absolute;
	margin: auto;
	bottom: -30px;
	left: 0;
	right: 0;
	content: "";
	height: 0;
	width: 0;
	border: transparent solid 16px;
	border-top-color: #4584db;
	border-right-width: 12px;
	border-left-width: 12px
}

.busicata-wrap .cata-table {
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 10px
}

.busicata-wrap .cata-table .item {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	border: #dbe1ea solid 1px;
	height: 100%
}

.busicata-wrap .cata-table .item .tit {
	background: #f4f7fc;
	padding: 10px;
	font-size: 20px;
	width: 100%;
	color: #333
}

.busicata-wrap .cata-table .item ul {
	margin: 20px
}

.busicata-wrap .cata-table .item ul a {
	color: #333
}

.busicata-wrap .cata-table .item ul li {
	border: #ddd solid 1px;
	border-radius: 6px;
	padding: 6px 12px;
	margin-right: 10px;
	white-space: nowrap;
	float: left;
	width: 140px;
	margin-bottom: 10px;
	position: relative;
	box-sizing: border-box;
	overflow: hidden
}

.busicata-wrap .cata-table .item ul li.selected {
	border-color: #3c6ad9
}

.busicata-wrap .cata-table .item ul li.selected::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14px;
	height: 14px;
	background: url(../image/selected.png) center no-repeat
}

.busicata-wrap .tm-btn {
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	border: none;
	color: #fff;
	padding: 10px 60px;
	font-size: 16px;
	display: inline-block;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	margin: 20px auto 40px
}

@media (max-width:992px) {
	.busicata-wrap {
		padding: 0
	}

	.busicata-wrap .cata-table>.item {
		display: block;
		width: 100%;
		margin-bottom: 10px
	}

	.busicata-wrap .nav-table .item div {
		text-align: center;
		width: 100%;
		font-size: 14px;
		white-space: nowrap
	}

	.busicata-wrap .nav-table .icon,.busicata-wrap .nav-table .item div span {
		display: none
	}
}

.tm.details>.banner {
	background: url(../image/banner-details.png) center no-repeat,#084bbb
}

.IP-contry.details .banner {
	background: url(../image/banner-ip_contry.jpg) center no-repeat
}

.tm .help,.IP-contry .help {
	height: 125px;
	background: url(../image/bottom-bg.png) center no-repeat,#6381cb
}

.tm .help .btn,.IP-contry .help .btn {
	box-shadow: 0 5px 10px rgba(42,104,156,0.8)
}

.tm .help .btn:hover,.IP-contry .help .btn:hover {
	padding: 0 22px;
	transition: .5s
}

.tm .banner,.IP-contry .banner {
	height: 315px
}

.tm.details .orange-btn,.IP-contry.details .orange-btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none
}

.tm.details .banner .container,.IP-contry.details .banner .container {
	text-align: center
}

.tm.details .banner .container h1,.IP-contry.details .banner .container h1 {
	color: #fff;
	font-weight: bold;
	font-size: 48px;
	margin-top: 50px;
	text-shadow: 0 5px 30px #0a48af
}

.tm.details .banner .container img,.IP-contry.details .banner .container img {
	max-width: 100%;
	display: block;
	margin: 10px auto
}

.tm.details .banner .container a,.IP-contry.details .banner .container a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none;
	box-shadow: 0 4px 0 rgba(42,104,156,0.8)
}

.tm.details .banner .container a i,.IP-contry.details .banner .container a i {
	padding-right: 6px
}

@media screen and (max-width:520px) {
	.tm.details .banner .container h1,.IP-contry.details .banner .container h1 {
		font-size: 36px;
		margin-top: 70px
	}
}

@media screen and (max-width:390px) {
	.tm.details .banner .container h1,.IP-contry.details .banner .container h1 {
		font-size: 32px
	}

	.tm.details .banner .container img,.IP-contry.details .banner .container img {
		margin: 20px auto
	}
}

.tm.details .two-cols,.IP-contry.details .two-cols {
	width: 100%;
	display: table
}

.tm.details .two-cols>div,.IP-contry.details .two-cols>div {
	display: table-cell
}

.tm.details .two-cols .nav,.IP-contry.details .two-cols .nav {
	width: 240px;
	padding-right: 30px
}

.tm.details .two-cols .nav h3,.IP-contry.details .two-cols .nav h3 {
	color: #333;
	font-size: 24px;
	border-bottom: 1px solid #dcdcdc;
	margin: 28px auto 0;
	padding-bottom: 16px
}

.tm.details .two-cols .nav ul,.IP-contry.details .two-cols .nav ul {
	width: 100%
}

.tm.details .two-cols .nav .continents>li,.IP-contry.details .two-cols .nav .continents>li {
	border-bottom: 1px solid #dcdcdc
}

.tm.details .two-cols .nav .continents>li>a,.IP-contry.details .two-cols .nav .continents>li>a {
	position: relative;
	display: block;
	color: #333;
	font-size: 18px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 22px
}

.tm.details .two-cols .nav .continents>li>a:hover,.IP-contry.details .two-cols .nav .continents>li>a:hover {
	color: #004098
}

.tm.details .two-cols .nav .continents>li>a::after,.IP-contry.details .two-cols .nav .continents>li>a::after {
	content: "\e679";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: auto;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	transition: all .5s
}

@media screen and (max-width:768px) {
	.tm.details .two-cols .nav .continents>li>a:only-child,.IP-contry.details .two-cols .nav .continents>li>a:only-child {
		margin-bottom: 10px
	}
}

.tm.details .two-cols .nav .continents>li>a:only-child::after,.IP-contry.details .two-cols .nav .continents>li>a:only-child::after {
	display: none
}

.tm.details .two-cols .nav .continents>li .countrys,.IP-contry.details .two-cols .nav .continents>li .countrys {
	height: 0;
	overflow: hidden;
	transition: all .5s
}

.tm.details .two-cols .nav .continents>li .countrys>li,.IP-contry.details .two-cols .nav .continents>li .countrys>li {
	padding-left: 20%;
	padding-top: 9px;
	padding-bottom: 9px;
	margin: 2px auto;
	color: #333;
	font-size: 14px
}

.tm.details .two-cols .nav .continents>li .countrys>li img,.IP-contry.details .two-cols .nav .continents>li .countrys>li img {
	padding-right: 10px
}

.tm.details .two-cols .nav .continents>li .countrys>li:hover,.IP-contry.details .two-cols .nav .continents>li .countrys>li:hover {
	background: #edf6fc;
	cursor: pointer
}

.tm.details .two-cols .nav .continents>li .countrys>li.current,.IP-contry.details .two-cols .nav .continents>li .countrys>li.current {
	position: relative;
	background: #edf6fc
}

.tm.details .two-cols .nav .continents>li .countrys>li.current::after,.IP-contry.details .two-cols .nav .continents>li .countrys>li.current::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	height: 0;
	width: 0;
	border-top: transparent 5px solid;
	border-bottom: transparent 5px solid;
	border-left: #f58900 6px solid;
	border-right: transparent 6px solid
}

.tm.details .two-cols .nav .continents>li.current>a,.IP-contry.details .two-cols .nav .continents>li.current>a {
	color: #004098
}

.tm.details .two-cols .nav .continents>li.current>a::after,.IP-contry.details .two-cols .nav .continents>li.current>a::after {
	transform: rotate(90deg)
}

.tm.details .two-cols .nav .continents>li.current .countrys,.IP-contry.details .two-cols .nav .continents>li.current .countrys {
	height: auto
}

.tm.details .two-cols .nav .arrow>li,.IP-contry.details .two-cols .nav .arrow>li {
	border-bottom: 1px solid #dcdcdc
}

.tm.details .two-cols .nav .arrow>li>a,.IP-contry.details .two-cols .nav .arrow>li>a {
	position: relative;
	display: block;
	color: #333;
	font-size: 18px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 22px
}

.tm.details .two-cols .nav .arrow>li>a::after,.IP-contry.details .two-cols .nav .arrow>li>a::after {
	content: "\e679";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: auto;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	transition: all .5s
}

.tm.details .two-cols .nav .arrow .current a,.IP-contry.details .two-cols .nav .arrow .current a {
	color: #004098
}

.tm.details .two-cols .nav .service>li,.IP-contry.details .two-cols .nav .service>li {
	border-bottom: 1px solid #dcdcdc
}

.tm.details .two-cols .nav .service>li>a,.IP-contry.details .two-cols .nav .service>li>a {
	position: relative;
	display: block;
	color: #333;
	font-size: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 22px
}

.tm.details .two-cols .nav .service>li>a::after,.IP-contry.details .two-cols .nav .service>li>a::after {
	content: "\e679";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: auto;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	transition: all .5s
}

.tm.details .two-cols .nav .service .current,.IP-contry.details .two-cols .nav .service .current {
	background: #edf6fc
}

.tm.details .two-cols .nav .service .current a,.IP-contry.details .two-cols .nav .service .current a {
	color: #004098;
	font-weight: bold
}

@media screen and (max-width:992px) {
	.tm.details .two-cols .nav,.IP-contry.details .two-cols .nav {
		width: 180px
	}

	.tm.details .two-cols .nav h3,.IP-contry.details .two-cols .nav h3 {
		padding-left: 6px
	}

	.tm.details .two-cols .nav .continents>li>a,.IP-contry.details .two-cols .nav .continents>li>a {
		padding-left: 6px
	}

	.tm.details .two-cols .nav .continents>li .countrys>li,.IP-contry.details .two-cols .nav .continents>li .countrys>li {
		padding-left: 6px
	}

	.tm.details .two-cols .nav .continents>li .countrys>li img,.IP-contry.details .two-cols .nav .continents>li .countrys>li img {
		padding-right: 6px
	}
}

@media screen and (max-width:768px) {
	.tm.details .two-cols .nav,.IP-contry.details .two-cols .nav {
		padding-right: 0
	}

	.tm.details .two-cols .nav .continents>li>a,.IP-contry.details .two-cols .nav .continents>li>a {
		padding-bottom: 0
	}

	.tm.details .two-cols .nav .continents>li .countrys,.IP-contry.details .two-cols .nav .continents>li .countrys {
		margin-bottom: 10px
	}

	.tm.details .two-cols .nav .continents>li .countrys>li,.IP-contry.details .two-cols .nav .continents>li .countrys>li {
		display: inline-block;
		padding: 6px 10px
	}

	.tm.details .two-cols .nav .continents>li .countrys>li.current::after,.IP-contry.details .two-cols .nav .continents>li .countrys>li.current::after {
		display: none
	}
}

.tm.details .two-cols .content,.IP-contry.details .two-cols .content {
	border-left: 1px solid #dcdcdc;
	text-align: center;
	padding-bottom: 20px;
	padding-left: 40px
}

.tm.details .two-cols .content section,.IP-contry.details .two-cols .content section {
	padding: 30px 0 0
}

.tm.details .two-cols .content section h1,.IP-contry.details .two-cols .content section h1 {
	font-size: 30px;
	font-weight: normal;
	position: relative;
	padding: 0 59px;
	display: inline-block;
	margin-top: 20px
}

.tm.details .two-cols .content section h1 .temp,.IP-contry.details .two-cols .content section h1 .temp {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	height: 13px;
	width: 39px;
	display: block
}

.tm.details .two-cols .content section h1::before,.IP-contry.details .two-cols .content section h1::before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	height: 13px;
	width: 39px;
	display: block;
	left: 0;
	background: url(../image/tit-l.png) center no-repeat
}

.tm.details .two-cols .content section h1::after,.IP-contry.details .two-cols .content section h1::after {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	height: 13px;
	width: 39px;
	display: block;
	right: 0;
	background: url(../image/tit-r.png) center no-repeat
}

@media screen and (max-width:768px) {
	.tm.details .two-cols .content section h1,.IP-contry.details .two-cols .content section h1 {
		font-size: 24px
	}
}

@media screen and (max-width:768px) {
	.tm.details .two-cols .content,.IP-contry.details .two-cols .content {
		border-left: none;
		padding-left: 0
	}
}

@media screen and (max-width:768px) {
	.tm.details .two-cols,.IP-contry.details .two-cols {
		display: block
	}

	.tm.details .two-cols>div,.IP-contry.details .two-cols>div {
		display: block;
		width: 100% !important
	}
}

.tm.details section.eu img,.IP-contry.details section.eu img {
	max-width: 100%
}

.tm.details section.tm-describe,.IP-contry.details section.tm-describe {
	padding: 70px 0 20px !important
}

.tm.details section.tm-describe .bg,.IP-contry.details section.tm-describe .bg {
	background: url(../image/ob01.png) right bottom no-repeat;
	background-size: 98% 90%;
	padding: 0 3% 3% 0
}

.tm.details section.tm-describe .info,.IP-contry.details section.tm-describe .info {
	padding: 25px 30px;
	box-shadow: 0 0 15px rgba(57,134,207,0.5);
	background: #fff;
	text-align: left
}

.tm.details section.tm-describe .info h2,.IP-contry.details section.tm-describe .info h2 {
	text-align: left;
	margin: 0;
	color: #333
}

.tm.details section.tm-describe .info p,.IP-contry.details section.tm-describe .info p {
	text-align: left;
	color: #666;
	line-height: 24px;
	margin: 15px 0
}

.tm.details section.tm-describe .info span,.IP-contry.details section.tm-describe .info span {
	color: #333
}

.tm.details section.tm-describe .info orange,.IP-contry.details section.tm-describe .info orange {
	color: #ff7954;
	font-size: 20px
}

.tm.details section.patent-describe,.IP-contry.details section.patent-describe {
	padding: 70px 0 20px !important
}

.tm.details section.patent-describe .info,.IP-contry.details section.patent-describe .info {
	padding: 25px 30px;
	border: 1px solid #5f90ff;
	background: #f5f9ff;
	text-align: left
}

.tm.details section.patent-describe .info h2,.IP-contry.details section.patent-describe .info h2 {
	display: table;
	margin: auto;
	color: #333
}

.tm.details section.patent-describe .info p,.IP-contry.details section.patent-describe .info p {
	text-align: left;
	color: #666;
	line-height: 24px;
	margin: 15px 0
}

.tm.details section.patent-describe .info span,.IP-contry.details section.patent-describe .info span {
	color: #333
}

.tm.details section.patent-describe .info orange,.IP-contry.details section.patent-describe .info orange {
	color: #ff7954;
	font-size: 20px
}

.tm.details section.step .step-table,.IP-contry.details section.step .step-table {
	background: url(../image/step-slash.png) no-repeat;
	background-position: center 39px;
	margin-top: 20px;
	margin-bottom: 20px
}

.tm.details section.step .step-table .item,.IP-contry.details section.step .step-table .item {
	position: relative;
	width: 16.67%
}

.tm.details section.step .step-table .item p,.IP-contry.details section.step .step-table .item p {
	color: #333;
	margin-top: 10px
}

.tm.details section.step .step-table .item:not(:last-child)::after,.IP-contry.details section.step .step-table .item:not(:last-child)::after {
	position: absolute;
	right: -5px;
	top: 31px;
	content: "";
	background: url(../image/step-arrow.png) center no-repeat;
	margin: auto;
	height: 17px;
	width: 11px
}

@media screen and (max-width:1119px) {
	.tm.details section.step .step-table,.IP-contry.details section.step .step-table {
		background-position: center 29px
	}

	.tm.details section.step .step-table .item img,.IP-contry.details section.step .step-table .item img {
		width: 60px
	}

	.tm.details section.step .step-table .item:not(:last-child)::after,.IP-contry.details section.step .step-table .item:not(:last-child)::after {
		right: -5px;
		top: 21px
	}
}

@media screen and (max-width:580px) {
	.tm.details section.step .step-table,.IP-contry.details section.step .step-table {
		background-position: center 19px
	}

	.tm.details section.step .step-table .item img,.IP-contry.details section.step .step-table .item img {
		width: 40px
	}

	.tm.details section.step .step-table .item p,.IP-contry.details section.step .step-table .item p {
		font-size: 12px
	}

	.tm.details section.step .step-table .item:not(:last-child)::after,.IP-contry.details section.step .step-table .item:not(:last-child)::after {
		right: -5px;
		top: 11px
	}
}

.tm.details section.step .step-table2 .item,.IP-contry.details section.step .step-table2 .item {
	padding: 0 20px
}

.tm.details section.step .step-table2 .num,.IP-contry.details section.step .step-table2 .num {
	margin: 20px auto 15px;
	border: 2px solid #cee2f0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 70px;
	font-size: 36px;
	color: #0550b0
}

.tm.details section.step .step-table2 p,.IP-contry.details section.step .step-table2 p {
	color: #333;
	line-height: 1.8;
	min-height: 50px
}

.tm.details section.step .step-table2 .item,.IP-contry.details section.step .step-table2 .item {
	position: relative
}

.tm.details section.step .step-table2 .one-row>div:not(:last-child)::after,.IP-contry.details section.step .step-table2 .one-row>div:not(:last-child)::after {
	position: absolute;
	right: -25px;
	top: 45px;
	content: "";
	background: url(../image/step-arrow2.png) center no-repeat;
	margin: auto;
	height: 17px;
	width: 51px
}

@media screen and (min-width:1200px) {
	.tm.details section.step .step-table3 .row,.IP-contry.details section.step .step-table3 .row {
		text-align: center
	}

	.tm.details section.step .step-table3 .row>div,.IP-contry.details section.step .step-table3 .row>div {
		width: 33%;
		display: inline-block;
		margin: 10px auto 0;
		float: none
	}
}

.tm.details section.step .step-table3 .row,.IP-contry.details section.step .step-table3 .row {
	margin: 10px -15px 30px
}

.tm.details section.step .step-table3 .info,.IP-contry.details section.step .step-table3 .info {
	text-align: left;
	background: url(../image/0051.png) bottom no-repeat;
	background-size: 100%;
	display: table;
	width: 100%
}

.tm.details section.step .step-table3 .info>*,.IP-contry.details section.step .step-table3 .info>* {
	display: table-cell;
	vertical-align: middle
}

.tm.details section.step .step-table3 .info span,.IP-contry.details section.step .step-table3 .info span {
	font-size: 48px;
	width: 45px;
	font-weight: bold;
	color: #dcebf6;
	vertical-align: middle;
	border-bottom: 8px solid #dcebf6;
	line-height: 1.42
}

.tm.details section.step .step-table3 .info p,.IP-contry.details section.step .step-table3 .info p {
	font-size: 18px;
	padding-left: 10px
}

@media screen and (max-width:480px) {
	.tm.details section.step .step-table3 .info span,.IP-contry.details section.step .step-table3 .info span {
		font-size: 36px;
		border-bottom: 3px solid #dcebf6;
		line-height: 1.32
	}

	.tm.details section.step .step-table3 .info p,.IP-contry.details section.step .step-table3 .info p {
		font-size: 14px
	}
}

.tm.details section.step .search-table,.IP-contry.details section.step .search-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
	background: url(../image/search-bg.png) no-repeat center;
	background-size: cover
}

.tm.details section.step .search-table td,.IP-contry.details section.step .search-table td {
	vertical-align: bottom;
	text-align: left !important;
	padding: 0;
	border: none !important
}

.tm.details section.step .search-table td .tit,.IP-contry.details section.step .search-table td .tit {
	font-weight: bold;
	font-size: 24px;
	color: #fff
}

.tm.details section.step .search-table td .tit small,.IP-contry.details section.step .search-table td .tit small {
	font-weight: normal;
	color: #666;
	padding-left: 8px
}

.tm.details section.step .search-table td .tele,.IP-contry.details section.step .search-table td .tele {
	float: right;
	color: #b5f5fe;
	background: url(../image/tele.png) left center no-repeat;
	padding-left: 30px;
	font-size: 18px
}

.tm.details section.step .search-table td input,.IP-contry.details section.step .search-table td input,.tm.details section.step .search-table td .quickFilter,.IP-contry.details section.step .search-table td .quickFilter {
	height: 38px;
	line-height: 38px
}

.tm.details section.step .search-table td .btn,.IP-contry.details section.step .search-table td .btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none;
	border-radius: 0;
	box-shadow: 0 5px 30px #0a48af
}

.tm.details section.step .search-table td.tip,.IP-contry.details section.step .search-table td.tip {
	color: #b6d0ff
}

@media screen and (max-width:520px) {
	.tm.details section.step .search-table tr,.IP-contry.details section.step .search-table tr,.tm.details section.step .search-table tbody,.IP-contry.details section.step .search-table tbody {
		display: block
	}

	.tm.details section.step .search-table td,.IP-contry.details section.step .search-table td {
		display: block;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 10px
	}

	.tm.details section.step .search-table td .tit,.IP-contry.details section.step .search-table td .tit {
		display: block;
		text-align: center
	}

	.tm.details section.step .search-table td .tele,.IP-contry.details section.step .search-table td .tele {
		text-align: center;
		float: none
	}
}

.tm.details section.tm-advantage .card,.IP-contry.details section.tm-advantage .card {
	margin: 0 -20px
}

.tm.details section.tm-advantage .one-row,.IP-contry.details section.tm-advantage .one-row {
	border-spacing: 20px 0;
	margin-top: 20px
}

.tm.details section.tm-advantage .item,.IP-contry.details section.tm-advantage .item {
	border-radius: 5px;
	color: #fff;
	background: #2a3c6f
}

.tm.details section.tm-advantage .item .title,.IP-contry.details section.tm-advantage .item .title {
	border-radius: 5px 5px 0 0;
	background: #2a538a;
	padding: 10px
}

.tm.details section.tm-advantage .item .title span,.IP-contry.details section.tm-advantage .item .title span {
	display: block;
	width: 35px;
	height: 41px;
	line-height: 35px;
	background: url(../image/ob02.png);
	text-align: center;
	margin: auto
}

.tm.details section.tm-advantage .item .text,.IP-contry.details section.tm-advantage .item .text {
	border-radius: 0 0 5px 5px;
	padding: 10px 15px;
	min-height: 156px
}

.tm.details section.tm-advantage .btn,.IP-contry.details section.tm-advantage .btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none;
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 24px
}

.tm.details .patent-advantage .item,.IP-contry.details .patent-advantage .item {
	background: url(../image/006.png) no-repeat;
	background-size: 100% 100%;
	display: table;
	padding: 15px;
	margin-top: 20px
}

.tm.details .patent-advantage .item>*,.IP-contry.details .patent-advantage .item>* {
	display: table-cell;
	vertical-align: middle;
	text-align: left
}

.tm.details .patent-advantage .item .text,.IP-contry.details .patent-advantage .item .text {
	padding: 0 0 0 15px;
	color: #333
}

.tm.details .patent-advantage .item .title,.IP-contry.details .patent-advantage .item .title {
	font-size: 20px;
	font-weight: bold;
	margin: 0
}

.tm.details .patent-advantage .item p,.IP-contry.details .patent-advantage .item p {
	font-size: 14px;
	line-height: 24px;
	margin: 8px 0 0
}

.tm.details .patent-advantage .btn,.IP-contry.details .patent-advantage .btn {
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 24px
}

.tm.details section.paper .paper-table,.IP-contry.details section.paper .paper-table {
	margin: 0 -30px -30px
}

.tm.details section.paper .paper-table .one-row,.IP-contry.details section.paper .paper-table .one-row {
	border-collapse: separate;
	border-spacing: 30px
}

.tm.details section.paper .paper-table .item,.IP-contry.details section.paper .paper-table .item {
	background: #eaf4ff;
	width: 25%;
	padding: 50px 0 40px
}

.tm.details section.paper .paper-table .item p,.IP-contry.details section.paper .paper-table .item p {
	min-height: 48px;
	color: #333;
	font-size: 16px;
	margin-bottom: 20px
}

@media screen and (min-width:1200px) {
	.tm.details section.paper .paper-table .item,.IP-contry.details section.paper .paper-table .item {
		padding: 50px 30px 40px
	}

	.tm.details section.paper .paper-table .one-row_3,.IP-contry.details section.paper .paper-table .one-row_3 {
		padding: 0 110px
	}
}

@media screen and (max-width:768px) {
	.tm.details section.paper .paper-table,.IP-contry.details section.paper .paper-table {
		margin: 0 -10px -10px
	}

	.tm.details section.paper .paper-table .one-row,.IP-contry.details section.paper .paper-table .one-row {
		border-spacing: 10px
	}

	.tm.details section.paper .paper-table .item,.IP-contry.details section.paper .paper-table .item {
		position: relative;
		overflow: hidden;
		padding: 20px 10px;
		vertical-align: middle
	}

	.tm.details section.paper .paper-table .item img,.IP-contry.details section.paper .paper-table .item img {
		position: absolute;
		z-index: 1;
		opacity: .1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto
	}

	.tm.details section.paper .paper-table .item p,.IP-contry.details section.paper .paper-table .item p {
		position: relative;
		z-index: 2;
		margin-bottom: 0
	}
}

.tm.details section.paper-patent .paper-table,.IP-contry.details section.paper-patent .paper-table {
	margin-top: 10px
}

.tm.details section.paper-patent span,.IP-contry.details section.paper-patent span {
	color: #6a99d9;
	font-size: 30px;
	display: block
}

.tm.details section.paper-patent .row,.IP-contry.details section.paper-patent .row {
	margin-right: -8px;
	margin-left: -8px
}

.tm.details section.paper-patent .item,.IP-contry.details section.paper-patent .item {
	text-align: center;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 20px
}

.tm.details section.paper-patent .item>div,.IP-contry.details section.paper-patent .item>div {
	position: relative;
	width: 100%;
	height: 96px;
	line-height: 96px;
	background: #1367d9;
	color: #fff;
	border-radius: 5px;
	text-align: left
}

.tm.details section.paper-patent .item>div p,.IP-contry.details section.paper-patent .item>div p {
	font-size: 18px;
	display: inline-block
}

.tm.details section.paper-patent .num,.IP-contry.details section.paper-patent .num {
	text-align: center;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 45px;
	margin: 0 5px 0 30px;
	display: inline-block;
	background: #ebeffb;
	vertical-align: middle
}

@media screen and (min-width:1200px) {
	.tm.details section.paper-patent .paper-table,.IP-contry.details section.paper-patent .paper-table {
		margin-top: 30px
	}

	.tm.details section.paper-patent span,.IP-contry.details section.paper-patent span {
		transform: skewX(-10deg)
	}

	.tm.details section.paper-patent .item>div,.IP-contry.details section.paper-patent .item>div {
		transform: skewX(-10deg)
	}

	.tm.details section.paper-patent .item>div p,.IP-contry.details section.paper-patent .item>div p {
		transform: skewX(10deg)
	}

	.tm.details section.paper-patent .item>div .num,.IP-contry.details section.paper-patent .item>div .num {
		transform: skewX(10deg)
	}

	.tm.details section.paper-patent .item2>div::after,.IP-contry.details section.paper-patent .item2>div::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 96px;
		line-height: 96px;
		background: #ebeffb;
		color: #fff;
		border-radius: 5px;
		top: -2px;
		left: -2px
	}

	.tm.details section.paper-patent .item2>div .num,.IP-contry.details section.paper-patent .item2>div .num,.tm.details section.paper-patent .item2>div p,.IP-contry.details section.paper-patent .item2>div p {
		position: relative;
		z-index: 10
	}

	.tm.details section.paper-patent .item2>div p,.IP-contry.details section.paper-patent .item2>div p {
		color: #333
	}

	.tm.details section.paper-patent .item2>div .num,.IP-contry.details section.paper-patent .item2>div .num {
		background: #1367d9
	}

	.tm.details section.paper-patent .item2>div .num span,.IP-contry.details section.paper-patent .item2>div .num span {
		color: #ebeffb
	}

	.tm.details section.paper-patent .item2,.IP-contry.details section.paper-patent .item2 {
		padding-top: 0
	}
}

@media screen and (max-width:480px) {
	.tm.details section.paper-patent .item,.IP-contry.details section.paper-patent .item {
		padding-top: 10px
	}

	.tm.details section.paper-patent .item>div,.IP-contry.details section.paper-patent .item>div {
		height: 70px;
		line-height: 70px
	}

	.tm.details section.paper-patent .num,.IP-contry.details section.paper-patent .num {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0 5px 0 10px
	}

	.tm.details section.paper-patent .num span,.IP-contry.details section.paper-patent .num span {
		font-size: 24px
	}
}

.tm.details section.tip .tip-table,.IP-contry.details section.tip .tip-table {
	margin-top: 20px
}

.tm.details section.tip .tip-table .item,.IP-contry.details section.tip .tip-table .item {
	position: relative;
	padding: 18px 18px 18px 86px;
	box-shadow: 0 0 20px #ddd;
	margin-bottom: 10px
}

.tm.details section.tip .tip-table .item img,.IP-contry.details section.tip .tip-table .item img {
	position: absolute;
	left: 18px;
	top: 0;
	bottom: 0;
	margin: auto
}

.tm.details section.tip .tip-table .item h3,.IP-contry.details section.tip .tip-table .item h3 {
	color: #333;
	text-align: left;
	margin-top: 0;
	font-size: 18px
}

.tm.details section.tip .tip-table .item p,.IP-contry.details section.tip .tip-table .item p {
	text-align: left
}

.tm.details section.tip .tip-table .btn,.IP-contry.details section.tip .tip-table .btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none;
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 24px
}

.tm.details section.adv,.IP-contry.details section.adv {
	overflow: hidden
}

.tm.details section.adv .adv-table,.IP-contry.details section.adv .adv-table {
	margin: -30px -60px
}

.tm.details section.adv .adv-table table,.IP-contry.details section.adv .adv-table table {
	border-collapse: separate;
	border-spacing: 60px;
	width: 100%
}

.tm.details section.adv .adv-table table td,.IP-contry.details section.adv .adv-table table td {
	width: 33.33%;
	vertical-align: top
}

.tm.details section.adv .adv-table table h3,.IP-contry.details section.adv .adv-table table h3 {
	color: #24374e;
	font-size: 16px
}

.tm.details section.adv .adv-table table p,.IP-contry.details section.adv .adv-table table p {
	margin-bottom: 0;
	color: #657384
}

@media screen and (max-width:768px) {
	.tm.details section.adv .adv-table,.IP-contry.details section.adv .adv-table {
		margin: 0 -20px
	}

	.tm.details section.adv .adv-table table,.IP-contry.details section.adv .adv-table table {
		border-spacing: 20px
	}

	.tm.details section.adv .adv-table table p,.IP-contry.details section.adv .adv-table table p {
		font-size: 12px;
		color: #999
	}
}

.tm.details section.adv .btn,.IP-contry.details section.adv .btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none;
	padding-left: 60px;
	padding-right: 60px;
	margin-top: 24px
}

.tm.details section.standard .standard-table,.IP-contry.details section.standard .standard-table {
	margin-top: 30px;
	padding-top: 30px;
	box-shadow: 0 0 20px #ddd;
	text-align: left
}

.tm.details section.standard .standard-table .margin,.IP-contry.details section.standard .standard-table .margin {
	margin-left: 40px;
	margin-right: 40px
}

.tm.details section.standard .standard-table h3,.IP-contry.details section.standard .standard-table h3 {
	color: #004098;
	font-size: 18px;
	margin-left: 40px;
	margin-right: 40px
}

.tm.details section.standard .standard-table h3 small,.IP-contry.details section.standard .standard-table h3 small {
	color: #004098
}

.tm.details section.standard .standard-table .item,.IP-contry.details section.standard .standard-table .item {
	margin-left: 40px;
	margin-right: 40px
}

.tm.details section.standard .standard-table .item .tit,.IP-contry.details section.standard .standard-table .item .tit {
	font-size: 16px;
	font-weight: bold;
	color: #f58900;
	border-bottom: 1px dashed #ddd;
	line-height: 30px
}

.tm.details section.standard .standard-table .item ul,.IP-contry.details section.standard .standard-table .item ul {
	padding: 10px 0
}

.tm.details section.standard .standard-table .item ul li,.IP-contry.details section.standard .standard-table .item ul li {
	position: relative;
	line-height: 26px;
	padding-left: 40px
}

.tm.details section.standard .standard-table .item ul li span,.IP-contry.details section.standard .standard-table .item ul li span {
	position: absolute;
	left: 0
}

@media screen and (max-width:768px) {
	.tm.details section.standard .standard-table .item,.IP-contry.details section.standard .standard-table .item {
		margin-left: 20px;
		margin-right: 20px
	}
}

.tm.details section.standard .standard-table .bg,.IP-contry.details section.standard .standard-table .bg {
	width: 100%;
	display: block
}

.tm.details section.qna ul li,.IP-contry.details section.qna ul li {
	text-align: left
}

.tm.details section.qna ul li h3,.IP-contry.details section.qna ul li h3 {
	line-height: 26px;
	position: relative;
	color: #004098;
	font-size: 18px;
	padding-left: 32px
}

.tm.details section.qna ul li h3 span,.IP-contry.details section.qna ul li h3 span {
	position: absolute;
	display: block;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	background: #f58900;
	color: #fff;
	left: 0;
	text-align: center
}

.tm.details section.recon .tm-service-list,.IP-contry.details section.recon .tm-service-list {
	padding: 0
}

.tm.details section.recon .patent-list .row>div,.IP-contry.details section.recon .patent-list .row>div {
	padding: 10px 20px
}

.tm.details section.recon .patent-list .item,.IP-contry.details section.recon .patent-list .item {
	background: #edf6fc;
	border: 1px solid #edf6fc;
	display: block;
	padding: 5px 0 5px 10px;
	text-align: left;
	color: #333;
	font-size: 16px
}

.tm.details section.recon .recon-table,.IP-contry.details section.recon .recon-table {
	margin: 20px auto
}

.tm.details section.recon .recon-table .one-row>a,.IP-contry.details section.recon .recon-table .one-row>a {
	display: table-cell;
	border: 1px solid transparent;
	padding-top: 20px
}

.tm.details section.recon .recon-table .one-row>a:hover,.IP-contry.details section.recon .recon-table .one-row>a:hover {
	border-color: #ddd
}

.tm.details section.recon .recon-table .one-row img,.IP-contry.details section.recon .recon-table .one-row img {
	/* height: 52px; */
	width: 90%;
	border-radius: 10%;
	border: 1px solid #dcdcdc
}

.tm.details section.recon .recon-table .one-row p,.IP-contry.details section.recon .recon-table .one-row p {
	color: #333;
	margin-top: 8px;
	font-size: 14px;
	font-weight: bold
}

@media screen and (max-width:768px) {
	.tm.details section.recon .recon-table .one-row>a,.IP-contry.details section.recon .recon-table .one-row>a {
		display: inline-block;
		margin: 10px
	}

	.tm.details section.recon .recon-table .one-row>a p,.IP-contry.details section.recon .recon-table .one-row>a p {
		white-space: nowrap
	}
}

.tm.details section.help .btn,.IP-contry.details section.help .btn {
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	border-radius: 19px;
	background: -webkit-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -o-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: -moz-linear-gradient(90deg, #ffab6d, #ee5e4e);
	background: linear-gradient(90deg, #ffab6d, #ee5e4e);
	padding: 0 19px;
	border: none
}

@media screen and (max-width:480px) {
	.tm.details section.help img,.IP-contry.details section.help img {
		max-width: 100%
	}
}

.tm .tm-service-list,.IP-contry .tm-service-list {
	padding: 30px 0
}

.tm .tm-service-list .row,.IP-contry .tm-service-list .row {
	margin: 30px 0
}

.tm .tm-service-list .row>div,.IP-contry .tm-service-list .row>div {
	text-align: center;
	border: 1px solid #dcdcdc;
	padding: 20px 5px;
	margin-right: -1px
}

.tm .tm-service-list .row>div .btn,.IP-contry .tm-service-list .row>div .btn {
	border-radius: 3px;
	border-color: #0c59db;
	background: #fff;
	color: #0c59db;
	padding: 0 10px
}

.tm .tm-service-list .row>div h4,.IP-contry .tm-service-list .row>div h4 {
	font-weight: bold;
	color: #333;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px
}

.tm .tm-service-list .row>div:hover,.IP-contry .tm-service-list .row>div:hover {
	cursor: pointer;
	background: #0c59db
}

.tm .tm-service-list .row>div:hover h4,.IP-contry .tm-service-list .row>div:hover h4 {
	color: #fff
}

.tm .tm-service-list .row>div:hover .icon,.IP-contry .tm-service-list .row>div:hover .icon {
	background: url(../image/circle2.png)
}

.tm .tm-service-list .row>div:hover .icon span,.IP-contry .tm-service-list .row>div:hover .icon span {
	color: #fff
}

.tm .tm-service-list .icon,.IP-contry .tm-service-list .icon {
	width: 78px;
	height: 78px;
	background: url(../image/circle1.png);
	margin: auto;
	text-align: center;
	line-height: 78px
}

.tm .tm-service-list .icon span,.IP-contry .tm-service-list .icon span {
	color: #0c59db;
	font-size: 18px
}

@media (min-width:992px) {
	.tm .tm-service-list .col-md-1,.IP-contry .tm-service-list .col-md-1 {
		width: 12.5%
	}
}

.tmsearch-warm {
	background-color: #f6f6f6
}

.tmsearch-warm p {
	text-align: center
}

.tmsearch-warm .info {
	background-color: #fff;
	padding: 50px 0;
	text-align: center
}

.tmsearch-warm .btn {
	margin: 20px 0
}

.tmsearch-search {
	background: url(../image/banner-TMsearch.png) top no-repeat,#f5f6f8
}

.tmsearch-search .title h1 {
	font-size: 60px;
	margin: 0;
	color: #fff;
	text-align: center;
	padding-top: 40px
}

.tmsearch-search .title h3 {
	color: #fff;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 50px
}

.tmsearch-search h5 {
	margin-top: 20px
}

.tmsearch-search .info {
	padding: 30px 50px;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(68,67,67,0.2)
}

.tmsearch-search .info .form-group {
	position: relative;
	margin-right: 0;
	margin-left: 0
}

.tmsearch-search .info .form-group .one-row>div {
	width: 40%
}

.tmsearch-search .info .tm-search-btn {
	text-align: center
}

.tmsearch-search .info .tm-search-btn .btn {
	padding: 0 80px;
	margin: 20px 20px
}

.tmsearch-search .info .control-label {
	position: absolute;
	padding: 10px;
	margin-top: 1px;
	margin-left: 1px;
	background-color: #eaf2f8
}

.tmsearch-search .info .form-group-select {
	text-align: center
}

.tmsearch-search .info .form-group-select .dropdown-menu {
	height: 300px
}

.tmsearch-search .info .select .btn-group {
	width: 95% !important
}

.tmsearch-search .info .select .btn {
	border: 1px solid #dcdcdc;
	background-color: #fff;
	color: #666
}

.tmsearch-search .info .select .btn {
	border: 1px solid #dcdcdc;
	background-color: #fff;
	color: #666
}

.tmsearch-search .info .form-control {
	padding: 21px 0 20px 75px
}

.tmsearch-search .info .tradename {
	padding: 21px 0 20px 95px
}

.tmsearch-search .tmsearch-table th {
	background-color: #f1f9ff
}

.tmsearch-search .tmsearch-table th,.tmsearch-search .tmsearch-table td {
	text-align: center
}

.tmsearch-search .tmsearch-list {
	background-color: #fff
}

.tmsearch-search .tmsearch-list .btn {
	background: #fff;
	color: #f58900
}

.tmsearch-search .tmsearch-list .btn:hover {
	background: #f58900;
	color: #fff
}

.tmsearch-search .tmsearch-list .item {
	border: 1px solid #f5f6f8;
	border-bottom: none;
	padding: 15px 0
}

.tmsearch-search .tmsearch-list .item img {
	max-width: 90px
}

.tmsearch-search .tmsearch-list .item .number {
	vertical-align: middle
}

.tmsearch-search .tmsearch-list .col-xs-9 {
	padding-left: 10px
}

.tmsearch-search .tmsearch-list .col-xs-2 {
	max-width: 120px
}

.tmsearch-search .tmsearch-list .item:hover {
	box-shadow: 0 0 15px #ebe6e6
}

.tmsearch-search .tmsearch-list .title {
	height: 35px
}

.tmsearch-search .tmsearch-list .search-btn {
	float: right;
	height: 90px;
	line-height: 90px
}

.tmsearch-search .tmsearch-list .row {
	height: 30px;
	line-height: 30px
}

.tmsearch-search .tmsearch-list .row .col-xs-3 {
	color: #333
}

.tmsearch-search .tmsearch-list .text {
	color: #f3863d;
	font-size: 18px;
	font-weight: bold;
	max-width: 500px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tmsearch-search .tmsearch-list .sign {
	color: #4f8bff;
	background-color: #e2f2ff;
	border-radius: 3px;
	padding: 4px 5px
}

.tmsearch-search .tmsearch-list .search-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tmsearch-search .pages {
	margin-top: 20px;
	padding: 20px
}

.tmsearch-start,.tmsearch-none {
	text-align: center
}

.tmsearch-start h4,.tmsearch-none h4 {
	color: #333
}

.tmsearch-info {
	background: url(../image/banner-TMInfo.jpg) top no-repeat
}

.tmsearch-info .tm-info-title {
	font-size: 18px;
	font-weight: bold;
	border-left: 5px solid #f58900;
	padding-left: 10px
}

.tmsearch-info .tm-info-title h3 {
	margin-top: 0;
	display: inline-block
}

.tmsearch-info .tm-info-title a {
	float: right
}

.tmsearch-info .tm-info-title a img {
	width: 100%;
	transition: width linear .5s
}

.tmsearch-info .tm-info-title a:hover img {
	width: 95%
}

.tmsearch-info .breadcrumb li,.tmsearch-info .breadcrumb a {
	color: #fff
}

.tmsearch-info .info {
	padding: 30px 50px;
	margin: 20px 0 150px;
	background-color: #fff;
	box-shadow: 0 0 30px rgba(68,67,67,0.2)
}

.tmsearch-info li {
	padding: 15px 0
}

.tmsearch-info li .title {
	color: #999;
	width: 150px;
	display: inline-block
}

.tmsearch-info .info-content {
	vertical-align: middle;
	width: 75%
}

.tmsearch-info .info-content li {
	display: table
}

.tmsearch-info .info-content li>span {
	display: table-cell
}

@media screen and (max-width:768px) {
	.tmsearch-info .info-content li .title {
		width: 100px
	}
}

.tmsearch-info .info-img img {
	width: 90%;
	max-width: 230px;
	max-height: 230px;
	float: right
}

.tmsearch-info td {
	background: #fff
}

.tmsearch-info .table-title {
	background: #eee;
	width: 12%;
	text-align: center
}

@media screen and (max-width:480px) {
	.tmsearch-info .info {
		padding: 30px 20px
	}

	.tmsearch-info li {
		padding: 10px 0
	}

	.tmsearch-info li .title {
		width: 80px
	}
}

.about .banner {
	height: 500px
}

.about section {
	overflow-x: hidden
}

.about section .container>h1 {
	position: relative;
	margin: 0 auto 40px;
	padding-bottom: 20px;
	font-size: 30px
}

.about section .container>h1::after {
	content: "";
	height: 3px;
	width: 72px;
	background: #f58900;
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	margin: auto
}

@media screen and (max-width:768px) {
	.about section .container>h1 {
		font-size: 22px;
		padding-bottom: 10px
	}
}

.about section.intro {
	background: #f7fcff
}

.about section.intro p {
	font-size: 16px
}

.about section.tools {
	background: url(../image/tools-bg.png) no-repeat center;
	background-size: cover
}

.about section.tools .container h1 {
	color: #fff
}

.about section.tools p {
	color: #fff
}

.about section.tools .tools-table {
	margin-top: 60px;
	margin-bottom: 20px
}

.about section.tools .tools-table .one-row>div {
	padding: 0 20px;
	border-right: 1px #5f7183 dashed;
	text-align: center
}

.about section.tools .tools-table .one-row>div:first-child {
	border-left: 1px #5f7183 dashed
}

.about section.tools .tools-table .one-row>div img {
	max-width: 100%
}

@media screen and (max-width:768px) {
	.about section.tools .tools-table {
		margin-top: 20px;
		margin-bottom: 0
	}
}

.about section.service p {
	font-size: 16px;
	text-align: center
}

.about section.service .members {
	background: url(../image/members-bg.png) no-repeat center;
	margin: 30px auto 60px;
	text-align: center
}

.about section.service .members img {
	box-shadow: 0 0 60px #d1e9f9;
	border-radius: 8px;
	max-width: 100%
}

.about section.service .standard {
	position: relative;
	background: -webkit-linear-gradient(90deg, #f58900, #98d5f1);
	background: -o-linear-gradient(90deg, #f58900, #98d5f1);
	background: -moz-linear-gradient(90deg, #f58900, #98d5f1);
	background: linear-gradient(90deg, #f58900, #98d5f1);
	padding: 30px 80px 0;
	margin-bottom: 40px
}

.about section.service .standard h3 {
	text-align: center;
	color: #fff;
	margin: 0 0 -16px 0;
	font-size: 24px
}

.about section.service .standard .one-row {
	border-collapse: separate;
	border-spacing: 36px
}

.about section.service .standard .one-row>div {
	text-align: center
}

.about section.service .standard .one-row>div img {
	max-width: 100%
}

.about section.service .standard::after {
	position: absolute;
	bottom: -40px;
	left: 0;
	right: 0;
	margin: auto;
	content: "";
	height: 80px;
	width: 100%;
	background: url(../image/standard-bg.png) no-repeat center;
	background-size: 100% 100%
}

@media screen and (max-width:992px) {
	.about section.service .standard {
		padding-left: 0;
		padding-right: 0
	}
}

@media screen and (max-width:768px) {
	.about section.service .standard h3 {
		margin-bottom: 20px
	}

	.about section.service .standard .one-row {
		display: block;
		padding-bottom: 20px
	}

	.about section.service .standard .one-row>div {
		display: block;
		margin-bottom: 10px;
		padding: 0 20px
	}
}

.about section.contact h4 {
	font-size: 18px;
	color: #999;
	margin: -10px auto 50px
}

.about section.contact .contact-table {
	margin-top: -80px;
	margin-bottom: -40px
}

.about section.contact .contact-table .one-row {
	width: auto;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 80px
}

.about section.contact .contact-table .one-row>div {
	position: relative;
	vertical-align: middle;
	text-align: left;
	padding-left: 66px
}

.about section.contact .contact-table .one-row>div img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.about section.contact .contact-table .one-row>div p {
	margin-bottom: 0;
	font-size: 16px;
	color: #333
}

.about section.contact .contact-table .one-row>div a {
	font-size: 16px
}

.about section.contact .contact-table .one-row>div.QR-code:hover {
	cursor: pointer
}

.about section.contact .contact-table .one-row>div.QR-code:hover::after {
	content: "";
	position: absolute;
	background: url(../image/1198-QRcode.png) no-repeat center,#fff;
	background-size: 100%;
	width: 120px;
	height: 120px;
	box-sizing: content-box;
	padding: 6px;
	border: 1px solid #dcdcdc;
	top: -140px
}

@media screen and (max-width:992px) {
	.about section.contact .contact-table {
		margin-left: -80px;
		margin-right: -80px
	}
}

@media screen and (max-width:992px) {
	.about section.contact .contact-table {
		margin: 0
	}

	.about section.contact .contact-table .one-row {
		display: block;
		width: 220px
	}

	.about section.contact .contact-table .one-row>div {
		display: block;
		margin-bottom: 40px
	}
}

.about section.address {
	background: #f3f7ff;
	text-align: center
}

.about section.address img {
	max-width: 100%
}

.about section.address h3 {
	text-align: left;
	color: #333;
	margin: 20px auto
}

@media screen and (max-width:768px) {
	.about section.address h3 {
		text-align: center
	}
}

.about section.address .address-table {
	background: #fff;
	padding: 20px 40px
}

.about section.address .address-table .rows>div>div {
	text-align: left;
	padding: 20px;
	width: 33.3333%
}

.about section.address .address-table .rows>div>div:not(:last-child) {
	border-right: dashed 1px #e5e5e5
}

.about section.address .address-table .rows>div:first-child>div {
	border-bottom: dashed 1px #e5e5e5
}

.about section.address .address-table h4 {
	color: #004098;
	font-size: 18px
}

.about section.address .address-table p .temp {
	position: relative;
	padding-left: 28px
}

.about section.address .address-table p .temp::before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 20px
}

.about section.address .address-table p.add {
	position: relative;
	padding-left: 28px
}

.about section.address .address-table p.add::before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 20px
}

.about section.address .address-table p.add::before {
	height: 24px;
	background: url(../image/add.png) no-repeat center
}

.about section.address .address-table p.tel {
	position: relative;
	padding-left: 28px
}

.about section.address .address-table p.tel::before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 20px
}

.about section.address .address-table p.tel::before {
	height: 20px;
	background: url(../image/tel.png) no-repeat center
}

@media screen and (max-width:992px) {
	.about section.address .address-table {
		padding: 20px
	}

	.about section.address .address-table .rows {
		display: block
	}

	.about section.address .address-table .rows>div {
		display: block
	}

	.about section.address .address-table .rows>div>div {
		display: block;
		width: 100%;
		border: none !important;
		padding: 10px
	}
}

.about section.honor {
	padding-top: 20px;
	text-align: center
}

.about section.honor .block-title {
	display: block;
	clear: both;
	padding-top: 30px
}

.about section.honor .ol-nic {
	width: 100%;
	display: inline-block;
	padding-left: 0;
	overflow: hidden;
	padding-bottom: 40px
}

.about section.honor .ol-nic li {
	display: inline-block;
	padding: 10px;
	width: 12%;
	overflow: hidden;
	vertical-align: middle
}

.about section.honor .ol-nic li div {
	width: 100px;
	height: 100px;
	border-radius: 100px;
	border: 1px solid #eee;
	line-height: 120px;
	text-align: center
}

.about section.honor .ol-nic li div img {
	max-width: 80px;
	max-height: 40px;
	vertical-align: unset
}

.about section.honor .ol-nic li strong {
	position: relative;
	display: block;
	line-height: 30px;
	color: #002249;
	font-weight: normal
}

.about section.honor .ol-nic.trade-ol li div {
	padding-top: 10px
}

.about section.honor .ol-nic.trade-ol li div img {
	max-height: 70px
}

.about section.honor .ol-nic:not(:last-child) {
	border-bottom: 1px solid #eee
}

.about section.news .gap {
	padding-left: 40px;
	padding-right: 40px
}

.about section.news .news-nav {
	padding-left: 40px;
	padding-right: 40px
}

.about section.news .news-nav a {
	color: #333;
	font-size: 18px;
	line-height: 50px;
	display: inline-block;
	border-bottom: 3px solid transparent;
	margin-right: 30px
}

.about section.news .news-nav a.selected {
	border-bottom-color: #f58900
}

@media screen and (max-width:768px) {
	.about section.news .news-nav a {
		font-size: 16px;
		margin-right: 20px;
		line-height: 40px
	}
}

.about section.news .list {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
	background: #fff
}

.about section.news .list ul li {
	position: relative;
	border-bottom: #ddd 1px dashed;
	padding: 20px 0 20px 84px
}

.about section.news .list ul li .date {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	overflow: hidden;
	width: 66px;
	height: 70px
}

.about section.news .list ul li .date span {
	display: block;
	text-align: center
}

.about section.news .list ul li .date span:first-child {
	background: #f3f3f3;
	color: #999;
	font-size: 14px;
	padding: 4px 0
}

.about section.news .list ul li .date span:last-child {
	color: #f58900;
	font-size: 24px;
	padding: 2px 0
}

.about section.news .list ul li h4 {
	color: #333;
	font-size: 18px;
	line-height: 24px;
	margin: 0
}

.about section.news .list ul li p {
	font-size: 14px;
	color: #999
}

.about section.news .list ul li p::after {
	content: "…"
}

.about section.news .list ul li a:hover h4 {
	color: #f58900
}

@media screen and (max-width:710px) {
	.about section.news .list ul li {
		padding-left: 66px
	}

	.about section.news .list ul li .date {
		height: 42px;
		width: 56px
	}

	.about section.news .list ul li .date span:first-child {
		font-size: 12px;
		padding: 0
	}

	.about section.news .list ul li .date span:last-child {
		font-size: 16px;
		line-height: 18px
	}

	.about section.news .list ul li h4 {
		font-size: 16px
	}

	.about section.news .list ul li p {
		display: none
	}
}

.about section.news .list ol li {
	height: 56px;
	line-height: 56px;
	padding: 0 30px
}

.about section.news .list ol li span {
	float: right;
	font-size: 16px
}

.about section.news .list ol li a {
	font-size: 16px;
	color: #333
}

.about section.news .list ol li a::before {
	content: "•";
	color: #ccc;
	padding-right: 8px;
	font-size: 22px;
	line-height: 17px
}

.about section.news .list ol li:hover a {
	color: #f58900
}

.about section.news .list ol li:hover a::before {
	color: #f58900
}

.about section.news .list ol li:nth-child(even) {
	background: #f6f6f6
}

.about section.news .info {
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 40px;
	box-shadow: 0 0 20px #ddd;
	background: #fff
}

.about section.news .media-item {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	border: #eee 1px solid
}

.about section.news .media-item:hover {
	background: #f5f6f8
}

.about section.news .media-item>div {
	display: table-cell;
	vertical-align: middle
}

.about section.news .media-item>div:nth-of-type(1) {
	width: 197px;
	text-align: center
}

.about section.news .media-item>div:nth-of-type(1) img {
	width: 137px
}

.about section.news .media-item>div:nth-of-type(2) {
	color: #000;
	padding: 0
}

.about section.news .media-item>div:nth-of-type(2) p {
	font-size: 20px;
	color: #666;
	text-align: left;
	margin-top: 10px
}

.about section.news .media-item>div:nth-of-type(3) {
	width: 100px;
	padding: 25px
}

.about section.news .media-item>div:nth-of-type(3) span {
	display: block;
	text-align: center;
	color: #ccc
}

.about section.news .media-item>div:nth-of-type(3) span:first-child {
	font-size: 20px
}

.about section.news .media-item>div:nth-of-type(3) span:last-child {
	font-size: 16px
}

@media screen and (max-width:768px) {
	.about section.news .media-item>div:nth-of-type(1) {
		width: 100px;
		padding: 0
	}

	.about section.news .media-item>div:nth-of-type(1) img {
		width: 80px
	}

	.about section.news .media-item>div:nth-of-type(2) p {
		font-size: 16px
	}
}

@media screen and (max-width:480px) {
	.about section.news .media-item {
		position: relative;
		margin-bottom: 20px
	}

	.about section.news .media-item>div {
		display: block
	}

	.about section.news .media-item>div:nth-of-type(1) {
		position: absolute;
		left: 20px;
		top: 10px;
		width: auto
	}

	.about section.news .media-item>div:nth-of-type(1) img {
		width: 80px
	}

	.about section.news .media-item>div:nth-of-type(2) {
		padding: 40px 20px 10px
	}

	.about section.news .media-item>div:nth-of-type(2) p {
		margin: 0
	}

	.about section.news .media-item>div:nth-of-type(3) {
		position: absolute;
		right: 20px;
		top: 10px;
		padding: 0;
		white-space: nowrap;
		width: auto
	}

	.about section.news .media-item>div:nth-of-type(3) span {
		display: inline-block
	}

	.about section.news .media-item>div:nth-of-type(3) span:last-child {
		display: none
	}
}

.about section.news .block-title {
	padding-top: 30px;
	padding-bottom: 10px
}

.about section.news .block-title .subtitle {
	font-size: 16px;
	color: #999;
	padding-top: 4px
}

.about section.news img {
	max-width: 100% !important
}

@media screen and (max-width:576px) {
	.about section.news {
		padding: 0 0 30px
	}

	.about section.news .block-title {
		padding-top: 10px;
		font-size: 22px;
		margin-bottom: 10px
	}

	.about section.news .block-title .subtitle {
		font-size: 14px
	}

	.about section.news .article img {
		height: auto !important
	}

	.about section.news .info {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 10px
	}
}

@media screen and (max-width:480px) {
	.about section.news .gap {
		padding-left: 20px;
		padding-right: 20px
	}

	.about section.news .news-nav {
		padding-left: 20px;
		padding-right: 20px
	}

	.about section.news .list {
		padding-left: 20px;
		padding-right: 20px
	}
}

.about section.helpcenter {
	background: #f5f6f8;
	padding-top: 30px
}

.about section.helpcenter h2 {
	text-align: center;
	color: #333
}

.about section.helpcenter .helpcenter-table {
	margin: -10px
}

.about section.helpcenter .helpcenter-table .one-row {
	border-collapse: separate;
	border-spacing: 10px
}

.about section.helpcenter .helpcenter-table .one-row>div {
	background: #fff;
	padding: 20px 30px;
	width: 25%
}

.about section.helpcenter .helpcenter-table .one-row>div:hover {
	box-shadow: 0 0 10px #ddd
}

.about section.helpcenter .helpcenter-table .one-row>div .tit {
	position: relative;
	border-bottom: 1px solid #dcdcdc;
	padding-left: 40px
}

.about section.helpcenter .helpcenter-table .one-row>div .tit img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.about section.helpcenter .helpcenter-table .one-row>div .tit h3 {
	margin: 0;
	padding: 12px 0
}

.about section.helpcenter .helpcenter-table .one-row>div ul {
	padding: 10px 0
}

.about section.helpcenter .helpcenter-table .one-row>div ul li {
	padding: 6px 0
}

.about section.helpcenter .helpcenter-table .one-row>div ul li::before {
	content: "•";
	color: #f58900
}

.about section.helpcenter .helpcenter-table .one-row>div ul li a {
	color: #666;
	font-size: 14px
}

.help-table img {
	max-width: 100% !important
}

.reg-success .reg-wrap {
	width: 100%;
	max-width: 1000px;
	background: white;
	border: 1px solid #ddd;
	padding: 15px 80px;
	margin: 30px auto 10px
}

.reg-success img {
	vertical-align: middle;
	padding-right: 10px
}

.reg-success .success-title {
	width: 100%;
	max-width: 400px;
	margin: 25px auto;
	text-align: center
}

.reg-success .success-title h2 {
	display: inline-block;
	vertical-align: middle
}

.reg-success .success-info {
	padding: 20px 0;
	max-width: 100% !important;
	border-bottom: 1px dashed #dcdcdc
}

.reg-success .success-info .one-row>* {
	text-align: center
}

.reg-success .success-info a {
	color: #1ba0ec
}

.reg-success .success-more {
	text-align: center
}

.reg-success .success-more>div {
	text-align: center;
	margin: 40px 0 20px
}

.reg-success .success-more .btn {
	margin-bottom: 50px
}

.discount-index {
	background-color: #f3f5f9
}

.discount-index .banner {
	height: 358px;
	background: url(../image/banner-discount.jpg) no-repeat center;
	padding-top: 130px
}

.discount-index .banner h1 {
	color: #f3f4f9;
	font-size: 36px;
	margin: 0 0 35px
}

.discount-index .banner p {
	color: #f3f4f9;
	font-size: 18px;
	text-align: center
}

.discount-index .menu .nav {
	margin: 20px 0;
	background: #fff;
	width: 100%;
	display: block;
	position: relative;
	border-bottom: 1px solid #f58900
}

.discount-index .menu .nav>div {
	display: table;
	padding: 0 20px;
	line-height: 45px;
	font-size: 16px;
	border-right: 1px solid #e5e5e5;
	float: left;
	cursor: pointer
}

.discount-index .menu .nav .act {
	background: #f58900;
	color: #fff
}

.discount-index .discount-card {
	padding: 0 15px
}

.discount-index .row {
	margin-right: -30px;
	margin-left: -30px
}

.discount-index .new .dc-item {
	background: url(../image/0014.png) bottom right no-repeat #fff
}

.discount-index .old .dc-item {
	background: url(../image/0023.png) bottom right no-repeat #fff
}

.discount-index .dc-item {
	position: relative;
	padding: 35px;
	margin-bottom: 30px
}

.discount-index .dc-item h2 {
	font-weight: bold;
	font-size: 20px;
	margin-top: 0;
	color: #333
}

.discount-index .dc-item p {
	margin: 0
}

.discount-index .dc-item .btn {
	padding: 0 20px;
	margin-top: 15px;
	background: #fff;
	color: #f58900
}

.discount-index .dc-item .btn:hover {
	background: #f58900;
	color: #fff
}

.discount-index .dc-item:hover {
	cursor: pointer;
	box-shadow: 0 0 20px rgba(0,0,0,0.1)
}

.monthly-discount {
	background: #2252c5
}

.monthly-discount .banner {
	background: url(../image/banner-m-discount.jpg) center no-repeat
}

.monthly-discount .title h1 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
	margin-top: 50px;
	margin-bottom: 25px
}

.monthly-discount .change-nav {
	margin-bottom: 25px
}

.monthly-discount .change-nav .one-row {
	max-width: 300px;
	border-collapse: collapse;
	border-radius: 5px;
	text-align: center
}

.monthly-discount .change-nav .one-row>:first-child {
	border-radius: 5px 0 0 5px
}

.monthly-discount .change-nav .one-row>:last-child {
	border-radius: 0 5px 5px 0
}

.monthly-discount .change-nav .item {
	cursor: pointer;
	position: relative;
	border: 3px solid #84aee7;
	width: 140px;
	height: 40px
}

.monthly-discount .change-nav .item span {
	color: #fff;
	font-size: 20px;
	line-height: 40px
}

.monthly-discount .change-nav .nav-active {
	background-color: #fff
}

.monthly-discount .change-nav .nav-active span {
	color: #2252c5
}

.monthly-discount .change-nav .nav-active::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	width: 0;
	border-left: 7px solid transparent;
	border-top: 10px solid #fff;
	border-right: 7px solid transparent
}

.monthly-discount .change-nav .nav-active::before {
	content: "";
	position: absolute;
	bottom: -14px;
	left: 0;
	right: 0;
	margin: auto;
	height: 0;
	width: 0;
	border-left: 10px solid transparent;
	border-top: 13px solid #84aee7;
	border-right: 10px solid transparent
}

.monthly-discount .discount-table-outer {
	position: relative
}

.monthly-discount .discount-table-outer::before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: 3px solid #84aee7;
	position: absolute;
	top: 10px;
	left: 10px
}

.monthly-discount .discount-table {
	position: relative;
	background: #fff;
	border: 3px solid #84aee7;
	border-radius: 10px
}

.monthly-discount .discount-table .title h1 {
	color: #2252c5;
	margin-top: 35px
}

.monthly-discount .preferential-details {
	width: 80%;
	margin: auto;
	overflow: hidden
}

.monthly-discount .discount-table-new {
	display: none
}

.monthly-discount .discount-table-new .preferential-details {
	border-radius: 10px 10px 0 0
}

.monthly-discount .discount-table-new .table-info {
	width: 100%;
	text-align: center;
	border: 1px solid #c2cbd8
}

.monthly-discount .discount-table-new .table-info tr {
	border-bottom: 1px solid #c2cbd8;
	height: 52px
}

.monthly-discount .discount-table-new .table-info thead {
	background: #d8e6fa
}

.monthly-discount .discount-table-new .table-info thead tr {
	border-radius: 10px 10px 0 0
}

.monthly-discount .discount-table-new .table-info th:first-child {
	border-radius: 10px 0 0 0
}

.monthly-discount .discount-table-new .table-info th:last-child {
	border-radius: 0 10px 0 0
}

.monthly-discount .discount-table-new .table-info td {
	color: #333;
	font-size: 16px;
	line-height: 48px
}

.monthly-discount .discount-table-new .table-info th {
	color: #3e4861;
	font-size: 18px;
	line-height: 30px;
	font-weight: normal;
	width: 14.2%;
	text-align: center
}

.monthly-discount .discount-table-new .table-info .btn {
	background: #2252c5;
	border-radius: 3px;
	border: none
}

.monthly-discount .discount-table-new .table-info .btn:hover {
	background: #4471d8
}

.monthly-discount .discount-table-old {
	display: none
}

.monthly-discount .discount-table-old table {
	width: 100%
}

.monthly-discount .discount-table-old table td {
	border: 1px solid #c2cbd8;
	padding: 0 8px;
	height: 50px;
	color: #333
}

.monthly-discount .discount-table-old table .table-tit {
	background-color: #2252c5;
	color: #fff;
	width: 110px;
	font-weight: bold;
	font-size: 18px
}

.monthly-discount .discount-table-old table .table-tit2 {
	background-color: #d8e6fa;
	font-size: 18px
}

.monthly-discount .discount-table-old .table-info-xs {
	display: none
}

.monthly-discount .table-active {
	display: block
}

.monthly-discount .discount-package {
	padding: 0 0 90px
}

.monthly-discount .discount-package .preferential-item {
	position: relative;
	margin-bottom: 30px
}

.monthly-discount .discount-package .preferential-item::before {
	content: "";
	width: 100%;
	height: 112px;
	border-radius: 10px;
	border: 1px solid #84aee7;
	position: absolute;
	top: 10px;
	left: 10px
}

.monthly-discount .discount-package .item-list {
	position: relative;
	border-radius: 10px;
	background: #fff;
	display: table;
	width: 100%;
	height: 112px
}

.monthly-discount .discount-package .item-list>* {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.monthly-discount .discount-package .item-name {
	width: 30%;
	background: #e6f0ff;
	border-radius: 10px 0 0 10px
}

.monthly-discount .discount-package .item-name span {
	font-size: 28px;
	color: #333
}

.monthly-discount .discount-package .item-price>span {
	vertical-align: middle
}

.monthly-discount .discount-package .item-price .og {
	color: #84aee7;
	font-size: 18px;
	text-decoration: line-through
}

.monthly-discount .discount-package .item-price .ps {
	color: #f43d3d;
	font-size: 30px;
	padding: 0 25px;
	font-weight: bold
}

.monthly-discount .discount-package .item-price .pf {
	color: #333;
	font-size: 18px
}

.monthly-discount .discount-package .item-btn {
	width: 19%;
	border-radius: 0 10px 10px 0;
	background: url(../image/0024.png) no-repeat
}

.monthly-discount .discount-package .item-btn a {
	color: #fff;
	font-size: 24px
}

.monthly-discount .discount-illustrate {
	margin: 30px 0 50px
}

.monthly-discount .discount-illustrate .illustrate-info {
	width: 100%;
	margin: auto;
	padding: 20px 30px;
	background: #ebf3ff
}

.monthly-discount .discount-illustrate .illustrate-info p {
	color: #333;
	font-size: 16px;
	line-height: 30px
}

@media screen and (max-width:768px) {
	.monthly-discount .banner {
		background: url(../image/banner-m-discount.jpg) 20% no-repeat
	}

	.monthly-discount .title h1 {
		font-size: 24px
	}

	.monthly-discount .preferential-details {
		width: 95%
	}

	.monthly-discount .discount-table-old table .table-tit {
		width: auto;
		font-size: 14px
	}

	.monthly-discount .discount-table-old table .table-tit2 {
		background-color: #d8e6fa;
		font-size: 14px
	}

	.monthly-discount .discount-table-old .table-info-xs {
		display: block
	}

	.monthly-discount .discount-table-old .table-info {
		display: none
	}

	.monthly-discount .discount-package .item-name>span {
		display: block;
		font-size: 18px;
		font-weight: bold
	}

	.monthly-discount .discount-package .item-price>span {
		display: block
	}

	.monthly-discount .discount-package .item-price .og,.monthly-discount .discount-package .item-price .pf {
		font-size: 14px;
		line-height: 30px
	}

	.monthly-discount .discount-package .item-price .ps {
		font-size: 18px;
		line-height: 30px
	}

	.monthly-discount .discount-package .item-btn {
		width: 25%;
		background: url(../image/0024.png) no-repeat
	}

	.monthly-discount .discount-package .item-btn a {
		font-size: 18px
	}

	.monthly-discount .discount-package .item-btn a span {
		display: block
	}
}

.topic-expert .topic-btn {
	text-align: center
}

.topic-expert .topic-btn .btn {
	background-color: #36a972;
	border: 1px solid #36a972;
	min-width: 130px;
	border-radius: 3px;
	height: 38px;
	line-height: 38px;
	font-size: 16px
}

.topic-expert .banner {
	height: 400px;
	background: url(../image/banner-topic-expert.jpg) center no-repeat
}

.topic-expert .banner .container {
	padding: 90px 0
}

.topic-expert .banner yellow {
	color: #ffb661;
	font-weight: bold
}

.topic-expert .banner h1 {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 30px
}

.topic-expert .banner h2,.topic-expert .banner p {
	margin: auto;
	color: #fff;
	font-size: 24px;
	line-height: 52px;
	text-align: center
}

.topic-expert .banner h2 {
	position: relative;
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(27,27,27,0.2);
	width: 284px;
	height: 52px
}

.topic-expert .banner h2::before {
	content: "";
	height: 1px;
	width: 175px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	position: absolute;
	left: -70%;
	top: 50%
}

.topic-expert .banner h2::after {
	content: "";
	height: 1px;
	width: 175px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	position: absolute;
	right: -70%;
	top: 50%
}

.topic-expert .banner p {
	letter-spacing: 20px
}

@media screen and (max-width:768px) {
	.topic-expert .banner {
		height: 350px !important
	}

	.topic-expert .banner h1 {
		font-size: 25px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px
	}

	.topic-expert .banner h2 {
		font-size: 20px
	}

	.topic-expert .banner p {
		letter-spacing: 5px;
		font-size: 20px
	}
}

.topic-expert .topic-stack {
	padding: 30px 0 20px
}

.topic-expert .topic-stack .swiper-button-prev {
	left: -20px;
	top: 42%;
	background-image: url(../image/arrow03.png)
}

.topic-expert .topic-stack .swiper-button-prev:hover {
	background-image: url(../image/arrow04.png)
}

.topic-expert .topic-stack .swiper-button-next {
	right: 60px;
	top: 42%;
	background-image: url(../image/arrow01.png)
}

.topic-expert .topic-stack .swiper-button-next:hover {
	background-image: url(../image/arrow02.png)
}

.topic-expert .topic-stack #stack-pic {
	margin-top: 40px
}

.topic-expert .topic-stack #stack-pic .swiper-slide {
	cursor: pointer;
	width: 250px;
	height: 320px;
	background: #fff;
	border: 1px solid #dcdcdc;
	padding: 20px 20px 0;
	text-align: center;
	box-shadow: 0 0 10px rgba(0,0,0,0.1)
}

.topic-expert .topic-stack #stack-pic .swiper-slide p {
	line-height: 24px;
	font-size: 14px;
	margin-top: 20px
}

.topic-expert .topic-stack #stack-pic .swiper-slide h2 {
	margin-top: 10px;
	color: #20455f;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px
}

.topic-expert .topic-stack #stack-pic .swiper-slide-active {
	border: 1px solid #36a972
}

@media screen and (max-width:1300px) {
	.topic-expert .topic-stack #stack-pic {
		width: 100%
	}

	.topic-expert .topic-stack #stack-pic .swiper-slide {
		width: 100%
	}

	.topic-expert .topic-stack #stack-pic .swiper-slide img {
		margin: auto
	}
}

@media screen and (max-width:992px) {
	.topic-expert .topic-stack .swiper-button-prev {
		left: 20px;
		top: 40%
	}

	.topic-expert .topic-stack .swiper-button-next {
		right: 20px;
		top: 40%
	}
}

@media screen and (max-width:480px) {
	.topic-expert .topic-stack .swiper-button-prev {
		left: 0
	}

	.topic-expert .topic-stack .swiper-button-next {
		right: 0
	}
}

.topic-expert .topic-solution {
	background-color: #edf3f7;
	padding: 50px 0 60px
}

.topic-expert .topic-solution .question {
	position: relative;
	background: url(../image/0013.jpg) center;
	height: 355px;
	width: 100%
}

.topic-expert .topic-solution .question .item {
	position: absolute;
	width: 394px;
	min-height: 100px;
	display: table;
	background: #fff;
	padding: 20px 10px 20px 0;
	border-radius: 5px;
	box-shadow: 0 0 20px rgba(191,191,191,0.5)
}

.topic-expert .topic-solution .question .item h2 {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	color: #333;
	margin: 0
}

.topic-expert .topic-solution .question .item h3 {
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 5px;
	color: #333
}

.topic-expert .topic-solution .question .item p {
	font-size: 14px;
	line-height: 24px;
	margin: 0
}

.topic-expert .topic-solution .question .item .text {
	padding-left: 15px;
	border-left: 1px dashed #a0a0a0
}

.topic-expert .topic-solution .question .item .tit {
	width: 85px
}

.topic-expert .topic-solution .question .item img {
	padding: 0 10px;
	transform: rotateY(0deg);
	transition: .6s;
	transform-style: preserve-3d
}

.topic-expert .topic-solution .question .item>* {
	display: table-cell;
	vertical-align: middle
}

.topic-expert .topic-solution .question .item:hover img {
	transform: rotateY(360deg)
}

.topic-expert .topic-solution .question .item1 {
	box-shadow: 0 0 20px rgba(239,147,0,0.5);
	background: linear-gradient(to right, #ef9300, #f8cb64)
}

.topic-expert .topic-solution .question .item1 h2,.topic-expert .topic-solution .question .item1 h3,.topic-expert .topic-solution .question .item1 p {
	color: #fff
}

.topic-expert .topic-solution .question .item1 .text {
	border-left: 1px dashed #fff
}

.topic-expert .topic-solution .question .item1::after {
	content: "";
	position: absolute;
	right: -12px;
	top: 43%;
	margin: auto;
	height: 0;
	width: 0;
	border-top: 10px solid transparent;
	border-left: 12px solid #f8cb64;
	border-bottom: 10px solid transparent
}

.topic-expert .topic-solution .question .item2 {
	box-shadow: 0 0 20px rgba(44,158,103,0.5);
	background: linear-gradient(to right, #2c9e67, #5dd79a);
	right: 0;
	top: 50px
}

.topic-expert .topic-solution .question .item2 h2,.topic-expert .topic-solution .question .item2 h3,.topic-expert .topic-solution .question .item2 p {
	color: #fff
}

.topic-expert .topic-solution .question .item2 .text {
	border-left: 1px dashed #fff
}

.topic-expert .topic-solution .question .item2::after {
	content: "";
	position: absolute;
	left: -12px;
	top: 43%;
	margin: auto;
	height: 0;
	width: 0;
	border-top: 10px solid transparent;
	border-right: 12px solid #2c9e67;
	border-bottom: 10px solid transparent
}

.topic-expert .topic-solution .question .item3 {
	bottom: 50px
}

.topic-expert .topic-solution .question .item3::after {
	content: "";
	position: absolute;
	right: -12px;
	top: 43%;
	margin: auto;
	height: 0;
	width: 0;
	border-top: 10px solid transparent;
	border-left: 12px solid #fff;
	border-bottom: 10px solid transparent
}

.topic-expert .topic-solution .question .item4 {
	bottom: 0;
	right: 0
}

.topic-expert .topic-solution .question .item4::after {
	content: "";
	position: absolute;
	left: -12px;
	top: 43%;
	margin: auto;
	height: 0;
	width: 0;
	border-top: 10px solid transparent;
	border-right: 12px solid #fff;
	border-bottom: 10px solid transparent
}

.topic-expert .topic-solution .tips {
	margin: 40px 0 5px
}

.topic-expert .topic-solution .tips .row {
	text-align: center;
	margin-right: 0;
	margin-left: 0
}

.topic-expert .topic-solution .tips .row2 {
	width: 70%;
	margin: auto
}

.topic-expert .topic-solution .tips .item {
	padding: 0 30px
}

.topic-expert .topic-solution .tips .item i {
	padding: 0 5px
}

.topic-expert .topic-solution .tips .item p {
	height: 50px;
	font-size: 16px;
	margin: 0 0 20px;
	line-height: 50px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(191,191,191,0.2)
}

@media screen and (max-width:1200px) {
	.topic-expert .topic-solution .tips .row2 {
		width: 100%;
		margin: auto
	}

	.topic-expert .topic-solution .tips .item {
		padding: 0
	}

	.topic-expert .topic-solution .tips .item p {
		margin: 0 0 10px
	}
}

@media screen and (max-width:992px) {
	.topic-expert .topic-solution .question .item {
		position: initial;
		width: 100%
	}

	.topic-expert .topic-solution .question .item h2,.topic-expert .topic-solution .question .item h3,.topic-expert .topic-solution .question .item p {
		color: #fff
	}

	.topic-expert .topic-solution .question .item .text {
		border-left: 1px dashed #fff
	}

	.topic-expert .topic-solution .question .item>:first-child {
		display: none
	}

	.topic-expert .topic-solution .question .item .tit {
		padding-left: 20px;
		width: 100px
	}

	.topic-expert .topic-solution .question .item::after {
		content: none
	}

	.topic-expert .topic-solution .question .item3 {
		background: linear-gradient(to right, #ef9300, #f8cb64)
	}

	.topic-expert .topic-solution .question .item4 {
		background: linear-gradient(to right, #2c9e67, #5dd79a)
	}
}

@media screen and (max-width:768px) {
	.topic-expert .topic-solution .question {
		height: auto
	}
}

.topic-expert .topic-project {
	background-color: #fff;
	box-shadow: 0 0 20px rgba(191,191,191,0.2);
	margin: 40px 0
}

.topic-expert .topic-project .pro-tit {
	padding: 30px 40px
}

.topic-expert .topic-project .pro-tit h2 {
	color: #36a972;
	margin-top: 0
}

.topic-expert .topic-project .pro-tit p {
	color: #20455f;
	font-size: 16px;
	line-height: 30px;
	margin: 0
}

.topic-expert .topic-project .pro-list {
	border-top: 1px solid #e5e5e5
}

.topic-expert .topic-project .pro-list .btn {
	padding: 0 10px;
	height: 30px;
	background-color: #36a972;
	border: 1px solid #36a972;
	border-radius: 3px;
	position: relative;
	float: right
}

.topic-expert .topic-project .pro-list .btn-down {
	display: none
}

.topic-expert .topic-project .pro-list .arrow-down {
	width: 8px;
	height: 8px;
	top: -3px;
	margin-left: 3px;
	position: relative;
	display: inline-block;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.topic-expert .topic-project .pro-list .arrow-up {
	width: 8px;
	height: 8px;
	margin-left: 3px;
	position: relative;
	display: inline-block;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg)
}

.topic-expert .topic-project .pro-list .title {
	position: relative;
	padding: 10px 40px
}

.topic-expert .topic-project .pro-list .title span {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #333
}

.topic-expert .topic-project .pro-list .title gray {
	font-weight: normal;
	color: #999
}

.topic-expert .topic-project .pro-list .title:hover {
	cursor: pointer;
	background-color: #f9f9f9;
	transition: all .5s
}

.topic-expert .topic-project .pro-list .pro-text {
	display: none;
	padding: 15px 70px;
	border-top: 1px solid #e5e5e5
}

.topic-expert .topic-project .pro-list .pro-text ul {
	margin-bottom: 0
}

.topic-expert .topic-project .pro-list .pro-text li {
	line-height: 36px;
	font-size: 14px;
	color: #333
}

.topic-expert .topic-project .pro-list .pro-text li::before {
	content: url(../image/008.png);
	display: inline-block;
	position: relative;
	top: 4px;
	margin-right: 10px
}

.topic-expert .topic-project .open .pro-text {
	display: block
}

.topic-expert .topic-project .open .btn-down {
	display: block
}

.topic-expert .topic-project .open .btn-up {
	display: none
}

@media screen and (max-width:768px) {
	.topic-expert .topic-project .pro-tit,.topic-expert .topic-project .pro-list .title,.topic-expert .topic-project .pro-list .pro-text {
		padding: 10px
	}
}

.topic-expert .flow {
	padding: 30px 0
}

.topic-expert .flow .step {
	padding: 20px
}

.topic-expert .flow .item {
	text-align: center;
	position: relative
}

.topic-expert .flow .item h2 {
	font-size: 24px
}

.topic-expert .flow .step-info {
	padding: 15px;
	background-color: #edf3f7;
	min-height: 102px;
	display: table;
	width: 100%
}

.topic-expert .flow .step-info p {
	color: #6a8093;
	margin: 0 0 0;
	font-size: 16px;
	line-height: 24px;
	vertical-align: middle;
	display: table-cell
}

@media screen and (min-width:1200px) {
	.topic-expert .flow .row {
		margin: 0 -30px
	}

	.topic-expert .flow .step {
		padding: 30px
	}

	.topic-expert .flow .step:not(:last-child) .item::after {
		content: url(../image/0131.png);
		display: block;
		position: absolute;
		top: 30px;
		right: -45%
	}
}

.topic-expert .demeanor {
	background-color: #edf3f7;
	padding-bottom: 10px;
	padding: 40px 0 0
}

.topic-expert .demeanor h1 {
	margin-top: 10px;
	margin-bottom: 30px
}

.topic-expert .demeanor .row>div {
	margin-bottom: 20px
}

.topic-expert .demeanor .row>div img {
	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	-o-transition: -o-transform .3s;
	transition: transform .3s
}

.topic-expert .demeanor .row>div img:hover {
	cursor: pointer;
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}

@media screen and (max-width:1200px) {
	.topic-expert .demeanor img {
		width: 100%
	}
}

.topic-expert .consultation {
	background: linear-gradient(to right, #2c9e67, #5dd79a)
}

.topic-expert .consultation .content {
	display: table;
	min-height: 100px;
	margin: auto
}

.topic-expert .consultation .content>* {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px
}

.topic-expert .consultation .content p {
	font-size: 18px;
	color: #fff
}

.topic-expert .consultation .content .btn {
	background: #fff;
	color: #36a972;
	border: none;
	box-shadow: 0 10px 20px rgba(31,125,80,0.5)
}

@media screen and (max-width:768px) {
	.topic-expert .consultation .content img {
		display: none
	}

	.topic-expert .consultation .content>* {
		display: block;
		padding-bottom: 10px
	}

	.topic-expert .consultation .content p {
		font-size: 14px;
		margin: 0
	}
}

.topic-expert .honor {
	background: url(../image/0022.jpg) center no-repeat;
	height: 680px
}

.topic-expert .honor h1 {
	margin-top: 60px
}

@media screen and (max-width:992px) {
	.topic-expert .honor {
		background-size: 100%;
		height: 380px
	}
}

@media screen and (max-width:768px) {
	.topic-expert .honor {
		height: 280px
	}

	.topic-expert .honor h1 {
		margin-top: 30px
	}
}

.topic-expert .show-expert {
	padding: 50px 0 0
}

.topic-expert .show-expert h2,.topic-expert .show-expert h3,.topic-expert .show-expert p,.topic-expert .show-expert .pic {
	color: #fff;
	padding: 0 20px
}

.topic-expert .show-expert .topic-btn {
	margin-top: 20px
}

.topic-expert .show-expert .content {
	position: relative
}

.topic-expert .show-expert .service {
	background-color: #edf3f7;
	padding: 20px 0
}

.topic-expert .show-expert .service .one-row>*:not(:last-child) {
	border-right: 1px solid #36a972
}

.topic-expert .show-expert .service .item {
	text-align: center
}

.topic-expert .show-expert .service .item span {
	font-size: 18px;
	color: #333;
	margin-left: 10px
}

.topic-expert .show-expert .expert-box {
	margin: 80px 0 30px;
	position: relative;
	height: 480px;
	width: 100%
}

.topic-expert .show-expert .expert-item {
	cursor: pointer;
	position: relative;
	width: 23%;
	float: left;
	height: 100%;
	display: inline-block;
	background: linear-gradient(to left, #908e91, #c8c8c8);
	transition: width .8s
}

.topic-expert .show-expert .item-image {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: center
}

.topic-expert .show-expert .item-image img {
	width: 85%
}

.topic-expert .show-expert .item-collapse {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0
}

.topic-expert .show-expert .item-collapse h2,.topic-expert .show-expert .item-collapse p {
	text-align: center;
	line-height: 22px
}

.topic-expert .show-expert .item-collapse .bg {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 100%;
	background: url(../image/0042.png) no-repeat;
	background-size: 100% 100%
}

.topic-expert .show-expert .item-collapse .text {
	position: relative
}

.topic-expert .show-expert .item-collapse .text h2 {
	font-size: 24px;
	font-weight: bold
}

.topic-expert .show-expert .item-collapse .text p {
	font-size: 16px;
	margin: 15px 0 20px
}

.topic-expert .show-expert .item-intro {
	opacity: 0;
	position: absolute;
	max-width: 390px
}

.topic-expert .show-expert .item-intro h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 28px
}

.topic-expert .show-expert .item-intro .name h2 {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px
}

.topic-expert .show-expert .item-intro .name span {
	font-size: 16px;
	color: #fff
}

.topic-expert .show-expert .item-intro .title h3 {
	background: url(../image/017.png) no-repeat
}

.topic-expert .show-expert .item-intro .title p {
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	margin: 5px 0 5px
}

.topic-expert .show-expert .item-intro .experience h3 {
	background: url(../image/018.png) no-repeat
}

.topic-expert .show-expert .item-intro .experience p {
	font-size: 14px;
	line-height: 22px;
	margin: 5px 0 5px
}

.topic-expert .show-expert .item-intro .customer h3 {
	background: url(../image/019.png) no-repeat;
	margin-bottom: 10px
}

.topic-expert .show-expert .item-intro .customer .pic>img:not(:last-child) {
	margin-right: 10px
}

.topic-expert .show-expert .open {
	background: url(../image/0033.jpg) center;
	width: 54%;
	transition: width .8s
}

.topic-expert .show-expert .open .item-intro {
	position: relative;
	opacity: 1;
	transition: all 2s
}

.topic-expert .show-expert .open .item-collapse {
	display: none
}

.topic-expert .show-expert .open .item-image {
	right: 0
}

.topic-expert .show-expert .open .item-image img {
	width: 100%;
	transition: all .8s
}

@media screen and (max-width:1200px) {
	.topic-expert .show-expert .expert-box {
		height: auto
	}

	.topic-expert .show-expert .expert-item {
		width: 100% !important;
		height: 480px;
		float: none;
		background: url(../image/0033.jpg) center
	}

	.topic-expert .show-expert .expert-item .item-image img {
		width: 85%
	}

	.topic-expert .show-expert .item-intro {
		opacity: 1
	}

	.topic-expert .show-expert .item-collapse {
		display: none
	}
}

@media screen and (max-width:992px) {
	.topic-expert .show-expert .expert-box {
		margin: 30px 0
	}

	.topic-expert .show-expert .service {
		padding: 10px 0
	}

	.topic-expert .show-expert .service .item img {
		display: none
	}

	.topic-expert .show-expert .service .item span {
		font-size: 14px
	}
}

@media screen and (max-width:480px) {
	.topic-expert .show-expert .item-image,.topic-expert .show-expert .open>.item-image {
		top: 10px;
		right: 10px;
		text-align: right
	}

	.topic-expert .show-expert .item-image img,.topic-expert .show-expert .open>.item-image img {
		width: 35% !important
	}
}

@media screen and (max-width:768px) {
	.topic-expert .container>h1 {
		font-size: 24px
	}

	.topic-expert>div:not(.banner) {
		padding: 20px 0 !important
	}
}

.modal-repurchase-form .modal-body {
	padding: 0
}

.modal-repurchase-form .modal-body .close {
	color: #fff;
	font-size: 30px;
	font-weight: normal
}

.modal-repurchase-form .modal-dialog {
	max-width: 500px
}

.modal-repurchase-form .modal-content {
	border-radius: 7px
}

.modal-repurchase-form .title {
	background: url(../image/0034.jpg) center;
	border-radius: 5px 5px 0 0;
	height: 126px
}

.modal-repurchase-form .title h2,.modal-repurchase-form .title h3 {
	color: #fff;
	margin: 0;
	line-height: 36px;
	text-align: center
}

.modal-repurchase-form .title h2 {
	font-size: 30px;
	padding: 30px 0 5px
}

.modal-repurchase-form .title h3 {
	font-size: 16px
}

.modal-repurchase-form .submit-table {
	padding: 20px 50px 40px;
	border-radius: 0 0 5px 5px;
	background-color: #f4faff
}

.modal-repurchase-form .submit-table p {
	font-size: 16px;
	line-height: 36px;
	margin: 0;
	height: 36px
}

.modal-repurchase-form .submit-table input {
	height: 35px;
	line-height: 35px
}

.modal-repurchase-form .submit-table input[type=checkbox] {
	margin: 0;
	vertical-align: middle
}

.modal-repurchase-form .submit-table .one-row>:first-child {
	width: 52%
}

.modal-repurchase-form .submit-table .one-row>:first-child input {
	width: 95% !important
}

.modal-repurchase-form .submit-table .verification-code {
	display: table
}

.modal-repurchase-form .submit-table .verification-code>* {
	display: table-cell
}

.modal-repurchase-form .btn-submit {
	background-color: #fa962a;
	height: 38px;
	line-height: 38px;
	border: 1px solid #fa962a
}

.modal-repurchase-form .btn-code {
	background-color: #d9e6f2;
	color: #333;
	border: 1px solid #afc3d7;
	padding: 0 10px;
	border-radius: 0
}

.modal-buyerprice .close {
	padding-right: 10px
}

.modal-buyerprice .modal-body {
	padding: 0
}

.modal-buyerprice .modal-body .close {
	font-size: 40px;
	font-weight: normal
}

.modal-buyerprice .modal-dialog {
	max-width: 400px
}

.modal-buyerprice .modal-content {
	border-radius: 0 !important
}

.modal-buyerprice .title {
	background: #f8f8f8;
	border-bottom: 1px solid #ddd
}

.modal-buyerprice .title h2 {
	padding-left: 30px;
	font-size: 18px;
	line-height: 42px;
	margin: 0
}

.modal-buyerprice .content {
	padding: 10px 30px 30px
}

.modal-buyerprice .content p {
	margin: 0;
	font-size: 16px;
	line-height: 36px
}

.modal-buyerprice .content input {
	background: #f8f8f8;
	border: 1px solid #ddd;
	border-radius: 0
}

.modal-buyerprice .btns {
	margin-top: 20px;
	text-align: right
}

.modal-buyerprice .btn {
	height: 32px;
	line-height: calc(30px);
	padding: 0 16px;
	font-size: 14px;
	letter-spacing: 1px;
	display: inline-block;
	vertical-align: middle;
	transition: background .3s,color .3s;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	white-space: nowrap
}

.modal-buyerprice .btn-submit {
	background-color: #1e9fff;
	margin: 0 10px
}