@charset "utf-8";

html {
	height: 100%
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,figure {
	margin: 0;
	padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block
}

fieldset,img,iframe {
	border: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

ol,ul {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

address,caption,cite,code,dfn,em,strong,th,var,b,i {
	font-style: normal;
	font-weight: 400
}

a {
	color: #333;
	text-decoration: none
}

a:active,a:hover {
	color: #42a4ff
}

input,textarea,select,button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

input,textarea,select {
	outline: 0;
	*font-size: 100%
}

input,select {
	vertical-align: middle
}

legend {
	color: #333
}

textarea {
	resize: none
}

body {
	height: 100%;
	background: #fff;
	color: #333;
	font-size: 18px;
	font-family: 'Microsoft Yahei','Sim sun',tahoma,'Helvetica,Neue',Helvetica,STHeiTi,Arial,sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased
}

.f-fl-left {
	float: left
}

.f-fl-right {
	float: right
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	display: block;
	visibility: hidden;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.wrap-content {
	position: relative;
	width: 1000px;
	margin: 60px auto;
	overflow: hidden;
	clear: both
}

.wrap-sub,.tc-case-list,.tc-case-detail {
	position: relative;
	float: right;
	width: 850px;
	margin: 0 auto;
	z-index: 2
}

.container input {
	font-size: 20px
}

.topbar {
	max-width: 100%;
	min-width: 1000px;
	font-size: 16px;
	-webkit-box-shadow: 3px 3px 15px #efefef;
	-moz-box-shadow: 3px 3px 15px #efefef;
	box-shadow: 3px 3px 20px #efefef
}

.topbar .container {
	margin: 0 auto;
	width: 1000px;
	height: 80px;
	position: relative;
	z-index: 100
}

.topbarfixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%
}

.top-placeholder {
	height: 110px;
	text-indent: -9999px
}

._wide .container {
	width: 1200px
}

.crossbar {
	height: 30px;
	text-align: right;
	line-height: 24px;
	position: relative
}

.crossbar a {
	margin-left: 20px;
	color: #ccc
}

.crossbar-bg {
	height: 30px;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 99
}

.navbar {
	height: 80px;
	color: #fff
}

.logo {
	float: left;
	color: #fff!important;
	width: 107px;
	height: 50px;
	display: inline-block;
	margin: 16px 0 0;
	text-indent: -9999em;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/gdt-logo.png) no-repeat 0 -80px
}

.topicNavTit {
	float: left;
	color: #333;
	font-size: 24px;
	line-height: 40px;
	padding-left: 16px;
	margin: 20px 0 0 24px;
	border-left: 1px solid #e4e4e4
}

.nav {
	padding-top: 24px;
	margin-left: 157px
}

.nav ul {
	overflow: hidden
}

.nav li {
	float: left;
	margin-right: 5px
}

.nav li a {
	display: block;
	padding: 1px 20px;
	border-radius: 2px;
	color: #fff;
	line-height: 28px
}

.nav li.current_page_item a,.nav li.active a {
	background: #42a4ff
}

.nav._dev li a {
	padding: 1px 15px
}

.user-opr {
	position: absolute;
	top: 24px;
	right: 220px
}

.user-opr a {
	color: #fff;
	margin-right: 15px
}

.topbarwhite .user-opr a {
	color: #333
}

.userinfo {
	position: absolute;
	right: 0;
	top: 28px;
	color: #fff
}

#notlogin {
	top: 24px
}

.userinfo .btn-lg {
	display: inline-block;
	padding: 0 20px;
	margin-left: 5px;
	border-radius: 2px;
	border: 1px solid #999;
	color: #fff;
	line-height: 28px
}

.userinfo .loginfo {
	border: 1px solid transparent;
	padding: 10px 0;
	margin-top: -12px;
	float: right
}

.userinfo .loginfo .link-wrap {
	float: left;
	position: relative;
	padding-bottom: 10px;
	margin-left: 10px
}

.userinfo .loginfo .js-multi .link-msg {
	position: relative;
	padding-right: 20px;
	color: #42a4ff
}

.userinfo .loginfo .link-msg i {
	display: none;
	position: absolute;
	width: 11px;
	height: 6px;
	right: 0;
	top: 10px;
	background: no-repeat;
	background-position: -195px -398px
}

.userinfo .loginfo .link-msg .msg-num {
	display: none
}

.userinfo .loginfo .js-multi .link-msg .msg-num {
	display: inline
}

.userinfo .loginfo .js-multi:hover .link-msg i {
	background: no-repeat;
	background-position: -217px -274px
}

.userinfo .loginfo .link-box {
	float: left
}

.userinfo .loginfo .link-box a {
	margin: 0 5px
}

.userinfo .loginfo .user-img {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px 10px
}

.userinfo .loginfo img {
	border-radius: 12px;
	width: 25px;
	height: 25px
}

.userinfo .loginfo .user-img:hover .logribbon,.userinfo .loginfo .js-multi:hover .logribbon,.userinfo .loginfo .js-multi .link-msg i {
	display: block
}

.userinfo .loginfo em {
	width: 200px;
	height: 25px;
	line-height: 25px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	font-style: normal
}

.userinfo .loginfo .logribbon {
	width: 200px;
	display: none;
	padding: 12px;
	line-height: 24px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 30px;
	border: 1px solid #eaeaeb;
	background: #fff;
	font-size: 14px;
	z-index: 10
}

.userinfo .loginfo .logribbon._multi {
	padding: 0 10px
}

.user-name {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 5px;
	margin-bottom: 5px
}

.user-name li {
	position: relative;
	padding-left: 25px;
	height: 38px;
	border-bottom: 1px solid #e9e9e9;
	line-height: 38px;
	text-align: left
}

.user-name li._last {
	border: 0
}

.user-name li i {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	top: 10px;
	background: no-repeat;
	background-position: -180px -260px
}

.userinfo .user-name li a {
	display: block;
	color: #333;
	height: 38px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

._multi .user-name {
	border: 0;
	padding: 0;
	margin: 0
}

.userinfo .loginfo .logribbon .btn-blue {
	display: block;
	height: 30px;
	line-height: 30px;
	margin: 10px 0 0;
	padding: 0;
	color: #fff;
	text-align: center;
	background-color: #42a4ff;
	border: 1px solid transparent
}

.userinfo .loginfo .logribbon .btn-lgout {
	background-color: transparent;
	color: #333;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	display: block
}

.link-blue {
	color: #42a4ff
}

.tips-lginfo {
	width: 180px;
	display: block;
	position: absolute;
	right: 0;
	top: 30px;
	padding: 0 45px 0 15px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #eaeaeb;
	background-color: #fff;
	color: #333;
	z-index: 9
}

.tips-lginfo a {
	color: #42a4ff
}

.tips-lginfo:before {
	width: 14px;
	height: 8px;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: -7px;
	background-image: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png);
	background-repeat: no-repeat;
	background-position: -149px -264px;
	content: ""
}

.tips-lginfo .ico-close {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: no-repeat;
	background-position: -200px -260px;
	text-indent: -9999px;
	position: absolute;
	right: 10px;
	top: 13px
}

.topbarwhite .crossbar {
	background-color: #f7f7f7;
	opacity: 1;
	filter: alpha(opacity=100)
}

.topbarwhite .crossbar-bg {
	display: none
}

.topbarwhite .crossbar a {
	color: #333;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
	overflow: hidden
}

.topbarwhite .crossbar a span {
	display: inline-block;
	vertical-align: middle
}

.topbarwhite .crossbar a .tips {
	position: relative;
	height: 20px;
	padding: 0 10px;
	margin-right: 15px;
	background-color: #ff7f21;
	color: #fff3db;
	line-height: 20px;
	font-size: 12px
}

.topbarwhite .crossbar a .tips i {
	display: block;
	position: absolute;
	top: 0;
	right: -5px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ff7f21;
	font-size: 0;
	line-height: 0
}

.topbarwhite .navbar {
	background: #fff
}

.topbarwhite .logo {
	background-position: 0 0!important
}

.topbarwhite .nav li a,.topbarwhite .userinfo .logininfo em {
	color: #333
}

.topbarwhite .nav li.current_page_item a,.topbarwhite .nav li.active a,.userinfo .logininfo .logindrop a {
	color: #fff
}

.topbarwhite .userinfo a {
	border-color: #42a4ff;
	color: #42a4ff
}

.topbarfixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%
}

.topbarwhite .userinfo {
	color: #333
}

.login-div {
	width: 622px;
	height: 368px;
	position: fixed;
	left: 50%;
	top: 50%;
	width: 622px;
	height: 368px;
	margin: -184px 0 0 -311px;
	z-index: 99999;
	background-color: #ccc
}

.overlay {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	filter: Alpha(opacity=60)
}

.pop-cont {
	width: 540px;
	height: 390px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin: -180px 0 0 -270px;
	background-color: #fff;
	z-index: 10000
}

.pop-cont .logininfo {
	margin-top: 50px;
	margin-bottom: 30px
}

.pop-cont .icon-close {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons_gdt.png);
	background-repeat: no-repeat;
	background-position: -149px -218px;
	text-indent: -9999px;
	position: absolute;
	right: 10px;
	top: 10px
}

a.btn-blue {
	width: 200px;
	margin-top: 10px;
	background-color: #42a4ff;
	color: #fff;
	height: 44px;
	line-height: 44px;
	border: 0;
	text-align: center;
	display: inline-block;
	border-radius: 5px
}

.logininfo {
	margin: 0 auto;
	text-align: center
}

.logininfo .user-img {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	display: block;
	border-radius: 40px;
	overflow: hidden;
	position: relative
}

.logininfo img {
	width: 80px;
	height: 80px
}

.logininfo em {
	width: 100%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: inline-block;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2
}

.changebg {
	width: 100%;
	height: 26px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: .5;
	filter: alpha(opacity=50);
	background-color: #000
}

.username {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	margin-bottom: 10px
}

.msg {
	text-align: center
}

.msg a.btn-blue {
	margin-bottom: 10px;
	width: auto;
	padding: 0 20px
}

.msg p {
	margin-bottom: 20px
}

.user-data {
	display: block;
	padding-top: 30px
}

.m-nav-bread {
	color: #999;
	line-height: 40px;
	margin-bottom: 30px
}

.m-nav-bread a {
	color: #999
}

.m-nav-bread a:hover {
	color: #42a4ff
}

.footer-wrap {
	background-color: #354051;
	clear: both
}

.footer {
	width: 1000px;
	margin: 0 auto;
	padding-top: 37px
}

.links {
	float: left;
	width: 440px;
	height: 170px
}

.fllows {
	float: right
}

.links h3,.fllows h3 {
	font-size: 28px;
	color: #fff;
	font-weight: 400;
	line-height: 87px
}

.links p,.links p a,.fllows p,.fllows p a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
	margin-right: 25px
}

.links p {
	margin: 0
}

.fllows p a {
	position: relative;
	display: inline-block
}

.fllows p a:hover .qr-wrap {
	display: block
}

.qr-wrap {
	display: block;
	position: absolute;
	width: 240px;
	height: 268px;
	bottom: 40px;
	left: -106px;
	cursor: default;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) 113px 260px no-repeat;
	display: none
}

.qr-img {
	display: block;
	background-color: #fff;
	padding-top: 25px;
	height: 165px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec
}

.qr-img img {
	display: block;
	margin: 0 auto
}

.qr-services .qr-img {
	padding-top: 20px;
	height: 170px
}

.qr-services .qr-img img {
	width: 160px;
	height: 160px
}

.qr-text {
	display: block;
	text-align: center;
	height: 54px;
	background-color: #2b7ed1;
	color: #fff;
	font-size: 12px
}

.qr-feed .qr-text {
	padding: 16px 24px 0
}

.qr-services .qr-text {
	padding: 16px 16px 0
}

.fllows .ico {
	margin-right: 6px
}

.ico {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) no-repeat
}

.ico.wchat {
	background-position: 0 -50px
}

.ico.qweibo {
	background-position: -50px -50px
}

.ico.sweibo {
	background-position: -100px -50px
}

.fllows-us {
	width: 660px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden
}

.fllows-us-block-qr {
	float: left;
	width: 70px;
	height: 70px;
	border: 4px solid #fff
}

.fllows-us-block-qr img {
	width: 70px;
	height: 70px
}

.fllows-us-block-qr._services {
	width: 78px;
	height: 78px;
	border: 0
}

.fllows-us-block-qr._services img {
	width: 78px;
	height: 78px
}

.fllows-us-block-info {
	padding-left: 90px
}

.fllows-us-block-info-tit {
	padding-top: 7px;
	color: #fff;
	font-size: 16px;
	line-height: 28px
}

.fllows-us-block-info-desc {
	color: #c6c6c6;
	font-size: 12px;
	line-height: 24px
}

.copyright {
	clear: both;
	padding-top: 18px;
	padding-bottom: 10px;
	border-top: 1px solid #485261;
	background: #354051
}

.copyright,.copyright a {
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	color: #fff
}

.copyright a {
	margin: 0 10px
}

.copyrightfixed {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%
}

.reg-btn-wrapper {
	width: 410px;
	margin: 60px auto;
	margin-top: 23px
}

.side-bar-new {
	width: 60px;
	position: fixed;
	bottom: 20px;
	right: 0;
	background-color: #fff
}

.side-bar-new a {
	display: block;
	float: left;
	width: 59px;
	height: 80px;
	font-size: 12px;
	border-left: 1px solid #ededed
}

.side-top {
	border-bottom: 1px solid #ededed
}

.side-ico {
	display: block;
	margin: 0 auto;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) no-repeat
}

.side-text {
	display: block;
	line-height: 28px;
	text-align: center;
	color: #2c9cff
}

.side-bar-new a:hover .side-text {
	color: #2b7ed1
}

.ico-qq .side-ico {
	width: 30px;
	height: 34px;
	margin-top: 13px;
	background-position: -50px -100px
}

.ico-qq:hover .side-ico {
	background-position: 0 -100px
}

.ico-email .side-ico {
	width: 28px;
	height: 24px;
	margin-top: 18px;
	background-position: -150px -100px
}

.ico-email:hover .side-ico {
	background-position: -100px -100px
}

.side-bar-new .ico-arrow {
	width: 60px;
	height: 60px;
	border: 0;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) -185px -130px #2c9cff no-repeat
}

.ico-arrow:hover {
	background-color: #2b7ed1
}

.m-article {
	overflow: hidden;
	line-height: 34px;
	color: #999
}

.m-article-tit {
	font-size: 42px;
	text-align: center;
	font-weight: 400;
	line-height: 84px;
	color: #333
}

.m-article-img {
	margin: 30px 0;
	text-align: center
}

.m-article-img img {
	display: inline
}

.m-article-block {
	clear: both;
	padding: 45px 0;
	overflow: hidden;
	text-align: justify
}

.f-fl-left .m-article-block-txt {
	margin-right: 30px
}

.f-fl-right .m-article-block-txt {
	margin-left: 30px
}

.m-article-block-txt-tit {
	font-size: 28px;
	color: #333;
	line-height: 65px;
	font-weight: 400
}

.m-article-block-img {
	padding-top: 20px
}

.m-article-block-img img {
	max-height: 310px;
	width: auto
}

.m-topic-group {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden
}

.m-topic-block {
	width: 390px;
	height: 380px
}

.m-topic-block-img,.m-topic-block-img img {
	width: 390px;
	height: 220px
}

.m-topic-block-tit {
	padding-top: 14px;
	font-size: 28px;
	color: #333;
	line-height: 42px;
	font-weight: 400
}

.m-topic-block-tit span {
	float: right;
	font-size: 16px
}

.m-topic-block-txt {
	text-align: justify;
	line-height: 34px;
	color: #999
}

.tc-case-class {
	position: fixed;
	top: 150px;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	z-index: 1
}

.tc-case-class a {
	display: block;
	width: 110px;
	color: #666;
	margin-bottom: 12px
}

.tc-case-class a.class-current,.tc-case-class a:hover {
	background: #3083cc;
	color: #fff;
	font-weight: 700
}

.tc-case-class .tc-case-class-sub a {
	color: #999;
	line-height: 20px
}

.tc-case-class .tc-case-class-sub a.class-current,.tc-case-class .tc-case-class-sub a:hover {
	background: 0;
	color: #3083cc;
	font-weight: 400
}

.m-list-category {
	line-height: 40px;
	width: 80%
}

.m-list-category li span {
	margin-right: 15px;
	color: #333
}

.m-list-category li a {
	color: #666
}

.m-list-category li span a {
	color: #333
}

.m-list-category li em {
	float: right;
	font-style: normal;
	color: #999
}

.m-list-imgtxt-group {
	clear: both;
	padding: 50px 0;
	overflow: hidden
}

.m-list-imgtxt-group dt {
	font-size: 28px;
	line-height: 38px;
	color: #333
}

.m-list-imgtxt-group-tit {
	width: 100%;
	height: 60px;
	text-align: center;
	font-weight: 400;
	font-size: 30px;
	line-height: 40px
}

.m-list-imgtxt-class {
	position: relative;
	float: left;
	width: 295px;
	height: 210px;
	overflow: hidden
}

.m-list-imgtxt-class._mid {
	margin: 0 37px
}

.m-list-imgtxt-class._last {
	margin: 0!important;
	float: right
}

.m-list-imgtxt-class-head,.m-list-imgtxt-class-head-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px
}

.m-list-imgtxt-class-head-bg {
	background: #000;
	filter: alpha(opacity=40);
	opacity: .4;
	-ms-filter: "alpha(Opacity=40)"
}

.m-list-imgtxt-class-head-tit {
	position: relative;
	padding-left: 50px;
	height: 40px;
	line-height: 40px;
	color: #fff
}

.m-list-imgtxt-class-head-tit i {
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
	background: no-repeat;
	background-position: -247px -410px
}

.m-paging {
	height: 38px;
	padding: 30px 0;
	clear: both;
	font-size: 16px
}

.m-paging a {
	display: block;
	position: relative;
	float: left;
	width: 36px;
	height: 36px;
	border: 1px solid #d8d8d8;
	margin: 0 5px;
	color: #333;
	vertical-align: top;
	text-align: center;
	line-height: 36px;
	overflow: hidden
}

.m-paging a:hover,.m-paging a:focus {
	color: #3083cc
}

.m-paging a.current {
	border-color: #256399;
	background: #3083cc;
	color: #fff
}

.m-paging a.disabled {
	cursor: default
}

.m-paging a.dot,.m-paging a.dot:hover,.m-paging a.dot:focus {
	color: #333;
	border: 0;
	border-radius: 0;
	cursor: default
}

.m-paging a i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -6px;
	height: 12px;
	font-size: 0;
	text-indent: -9999em;
	overflow: hidden
}

.m-paging a i.first {
	width: 10px;
	margin-left: -5px;
	background: center no-repeat;
	background-position: -203px -384px
}

.m-paging a:hover i.first {
	background: center no-repeat;
	background-position: -112px -414px
}

.m-paging a.disabled i.first {
	background: center no-repeat;
	background-position: -310px -243px
}

.m-paging a i.prev {
	width: 6px;
	margin-left: -3px;
	background: center no-repeat;
	background-position: -217px -260px
}

.m-paging a:hover i.prev {
	background: center no-repeat;
	background-position: -422px -171px
}

.m-paging a.disabled i.prev {
	background: center no-repeat;
	background-position: -410px -185px
}

.m-paging a i.last {
	width: 10px;
	margin-left: -5px;
	background: center no-repeat;
	background-position: -410px -171px
}

.m-paging a:hover i.last {
	background: center no-repeat;
	background-position: -112px -428px
}

.m-paging a.disabled i.last {
	background: center no-repeat;
	background-position: -215px -384px
}

.m-paging a i.next {
	width: 6px;
	margin-left: -3px;
	background: center no-repeat;
	background-position: -195px -384px
}

.m-paging a:hover i.next {
	background: center no-repeat;
	background-position: -322px -243px
}

.m-paging a.disabled i.next {
	background: center no-repeat;
	background-position: -418px -185px
}

.tc-btn,.tc-btn:link,.tc-btn:visited,.tc-btn:hover,.tc-btn:active {
	display: inline-block;
	width: 260px;
	height: 48px;
	text-align: center;
	font: 18px/48px "Microsoft YaHei";
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
	cursor: pointer
}

.tc-btn.s {
	width: 210px
}

.tc-btn.m {
	width: 260px
}

.tc-btn.l {
	width: 410px
}

.tc-btn.blue {
	background: #2b7ed1!important
}

.tc-btn.grayborder {
	width: auto;
	height: 40px;
	border: 1px solid #a2a2a2;
	padding: 0 25px;
	color: #333;
	line-height: 40px;
	vertical-align: middle
}

.tc-btn.green {
	background: #74c737
}

.tc-btn.a-black {
	margin: 0;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) -120px -950px no-repeat
}

.tc-btn.trans {
	border: 1px solid #fff;
	background: 0
}

.tc-btn.disable,.tc-btn.disable.focus,.tc-btn.disable:hover,.tc-btn.disable:focus {
	background: #f6f6f6;
	border-color: #c3c3c3;
	color: #8e929b;
	cursor: default
}

.contentSub .tc-btn.next_new {
	width: auto;
	padding-right: 20px
}

.tc-btn.next_new .nextpage_name {
	display: block;
	margin: 0
}

.body {
	padding-bottom: 30px
}

.tc-input-text {
	display: inline-block;
	padding: 9px 0;
	font-size: 20px;
	vertical-align: middle;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-family: "Microsoft YaHei",Helvetica,Droid Sans Fallback;
	outline: 0
}

.tc-input-text::-webkit-input-placeholder {
	font-size: 20px
}

.tc-input-text.noborder {
	border: 0;
	border: 0
}

.tc-input-text.auto {
	width: 100%
}

.tc-input-text.p70 {
	width: 70%
}

.tc-input-text.error {
	border: 1px solid #c00
}

.tc-input-text.disable,.tc-input-text.disable:hover,.tc-input-text.disable:focus,.tc-input-text-disable,.tc-input-text-disable:hover,.tc-input-text-disable:focus {
	border-color: #d5d5d5;
	background: #e8e8e8;
	color: #e8e8e8;
	cursor: default
}

.tc-select-custom {
	float: left;
	width: 348px;
	height: 48px;
	overflow: hidden;
	*height: 29px;
	*margin-top: 9px
}

.tc-select-custom select {
	width: 100%;
	border: 0;
	font-size: 20px;
	line-height: 48px;
	font-family: "Microsoft YaHei",Helvetica,STHeiti,Droid Sans Fallback;
	*margin: -1px;
	*width: 351px;
	*float: left
}

.mylistbox-text1 {
	margin: 0 10px;
	float: left;
	height: 78px;
	top: 20px;
	position: relative;
	vertical-align: top;
	line-height: 32px;
	margin-bottom: 20px;
	position: relative
}

.mylistbox-text1 a,.mylistbox-text1 a:hover {
	color: #484848
}

.mylistbox-text1 a {
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding: 0 10px
}

.mylistbox-text1 dt a {
	border: 1px solid #D4CA9A;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icon-select.gif) center right no-repeat;
	padding-right: 30px
}

.mylistbox-text1 dd {
	z-index: 99999;
	position: relative
}

.mylistbox-text1 dd ul {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #AAA;
	color: #333;
	display: none;
	z-index: 9
}

.mylistbox-text1 span.value {
	display: none
}

.mylistbox-text1 dd ul li a:hover,.mylistbox-text1 dd .current {
	background-color: #3480D2;
	color: #FFF
}

.btn_logout {
	margin-left: 10px;
	float: left
}

.maskdiv {
	background-color: #2f2f2f;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: alpha(opacity=70);
	opacity: .7;
	z-index: 9999
}

.maskdivNobg {
	background-color: #2f2f2f;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	filter: alpha(opacity=0);
	opacity: 0
}

.pop-wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden
}

.pop-wrap {
	min-width: 500px;
	position: fixed;
	top: 100px;
	left: 50%;
	margin-left: -270px;
	line-height: 20px;
	margin: 5px;
	background: #fff;
	zoom: 1;
	box-shadow: 3px 3px 5px rgba(0,0,0,.2);
	z-index: 9999
}

.pop-btn-bar {
	padding: 20px 0;
	border-top: 1px solid #efefef;
	color: #b28e52;
	text-align: center
}

.pop-btn-bar a {
	margin-right: 10px
}

.pop-title {
	font-size: 18px;
	font-weight: 400;
	text-indent: 20px;
	line-height: 50px;
	color: #fff;
	font-family: 微软雅黑;
	background: #2b7ed1;
	border-bottom: 1px solid #1c5ca7;
	box-shadow: 0 1px 0 #e5e5e5
}

.pop-close {
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	line-height: 40px;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) -250px -1051px no-repeat;
	position: absolute;
	top: 14px;
	right: 14px;
	display: inline-block;
	cursor: pointer;
	overflow: hidden;
	vertical-align: middle
}

.pop-wrap .table-form-blk {
	padding-left: 20px;
	padding-right: 40px
}

.pop-wrap .pop-info-wrapper {
	display: table;
	width: 100%;
	min-height: 180px
}

.pop-wrap .pop-info-wrapper .pop-info {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 36px;
	font-size: 20px;
	padding: 90px
}

.pop-wrap .pop-info-wrapper .pop-info p {
	word-break: break-all
}

.pop-info p a {
	color: #2b7ed1
}

.popup-tips {
	line-height: 60px;
	color: #999
}

.pop-wrap.width-limit-m {
	width: 600px;
	margin-left: -300px
}

.pop-wrap.width-limit-l {
	width: 820px;
	margin-left: -410px
}

.scroll-arrow.arrow-right {
	right: 50px;
	background-position: -30px -135px
}

.scroll-arrow.arrow-right:hover {
	background-position: -130px -135px;
	background-color: #000;
	opacity: .3;
	-moz-opacity: .3;
	-ms-filter: "alpha(Opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Fade (duration=.3, overlap=1.0);
	filter: alpha(opacity=30)
}

.scroll-arrow.arrow-left {
	left: 50px;
	background-position: 20px -135px
}

.scroll-arrow.arrow-left:hover {
	background-position: -80px -135px;
	background-color: #000;
	opacity: .3;
	-moz-opacity: .3;
	-ms-filter: "alpha(Opacity=30)";
	filter: progid:DXImageTransform.Microsoft.Fade (duration=.3, overlap=1.0);
	filter: alpha(opacity=30)
}

.main {
}

.news-forum {
	overflow: hidden
}

.news-forum-title {
	margin: 0 auto;
	width: 120px;
	height: 140px
}

.news-forum-title h3 {
	font-size: 28px;
	line-height: 72px;
	text-align: center;
	font-weight: 400
}

.title-ico {
	display: inline-block;
	width: 120px;
	height: 68px;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) no-repeat
}

.title-ico.news-ico {
	background-position: 30px -200px
}

.title-ico.forum-ico {
	background-position: -80px -200px
}

.news-forum-list {
	margin: 0 auto;
	width: 364px;
	padding-top: 32px;
	border-top: 1px solid #ededed
}

.news-forum-list li {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #666;
	overflow: hidden
}

.news-forum-list li a {
	color: #666
}

.news-forum-list li i {
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
	width: 25px;
	height: 13px;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) no-repeat
}

.news-forum-list li i.new {
	background-position: -150px -50px
}

.news-forum-list li i.hot {
	background-position: -200px -50px
}

.news-forum-list li span {
	float: right;
	font-size: 12px;
	color: #999
}

.news {
	float: left;
	width: 490px;
	height: 400px;
	padding-top: 50px;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background-color: #fff
}

.forum {
	float: right;
	width: 490px;
	height: 400px;
	padding-top: 50px;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background-color: #fff
}

.online-learn-wrap {
	background-color: #eee
}

.online-learn {
	width: 1000px;
	margin: 0 auto
}

.learn-desc {
	padding: 46px 0 18px
}

.learn-desc h2 {
	text-align: center;
	font-size: 48px;
	line-height: 72px;
	font-weight: 400;
	color: #333
}

.learn-desc p {
	padding: 0 140px;
	line-height: 32px;
	font-size: 18px;
	color: #999
}

.learn-class-wrap {
	overflow: hidden;
	padding-bottom: 60px
}

.learn-class {
	float: left;
	width: 320px;
	height: 369px;
	padding-bottom: 30px;
	background-color: #fff;
	overflow: hidden
}

.class-header {
	padding: 22px 0 0 30px;
	height: 130px;
	color: #fff;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) #2b7ed1 no-repeat
}

.class-header h3 {
	font-size: 28px;
	line-height: 56px;
	font-weight: 400
}

.class-header p {
	width: 140px;
	font-size: 14px;
	line-height: 24px
}

.class-list-wrap {
	position: relative;
	height: 247px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec
}

.class-list-wrap .tc-btn {
	position: absolute;
	bottom: 30px;
	left: 30px
}

.class-list {
	padding: 22px 30px 20px;
	color: #333
}

.class-list a {
	color: #333
}

.class-list li {
	height: 32px;
	line-height: 32px;
	padding-left: 20px;
	font-size: 14px;
	overflow: hidden;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png) 0 -830px no-repeat
}

.learn-class-new {
	margin-right: 20px
}

.learn-class-new .class-header {
	background-position: right -285px
}

.learn-class-skill .class-header {
	background-position: right -459px;
	background-color: #74c737
}

.learn-class-ploy {
	float: right
}

.learn-class-ploy .class-header {
	background-position: right -635px
}

.ok-case-wrap {
	background-color: #fbfbfb
}

.ok-case {
}

.case-desc {
	width: 1000px;
	margin: 0 auto;
	padding-top: 46px
}

.case-desc h2 {
	text-align: center;
	font-size: 48px;
	line-height: 72px;
	font-weight: 400;
	color: #333
}

.case-desc p {
	padding: 0 140px;
	line-height: 32px;
	font-size: 18px;
	color: #999
}

.case-scroll-wrap {
	position: relative;
	padding-bottom: 56px
}

.scroll-more {
	width: 1000px;
	margin: 0 auto
}

.scroll-more,.scroll-more a {
	text-align: right;
	line-height: 45px;
	font-size: 14px;
	color: #333
}

.case-scroll-wrap .scroll-arrow {
	top: 77px
}

.case-scroll-wrap .scroll-arrow.arrow-right {
	right: 100px
}

.case-scroll-wrap .scroll-arrow.arrow-right:hover {
	background-color: #2b7ed1;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Fade (duration=1, overlap=1.0);
	filter: alpha(opacity=100)
}

.case-scroll-wrap .scroll-arrow.arrow-left {
	left: 100px
}

.case-scroll-wrap .scroll-arrow.arrow-left:hover {
	background-color: #2b7ed1;
	opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Fade (duration=1, overlap=1.0);
	filter: alpha(opacity=100)
}

.slider-case-wrap {
	position: relative;
	height: 244px;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden
}

.case-scroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 99999em;
	overflow: hidden;
	height: 244px
}

.case-scroll li {
	float: left;
	width: 235px;
	margin-right: 15px
}

.case-scroll li.last {
	margin: 0;
	float: right
}

.case-scroll li img {
	display: block;
	width: 234px;
	height: 119px;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec
}

.case-scroll li h3,.case-scroll li h3 a {
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	line-height: 60px;
	padding-top: 16px;
	color: #333
}

.case-scroll li p,.case-scroll li p a {
	text-align: center;
	padding: 0 12px;
	font-size: 14px;
	line-height: 24px;
	color: #999
}

.item-list {
	margin-top: 30px;
	margin-bottom: 40px;
	overflow: hidden;
	height: 450px
}

.item-list li {
	float: left;
	width: 255px;
	height: 400px;
	padding-top: 40px;
	text-align: center;
	background-color: #fafafa;
	border: 1px solid #f1f1f1
}

.item-list li.list-center {
	margin: 0 20px
}

.mod-chat,.mod-qq,.mod-plat {
	width: 128px;
	height: 128px;
	display: block;
	margin: 0 auto;
	text-indent: -9999px
}

.mod-chat {
	background: no-repeat;
	background-position: 0 -284px
}

.mod-qq {
	background: no-repeat;
	background-position: -180px -130px
}

.mod-plat {
	background: no-repeat;
	background-position: -180px 0
}

.mod-word {
	padding-top: 16px;
	height: 100px
}

.mod-word h3 {
	font-size: 28px;
	color: #333;
	font-weight: 400;
	line-height: 50px
}

.mod-word p {
	font-size: 18px;
	color: #999;
	line-height: 30px
}

.icon-box i {
	width: 50px;
	height: 48px;
	margin: 40px 3px 0;
	display: inline-block
}

.icon-qq {
	background: no-repeat;
	background-position: -330px -292px
}

.icon-qzone {
	background: no-repeat;
	background-position: -195px -410px
}

.icon-music {
	background: no-repeat;
	background-position: -282px -360px
}

.icon-tencent {
	background: no-repeat;
	background-position: -60px -414px
}

.icon-home {
	background: no-repeat;
	background-position: -60px -464px
}

.icon-adress {
	background: no-repeat;
	background-position: -112px -449px
}

.icon-user {
	background: no-repeat;
	background-position: -410px -121px
}

.icon-lis {
	background: no-repeat;
	background-position: -230px -360px
}

.icon-box i.icon-plat {
	background: no-repeat;
	background-position: -330px -200px;
	width: 145px;
	height: 90px;
	margin-top: 20px
}

.m-list-imgtxt-reg {
	clear: both
}

.m-list-imgtxt-reg i {
	position: relative;
	float: left;
	width: 88px;
	height: 140px;
	vertical-align: middle
}

.m-list-imgtxt-reg i.reg {
	background: no-repeat;
	background-position: -90px 0
}

.m-list-imgtxt-reg i.data {
	background: no-repeat;
	background-position: 0 -142px
}

.m-list-imgtxt-reg i.filling {
	background: no-repeat;
	background-position: -90px -142px
}

.m-list-imgtxt-reg i.put {
	background: no-repeat;
	background-position: 0 0
}

.m-list-imgtxt-reg dl {
	padding-left: 110px
}

.m-list-imgtxt-phone {
	margin-bottom: 60px
}

.m-list-imgtxt-phone i {
	position: relative;
	float: left;
	width: 98px;
	height: 98px;
	vertical-align: middle
}

.m-list-imgtxt-phone i.reg {
	background: no-repeat;
	background-position: -310px 0
}

.m-list-imgtxt-phone i.account {
	background: no-repeat;
	background-position: -310px -100px
}

.m-list-imgtxt-phone i.optim {
	background: no-repeat;
	background-position: -230px -260px
}

.m-list-imgtxt-phone i.services {
	background: no-repeat;
	background-position: -130px -284px
}

.m-list-imgtxt-phone dl {
	padding-left: 110px;
	width: 290px
}

.m-list-imgtxt-phone dd {
	font-size: 16px;
	text-align: justify;
	line-height: 24px
}

.p-product-qzone-imgtxt .m-article-block-txt {
	width: 500px
}

.p-product-qzone-video .m-article-block-txt {
	width: 330px
}

.p-product-qzone-microdyn .m-article-block-txt {
	width: 560px
}

.p-product-qzone-imgturn .m-article-block-txt {
	width: 420px
}

.p-product-qzone-tab .m-article-block-txt {
	width: 500px
}

.p-product-src-wchat .m-article-block-txt {
	width: 300px
}

.p-product-src-qmusicmob .m-article-block-txt {
	width: 380px
}

.p-product-src-qnews .m-article-block-txt {
	width: 470px
}

.p-product-src-qnews .m-article-block-txt {
	width: 470px
}

.p-product-sys-become {
	line-height: 42px;
	color: #666
}

.p-product-sys-become a {
	color: #666
}

.p-product-sys-become-tit {
	margin-top: 10px;
	color: #666;
	font-size: 20px;
	font-weight: 700;
	line-height: 40px
}

.p-product-sys-become-contact {
	font-size: 18px;
	line-height: 28px
}

.p-product-sys-become-contact li label {
	display: inline-block;
	width: 40px
}

.p-product-sys-become-contact span {
	margin-right: 38px
}

.p-product-account-hotline {
	border-top: 1px solid #e5e5e5;
	height: 150px;
	overflow: hidden;
	line-height: 200px;
	text-align: center;
	font-size: 24px
}

.p-product-account-hotline em {
	font-style: normal;
	color: #3083cc
}

.p-product-topic .m-paging {
	width: 480px;
	margin: 0 auto
}

.tc-case-wrapper {
	position: relative;
	width: 1000px;
	padding-top: 60px;
	margin: 0 auto;
	overflow: hidden
}

.case-list-item {
	clear: both;
	overflow: hidden;
	margin-bottom: 60px
}

.case-list-item .item-img {
	float: left;
	width: 520px
}

.item-img img {
	width: 490px;
	height: 330px
}

.case-list-item .item-info {
	float: left
}

.item-info h2 {
	font-weight: 400;
	font-size: 42px;
	line-height: 80px
}

.item-info p {
	width: 330px;
	font-size: 20px;
	line-height: 34px;
	color: #999;
	margin-bottom: 20px
}

.item-info ul {
	overflow: hidden;
	margin-bottom: 26px
}

.item-info ul li {
	float: left;
	width: 110px
}

.item-info ul li span {
	display: block;
	line-height: 54px;
	font-size: 28px
}

.item-info ul li i {
	display: block;
	line-height: 32px;
	font-size: 20px;
	font-style: normal
}

.tc-case-detail .detail-txt {
	margin-bottom: 50px;
	clear: both;
	overflow: hidden
}

.detail-txt h2 {
	font-weight: 400;
	font-size: 42px;
	line-height: 70px
}

.detail-txt dt {
	font-size: 28px;
	line-height: 50px
}

.detail-txt dd {
	font-size: 20px;
	line-height: 32px;
	color: #999
}

.detail-txt ul {
	padding-top: 20px
}

.detail-txt li {
	float: left;
	width: 270px;
	margin-right: 20px
}

.detail-txt li img {
	width: 268px;
	height: 150px;
	border: 1px solid #e7e7e7
}

.detail-txt li p {
	text-align: center;
	line-height: 64px;
	font-size: 28px
}

.detail-img {
	background: #eee
}

.detail-img p {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden
}

.detail-img img {
	float: right
}

.brand .case-ecc,.brand .case-o2o,.brand .case-app,.brand .case-weixin,.ecc .case-brand,.ecc .case-o2o,.ecc .case-app,.ecc .case-weixin,.o2o .case-brand,.o2o .case-ecc,.o2o .case-app,.o2o .case-weixin,.app .case-brand,.app .case-ecc,.app .case-o2o,.app .case-weixin,.weixin .case-brand,.weixin .case-ecc,.weixin .case-o2o,.weixin .case-app {
	display: none
}

.cont-lesson {
	width: 960px;
	margin: 0 auto;
	font-size: 14px
}

.cont-lesson .tit-lesson {
	font-size: 18px;
	line-height: 40px;
	margin-bottom: 20px;
	font-weight: 400;
	border-bottom: 1px solid #dedede;
	position: relative
}

.column-top {
	margin-bottom: 30px;
	padding-top: 30px
}

.hot-lesson {
	width: 712px;
	float: left
}

.hot-lesson .tit-lesson .ico-hot {
	width: 16px;
	height: 24px;
	margin-right: 8px;
	display: inline-block;
	background-position: -310px -200px
}

.hot-lesson .tit-lesson .more {
	color: #42a4ff;
	position: absolute;
	right: 0;
	top: 0
}

.hot-lesson ul {
	width: 732px
}

.hot-lesson li {
	width: 224px;
	height: 160px;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	position: relative
}

.hot-lesson li .intr {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100
}

.hot-lesson li .intr .ico-vedio {
	width: 40px;
	height: 40px;
	display: inline-block;
	background-position: -334px -342px;
	position: absolute;
	left: 0;
	bottom: 0
}

.hot-lesson li .intr a {
	height: 40px;
	line-height: 40px;
	white-space: nowrap;
	color: #fff;
	padding-left: 50px;
	cursor: pointer
}

.hot-lesson li .intr-bg {
	height: 40px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: 99
}

.sign-lesson {
	width: 228px;
	height: 220px;
	float: right;
	position: relative
}

.sign-lesson .panel-scroll:after {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 1px;
	box-shadow: inset 0 -10px 15px 0 #fff;
	content: "";
	z-index: 102
}

.sign-lesson .panel-scroll:hover:after {
	box-shadow: none
}

.sign-lesson .panel-scroll ul {
	width: 100%;
	height: 158px;
	overflow: hidden;
	border: 1px solid #d8d8d8;
	background-color: #f7f7f7;
	position: absolute;
	z-index: 101;
	-webkit-transition: height .2s ease-in;
	transition: height .2s ease-in
}

.sign-lesson .panel-scroll ul {
	margin-bottom: -1px
}

.sign-lesson .panel-scroll li {
	line-height: 24px;
	padding: 5px 10px;
	border-bottom: 1px solid #d8d8d8
}

.sign-lesson .panel-scroll li p {
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-bottom: 5px
}

.sign-lesson .panel-scroll li .btn-sign {
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	margin-left: 10px;
	display: inline-block;
	background-color: #42a4ff;
	color: #fff
}

.sign-lesson .panel-scroll:hover {
	height: auto
}

.sign-lesson .panel-scroll:hover:before {
	width: 100%;
	height: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	box-shadow: none;
	content: ""
}

.online-lesson .column {
	margin-bottom: 50px
}

.ico-box {
	width: 216px;
	height: 182px;
	line-height: 30px;
	float: left;
	text-align: center;
	color: #fff
}

.ico-box i {
	margin-bottom: 5px;
	margin-top: 28px;
	display: inline-block
}

.ico-box.box-basis {
	background-color: #25a982
}

.ico-box.box-basis i {
	width: 63px;
	height: 63px;
	background-position: -130px -384px
}

.ico-box.box-new {
	background-color: #e2af33
}

.ico-box.box-new i {
	width: 67px;
	height: 57px;
	background-position: -410px -62px
}

.ico-box.box-advance {
	background-color: #1575a8
}

.ico-box.box-advance i {
	width: 58px;
	height: 58px;
	background-position: 0 -414px
}

.ico-box em {
	display: block;
	font-size: 18px;
	font-weight: 400
}

.lesson-list {
	width: 228px;
	line-height: 30px;
	margin-left: 20px;
	float: left
}

.lesson-list h4 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 400
}

.lesson-list li {
	padding-left: 10px;
	position: relative
}

.lesson-list li:before {
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 3px;
	background-color: #669fde;
	content: ""
}

.lesson-list li a {
	color: #666
}

.ico-videos {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	background-position: -310px -226px
}

.sign {
	float: right;
	color: #333;
	font-size: 24px;
	line-height: 80px
}

.register {
	width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 15px
}

.register-suc {
	width: 1000px;
	margin: 0 auto;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 15px
}

.register-column {
	border: 1px solid #e2e2e2;
	overflow: hidden;
	padding-bottom: 60px;
	padding-top: 60px
}

.succ-column {
	padding: 50px 0
}

.succ-column .msg em {
	font-size: 28px;
	display: block;
	height: 50px;
	line-height: 50px
}

.user-data {
	display: block;
	padding-top: 30px
}

.rgt-item {
	margin-bottom: 5px;
	clear: both
}

.rgt-item .item-name {
	float: left;
	width: 330px;
	height: 42px;
	line-height: 42px;
	text-align: right;
	margin-right: 10px
}

.rgt-item .ipt-blk {
	float: left;
	width: 620px;
	height: 46px;
	line-height: 46px;
	margin-right: 10px
}

.rgt-item .select-box {
	float: left;
	margin-right: -1px
}

.city1 .iptouter .iptstyle {
	width: 118px!important
}

.city1 .select-list {
	width: 138px!important
}

.city2 .iptouter .iptstyle {
	width: 159px!important
}

.city2 .select-list {
	width: 179px!important
}

.upload {
	vertical-align: middle
}

.rgt-item .info {
	display: inline-block;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	padding-left: 5px
}

.agree-box {
	float: left
}

.submit {
	margin-top: 30px;
	width: 320px;
	float: left
}

.submit a {
	background-color: #42a4ff;
	color: #fff;
	height: 44px;
	line-height: 44px;
	border: 0;
	text-align: center;
	display: inline-block;
	border-radius: 5px;
	cursor: pointer;
	margin-right: 5px;
	width: 100%;
	font-weight: 700
}

.submit a.btn-next {
	width: 320px
}

.submit a.btn-pre {
	background-color: #8ec8ff;
	width: 150px;
	float: left
}

.submit a.btn-submit {
	width: 150px;
	float: right
}

.submit a.btn-disabled {
	background-color: #bfbfbf;
	color: #888;
	cursor: default
}

.select-box {
	position: relative;
	display: inline-block
}

.select-box .iptouter {
	width: 298px;
	height: 18px;
	line-height: 18px;
	padding: 10px;
	z-index: 4;
	background-color: transparent;
	cursor: pointer;
	display: inline-block;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/selecticon.png) no-repeat right center;
	border: 1px solid #e2e2e2
}

.select-box-focus .iptouter {
	color: #42a4ff;
	position: relative;
	z-index: 100
}

.select-box .select-list {
	width: 318px;
	max-height: 190px;
	overflow-y: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 40px;
	border: 1px solid #42a4ff;
	z-index: 200;
	background-color: #fff;
	display: none
}

.select-box .select-list li {
	padding: 0 10px;
	height: 32px;
	line-height: 32px
}

.select-box .select-list li:hover,.select-box .select-list .active {
	background-color: #a0d1ff;
	cursor: pointer
}

.ipt-box {
	position: relative
}

.ipt-box label {
	height: 46px;
	line-height: 46px;
	position: absolute;
	left: 10px;
	top: 0;
	color: #999;
	display: inline-block;
	z-index: 3
}

.ipt-box .iptouter {
	line-height: 40px
}

.ipt-box .iptouter .iptstyle {
	width: 298px;
	height: 18px;
	line-height: 18px;
	padding: 10px;
	z-index: 4;
	font-size: 16px;
	display: inline-block;
	border: 1px solid #e2e2e2
}

.ipt-box .erro {
	color: #f66
}

.erro,.erro label,.erro .iptstyle {
	color: #f66
}

.checkbox {
	height: 18px;
	line-height: 18px;
	display: inline-block;
	text-indent: 22px;
	background: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons_gdt.png) no-repeat -149px -300px
}

.checked {
	background-position: -149px -345px
}

#mailBox {
	background: #fff;
	border: 1px solid #ddd;
	padding: 3px 5px 5px;
	position: absolute;
	z-index: 9999;
	display: none;
	-webkit-box-shadow: 0 2px 7px rgba(0,0,0,.35);
	-moz-box-shadow: 0 2px 7px rgba(0,0,0,.35)
}

#mailBox p {
	width: 100%;
	margin: 0;
	padding: 0;
	height: 20px;
	line-height: 20px;
	clear: both;
	font-size: 12px;
	color: #ccc;
	cursor: default
}

#mailBox ul {
	padding: 0;
	margin: 0
}

#mailBox li {
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	color: #939393;
	font-family: Tahoma;
	list-style: none;
	cursor: pointer;
	overflow: hidden
}

#mailBox .cmail {
	color: #000;
	background: #e8f4fc
}

.qr-services-reg {
	padding-top: 100px
}

.qr-services-reg-wrap {
	margin: 0 auto;
	width: 450px;
	height: 270px;
	padding-top: 100px;
	text-align: center;
	line-height: 40px;
	font-size: 22px;
	border-bottom: 1px solid #c2c2c2;
	background-image: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/cms_images/gdt-index-qr-wrap.png);
	background-repeat: no-repeat;
	background-position: center top
}

.qr-services-reg-wrap img {
	width: 240px;
	height: 240px;
	cursor: pointer
}

.qr-services-reg-wrap p {
	font-size: 12px;
	margin-top: -5px;
	line-height: 12px
}

.qr-services-reg-txt {
	text-align: center;
	line-height: 40px;
	font-size: 22px
}

.qr-services-reg-txt span {
	font-weight: 700
}

.tc-list-stress {
	text-align: center;
	width: 735px;
	margin: 0 auto
}

.tc-list-stress h2 {
	font-weight: 400;
	line-height: 110px;
	font-size: 28px
}

.tc-list-stress ul {
	display: inline-block
}

.tc-list-stress li {
	text-align: center;
	width: 130px;
	margin: 0 25px;
	float: left
}

.tc-list-stress li p i {
	display: block;
	width: 52px;
	height: 50px;
	margin: 0 auto;
	font-size: 0;
	text-indent: -9999em;
	overflow: hidden
}

.tc-list-stress li p i {
	background-image: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icons.png);
	background-repeat: no-repeat
}

.stress-icon-share {
	background-position: -100px -1201px
}

.stress-icon-prec {
	background-position: -200px -1201px
}

.stress-icon-effic {
	background-position: 5px -1260px
}

.stress-icon-app {
	background-position: -95px -1260px
}

.stress-icon-acc {
	background-position: 0 -1151px
}

.stress-icon-create {
	background-position: -100px -1151px
}

.stress-icon-detect {
	background-position: -200px -1151px
}

.stress-icon-opti {
	background-position: 0 -1201px
}

.tc-list-stress li span {
	line-height: 60px;
	font-size: 20px
}

.qz_dialog_layer .agreement {
	width: 860px;
	height: 358px;
	padding: 20px;
	overflow-y: auto
}

.agreement {
	line-height: 24px
}

.agreement h2 {
	font-size: 16px
}

.agreement h3 {
	font-size: 14px
}

.agreement p {
	text-indent: 2em;
	font-size: 12px
}

.agreement ol {
	padding-left: 20px
}

.main._p-reg {
	padding-bottom: 5%
}

.m-aritcle-base {
}

.m-aritcle-base-tit {
	font-size: 30px;
	color: #333;
	line-height: 60px;
	font-weight: 400;
	text-align: center
}

.m-aritcle-base-subtit {
	color: #999;
	font-size: 14px;
	line-height: 34px;
	text-align: center
}

.m-aritcle-base-img {
	margin: 30px 0;
	text-align: center
}

.m-aritcle-base-txt {
	margin: 20px 0;
	text-align: justify;
	font-size: 14px;
	line-height: 24px;
	color: #484848;
	text-indent: 2em
}

.m-aritcle-base strong {
	font-weight: 700
}

.m-aritcle-base em {
	font-style: italic
}

.m-aritcle-base a {
	color: #42a4ff
}

.m-aritcle-base-video {
	margin: 30px auto;
	width: 650px;
	height: 400px
}

.m-aritcle-base-video-txt {
	text-align: justify;
	font-size: 14px;
	color: #484848
}

.m-aritcle-base-video-txt label {
	font-weight: 700
}

.m-list-related {
	margin: 30px 0;
	font-size: 14px;
	line-height: 34px
}

.m-list-related-tit {
	font-size: 18px;
	line-height: 40px
}

.m-list-related li {
	float: left;
	width: 480px
}

.m-list-related li span {
	margin-right: 10px;
	color: #333
}

.m-list-related li a {
	color: #666
}

.m-list-related li span a {
	color: #333
}

.p-category-class-banner {
	width: 100%;
	height: 300px;
	background: #76a1ae
}

.p-category-class-banner-cont {
	position: relative;
	width: 1200px;
	height: 300px;
	margin: 0 auto
}

.banner-cont-info {
	position: absolute;
	width: 230px;
	height: 260px;
	top: 20px;
	right: 20px;
	color: #fff
}

.banner-cont-info-bg {
	position: absolute;
	width: 230px;
	height: 160px;
	top: 20px;
	right: 20px;
	background: #000;
	filter: alpha(opacity=40);
	opacity: .4;
	-ms-filter: "alpha(Opacity=40)"
}

.banner-cont-info-txt {
	height: 140px;
	padding: 10px 18px
}

.banner-cont-info-txt-tit {
	color: #79bdfb;
	font-size: 24px;
	line-height: 38px
}

.banner-cont-info-txt-desc {
	font-size: 20px;
	line-height: 50px
}

.banner-cont-info-txt-time {
	font-size: 16px;
	line-height: 25px
}

.banner-cont-info-join {
	height: 100px;
	background: #000;
	filter: alpha(opacity=70);
	opacity: .7;
	-ms-filter: "alpha(Opacity=70)";
	overflow: hidden
}

.banner-cont-info-join-btn {
	display: block;
	width: 178px;
	height: 60px;
	margin: 20px auto 0;
	background: no-repeat;
	background-position: -410px 0;
	overflow: hidden;
	font: 0/0 '';
	text-indent: -999em
}

.p-category-class-hot {
	width: 100%;
	background: #edeef1
}

.p-category-class-scroll {
	position: relative;
	float: left;
	width: 891px;
	height: 200px;
	overflow: hidden
}

.p-category-class-scroll-wrap {
	position: absolute;
	height: 200px;
	width: 99999em;
	overflow: hidden
}

.p-category-class-scroll-arrowL,.p-category-class-scroll-arrowR {
	display: none;
	position: absolute;
	width: 50px;
	height: 70px;
	top: 52px;
	left: 0
}

.p-category-class-scroll-arrowR {
	left: auto;
	right: 0
}

.p-category-class-scroll-arrowL em,.p-category-class-scroll-arrowR em {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=60);
	opacity: .6;
	-ms-filter: "alpha(Opacity=60)"
}

.p-category-class-scroll:hover .p-category-class-scroll-arrowL em,.p-category-class-scroll:hover .p-category-class-scroll-arrowR em,.p-category-class-scroll-arrowL:hover em,.p-category-class-scroll-arrowR:hover em {
	display: block
}

.p-category-class-scroll-arrowL i,.p-category-class-scroll-arrowR i {
	display: block;
	position: relative;
	width: 24px;
	height: 42px;
	margin: 15px 0 0 13px;
	background: no-repeat;
	background-position: -462px -121px
}

.p-category-class-scroll-arrowR i {
	background: no-repeat;
	background-position: -34px -474px
}

.p-category-class .m-list-imgtxt-group {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden
}

.p-category-class .m-list-imgtxt-group-tit {
	position: relative;
	padding-left: 45px;
	text-align: left;
	line-height: 45px
}

.p-category-class .m-list-imgtxt-group-tit i {
	display: block;
	position: absolute;
	width: 32px;
	height: 44px;
	top: 0;
	left: 0
}

.p-category-class-hot .m-list-imgtxt-group-tit i {
	background: no-repeat;
	background-position: 0 -474px
}

.p-category-class-optim .m-list-imgtxt-group-tit,.p-category-class-norm .m-list-imgtxt-group-tit {
	padding-left: 16px;
	font-size: 24px
}

.p-category-class-optim .m-list-imgtxt-group-tit i,.p-category-class-norm .m-list-imgtxt-group-tit i {
	width: 5px;
	height: 24px;
	top: 12px;
	left: 0;
	background: #74c737;
	border-radius: 2px
}

.p-category-class-norm .m-list-imgtxt-group-tit i {
	background: #f6af41
}

.p-category-class-optim-info,.p-category-class-norm-info {
	float: left;
	margin-right: 33px;
	padding: 34px 26px 0;
	height: 166px;
	width: 223px;
	background: #74c737;
	text-align: justify;
	color: #fff;
	line-height: 24px;
	font-size: 16px
}

.p-category-class-norm-info {
	background: #f6af41
}

.p-category-class .m-list-imgtxt-class {
	width: 275px;
	height: 200px;
	margin-right: 33px
}

.p-category-class .ad-banner {
	width: 1200px;
	margin: 20px auto
}

.contentSub a {
	color: #0b64db
}

div.contentSub {
	font-family: "Microsoft Yahei",helvetica,'Lucida Grande',Tahoma,Verdana,Simsun,Arial,Clean;
	background-color: #fff;
	text-align: left;
	margin: 0 auto
}

.body h3 {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 12px;
	font-family: "Microsoft Yahei";
	font-weight: bolder;
	margin-left: 20px
}

.body .m-aritcle-base-tit {
	text-align: left
}

.body .content {
	margin: 0 auto;
	width: 960px;
	margin-top: 20px;
	overflow: hidden
}

.layout_lm {
	background-color: #fff
}

.layout_lm .body .left_col {
	width: 228px;
	margin-bottom: 160px;
	float: left;
	background: #f8f8f8;
	border: 1px solid #e5e5e5
}

.left_col h5 {
	font-size: 14px
}

.layout_lm .main {
	position: relative;
	width: 690px;
	float: right;
	overflow: hidden;
	padding-top: 0
}

.layout_lm .main img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.layout_lm .main h2 {
	margin: 0;
	margin-top: 20px;
	height: 37px;
	line-height: 37px;
	font-size: 18px;
	color: #000;
	font-family: "Microsoft Yahei"
}

.layout_lm .main h3 {
	font-size: 14px;
	color: #000;
	margin: 0;
	margin-top: 10px;
	font-family: "Microsoft Yahei";
	font-weight: bolder
}

.layout_lm .main h4 {
	font-size: 14px;
	color: #000
}

.layout_lm .main h5 {
	font-size: 12px;
	color: #000;
	margin-top: 6px
}

.layout_lm .main h5 span i {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-right: 5px;
	vertical-align: middle
}

.layout_lm .main .contentSub table.t3 {
	width: 720px;
	border: 1px solid #DBDBDB
}

.layout_lm .main .contentSub table.t3 tr.evenline {
	background-color: #efefef
}

.menu_level3 .ico_li,.ico_subopen,.ico_hassub {
	background-image: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icon-q.png);
	background-repeat: no-repeat
}

.menu_level3 {
	margin-top: -1px;
	font-family: 微软雅黑
}

.menu_level3 li a {
	line-height: 30px;
	color: #595959;
	display: block
}

.menu_level3 li a:hover {
	color: #0b64db
}

.menu_level3 li h4 {
	position: relative
}

.menu_level3 li h4 a {
	height: 56px;
	line-height: 56px;
	text-indent: 15px;
	color: #4f4f4f;
	border-top: 1px solid #E7E7E7;
	font-size: 16px;
	font-weight: 400
}

.menu_level3 li h4 a.current {
	border-bottom: 1px solid #E7E7E7
}

.menu_level3 li h4 a .ico {
	position: absolute;
	right: 19px;
	top: 22px
}

.menu_level3 li h4 a .ico_li {
	width: 12px;
	height: 12px;
	background-position: 0 -73px;
	vertical-align: middle
}

.menu_level3 li h4 a:hover .ico_li,.menu_level3 li a.current .ico_li {
	top: 23px;
	background-image: url(http://qzonestyle.gtimg.cn/open_proj/gdt_gw/cms/uploads/icon-q.png);
	background-position: 0 -123px
}

.menu_level3 li ul {
	padding-top: 7px;
	display: none;
	padding-bottom: 6px;
	font-size: 12px
}

.menu_level3 li li h5 a {
	padding-left: 30px;
	cursor: pointer;
	font-weight: 400
}

.menu_level3 li li h5.hassub a,.menu_level3 li li h5.subopen a {
	padding-left: 15px
}

.ico_subopen,.ico_hassub {
	width: 12px;
	height: 12px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	background-position: 0 0
}

.ico_subopen,.subopen .ico_hassub {
	background-position: 0 -30px
}

.menu_level3 li li h5 .ico {
	margin-right: 5px
}

.menu_level3 li ul ul {
	padding: 0
}

.menu_level3 li ul ul a {
	padding-left: 45px
}

.menu_level3 li ul a.current {
	background-color: #3480d2;
	color: #fff;
	margin: 0 -1px
}

.btn_green span {
	height: 34px;
	line-height: 33px;
	padding: 0 25px;
	margin-top: 5px;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	border: 1px solid #1e69bd;
	background: -moz-linear-gradient(top,#3a85d6 0,#2170c7 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3a85d6),color-stop(100%,#2170c7));
	background: -webkit-linear-gradient(top,#3a85d6 0,#2170c7 100%);
	background: -o-linear-gradient(top,#3a85d6 0,#2170c7 100%);
	background: -ms-linear-gradient(top,#3a85d6 0,#2170c7 100%);
	background: linear-gradient(to bottom,#3a85d6 0,#2170c7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a85d6', endColorstr='#2170c7', GradientType=0)
}

.op_comment {
	border-top: #DCDCDC solid 1px;
	padding-top: 20px;
	line-height: 26px;
	margin-top: 20px;
	font-size: 14px
}

.op_comment .hint {
	color: #007FBF
}

.op_comment .reason {
	overflow: hidden
}

.op_comment label {
	margin-right: 16px
}

.op_comment input.radio {
	vertical-align: -1px
}

.op_comment .textarea {
	margin-top: 10px;
	width: 600px;
	height: 78px;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
	border-color: #ABADB3 #DBDFE6 #E3E9EF #E3E9EF;
	padding: 4px;
	color: #B3B3B3
}

.layout_lm h3 {
	margin: 0;
	margin-top: -9px;
	color: #000;
	font-family: "Microsoft Yahei";
	font-size: 20px;
	height: 37px;
	line-height: 30px
}

.layout_lm .main .fixmt {
	height: 30px;
	line-height: 30px;
	margin: 0;
	color: #4f4f4f;
	font-family: "Microsoft Yahei";
	font-size: 28px;
	margin-bottom: 23px;
	font-weight: 400
}

.open_lib .contentSub table td {
	font-family: Tahoma,SimSun
}

.pBody {
	width: 960px;
	margin: 0 auto;
	padding: 25px 0 20px;
	border-bottom: 1px solid #ececec;
	font-size: 0
}

.searchInput {
	width: 275px;
	text-indent: 10px;
	border: 1px solid #dadada;
	display: inline-block;
	height: 34px;
	vertical-align: middle
}

.searchButton {
	padding: 0 25px;
	height: 36px;
	line-height: 35px;
	border: 1px solid #dadada;
	border-left: 0;
	font-size: 14px;
	vertical-align: middle;
	background: #f5f5f5;
	background: -moz-linear-gradient(top,#f5f5f5 0,#ededed 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#ededed));
	background: -webkit-linear-gradient(top,#f5f5f5 0,#ededed 100%);
	background: -o-linear-gradient(top,#f5f5f5 0,#ededed 100%);
	background: -ms-linear-gradient(top,#f5f5f5 0,#ededed 100%);
	background: linear-gradient(to bottom,#f5f5f5 0,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ededed', GradientType=0)
}

.mw-search-results {
	line-height: 28px;
	font-size: 14px
}

.mw-search-results li {
	margin-bottom: 15px
}

.mw-search-results .searchmatch {
	color: #c03
}

.css_stamp {
	content: "20160328145529"
}