@charset "utf-8";
/*
==================================================

	CSS File Name -layout.css
	Last-updated: 2014-10-23
    
	+1: body
	+2: #wrap
	+3: #header
	+4: #mainBody
	+5: #footer
	+6: .modal
    +7: .test
	
==================================================
*/
/*--------------------------------------------------
+1: body
==================================================*/

body {
	font-family: "微软雅黑";
}
img, ol, ul, li {
    margin: 0;
    padding: 0;
	list-style: outside none none;
}
.right{
	float:right
}
.left{
	float:left;
}
.clear{
	clear:both;
}
/*--------------------------------------------------
+2: #wrap
==================================================*/

div#wrap {
	width: 100%;
	margin: 0 auto;
	padding-top: 90px;
}
/*--------------------------------------------------
+3: #header
==================================================*/

#header {
position: fixed;
top: 0;
right: 0;
left: 0;
background-color: #FFFFFF;
z-index: 99;
-webkit-box-shadow: 0 6px 5px rgba(0,0,0,.1);
-moz-box-shadow: 0 6px 5px rgba(0,0,0,.1);
box-shadow: 0 6px 5px rgba(0,0,0,.1);
	
}
#header .header-line{
	height:4px;
	background:linear-gradient(to right, #6372ff 0%, #5ca9fb 100%);
}
#header .navbar {
	margin: 0 auto;
	background-color: transparent;
}
#header .navbar h1 {
	margin: 0;
	padding: 17px 5px 6px 0;
}
#header .navbar .navbar-toggle {
	margin-top: 11px;
	border: 2px #00D679 solid;
	background-color: transparent;
}
#header .navbar .navbar-brand {
	display: block;
	height: 62px;
	background-image: url(../../Images/index/logo-top.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 0;
	line-height: 0;
}
#header .navbar .navbar-brand-index {
	width: 245px;
	background-position: 0 2px;
}
#header .navbar .navbar-brand-apply {
	width: 240px;
	background-position: 0 -54px;
}
#header .navbar .sel-country {
	padding: 29px 0 0 16px;
}
#header .navbar .sel-country .dropdown-menu {
	min-width: 64px;
	max-width: 64px;
	border: 2px #00d679 solid;
	border-top: none;
	margin: 0;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
#header .navbar .sel-country .open>.btn {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
#header .navbar .sel-country .dropdown-menu>li>a {
	padding: 3px 0;
	text-align: center;
	color: #9E9D9D;
}
#header .navbar .sel-country .dropdown-menu>li>a:hover {
	color: #00D679;
}
#header .navbar .sel-country .btn-default {
	background-color: transparent;
	border: 2px #00D679 solid;
	color: #00D679;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#header .navbar .sel-country .btn-default:hover {
	background-color: #fff;
	color: #00d679;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#header .navbar .sel-country .btn-default_hover {
	background-color: #fff;
	color: #00D679;
	font-weight: bold;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 2px solid #fff;
	margin-right: 14px;
	transition: all 0.5s ease 0s;
}
#header .navbar .btns {
	padding: 24px 0 0 40px;
}
#header .navbar .btns .btn-default {
	background-color: #8bc2ff;
	border: none;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 6px 12px;
}
#header .navbar .btns .btn-default:last-child {
	border-left: 4px #FFFFFF solid;
}
#header .navbar .btns .btn-default:hover {
	background-color: #43a0ff;
}
#header .navbar .navbar-nav li a {
	font-size: 16px;
}
#header .navbar .navbar-nav li a:hover,
#header .navbar .navbar-nav li.active a,
#header .navbar .navbar-nav li.active a:hover {
	border-bottom: #108bf3 solid 2px;
	padding-bottom: 14px;
}
#header .user-info {
	width: 210px;
	padding: 16px 0 0 20px;
}
#header .user-info .user-id {
	width: 190px;
	padding: 8px 18px;
	border: 1px solid #dbdbdb;
	background-color: transparent;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:left;
}
#header .user-info .user-id:focus,
#header .user-info:hover .user-id {
	border: 1px solid #ccc;
	background-color: #EBFCF4;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align:left;
}
#header .user-info:hover .dropdown-menu {
	display: block;
}
#header .user-info .user-id dl {
	margin-bottom: 0;
	cursor: pointer;
}
#header .user-info .user-id dl dt {
	width: 43px;
	height: 43px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#header .user-info .user-id dl dt img {
	width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#header .user-info .user-id dl dd {
	width: 90px;
	padding: 12px 0 0 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #333333;
}
#header .user-info:hover .user-id dl dd,
#header .user-info .user-id:focus dl dd {
	color: #333;
}
#header .user-info .user-id .caret {
	margin-top: 20px;
	border-top-color: #333333;
}
#header .user-info:hover .user-id .caret,
#header .user-info .user-id:focus .caret {
	border-top-color: #333;
}
#header .user-info .dropdown-menu {
	width: 190px;
	margin-top: -1px;
	padding: 10px 0;
	border: 1px solid #ccc;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#header .user-info .dropdown-menu li {
	padding: 0 8px;
}
#header .user-info .dropdown-menu .dropdown-header {
	padding: 3px 0 5px 14px;
}
#header .user-info .dropdown-menu li a:hover {
	background-color: transparent;
}
#header .user-info .dropdown-menu .user-msg,
#header .user-info .dropdown-menu .user-yun,
#header .user-info .dropdown-menu .user-collect,
#header .user-info .dropdown-menu .user-medal,
#header .user-info .dropdown-menu .user-set,
#header .user-info .dropdown-menu .user-exit {
	float: left;
	width: 50%;
	padding: 5px 0 5px 28px;
	background-image: url(../../Images/index/ico-fun.png);
	background-repeat: no-repeat;
	clear: none;
	margin-top:7px;
}
#header .user-info .dropdown-menu .user-msg {
	background-position: 6px 10px;
}
#header .user-info .dropdown-menu .user-msg:hover {
	background-position: 6px -125px;
}
#header .user-info .dropdown-menu .user-yun {
	position: relative;
	background-position: 6px -13px;
	color: #f00;
}
#header .user-info .dropdown-menu .user-yun i {
	position: absolute;
	top: 8px;
	left: 18px;
	display: block;
	width: 6px;
	height: 6px;
	background-color: #FF0000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#header .user-info .dropdown-menu .user-yun:hover {
	background-position: 6px -148px;
}
#header .user-info .dropdown-menu .user-collect {
	background-position: 6px -36px;
}
#header .user-info .dropdown-menu .user-collect:hover {
	background-position: 6px -171px;
}
#header .user-info .dropdown-menu .user-medal {
	background-position: 6px -58px;
}
#header .user-info .dropdown-menu .user-medal:hover {
	background-position: 6px -193px;
}
#header .user-info .dropdown-menu .user-set {
	background-position: 6px -81px;
}
#header .user-info .dropdown-menu .user-set:hover {
	background-position: 6px -216px;
}
#header .user-info .dropdown-menu .user-exit {
	background-position: 6px -103px;
}
#header .user-info .dropdown-menu .user-exit:hover {
	background-position: 6px -238px;
}


#header .navbar .ci-online {
    background-color: #FF9800;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    padding: 3px 3px 3px 5px;
    position: absolute;
    text-align: center;
    font-style: normal;
	top:10px;
	left:50px;
}

#header .navbar .ci-online .arrow {

 	border-color: #ff9c00 transparent transparent;
    border-style: solid;
    border-width: 6px 7px 8px 0px;
    height: 0;
	margin-top:3px;
    left: 16%;
    position: absolute;
    width: 0;
}

/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+4: #mainBody
==================================================*/

#mainBody {} .help-tip {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin-right: 5px;
	background-color: #00d679;
	font-size: 14px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.result-more {
	clear: both;
	border-radius: 2px;
	margin-bottom:30px;
}
.result-more a {
	display: block;
	padding: 9px 0 15px;
	background: #f5f5f5 url(../../Images/index/ico-result-more.png) center 32px no-repeat;
	text-align: center;
}
.result-more a:hover {
	text-decoration: none;
}
.mainContent {} .subContent {}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+5: .footer
==================================================*/
.footer{
	padding:0;
	background-color:#F6F6F6;
}
.footer .footer-top{
	padding: 40px 0px 10px 0px;
	
}
.footer .logo{
	margin-bottom:34px;
}

.footer .single-footer{}

.footer .link{
	margin-top:32px;
}
.footer .link a{
	font-size:11px;
	margin-right:5px;
	color: #868585;
}
.footer .link span{
	font-size:11px;
}
.footer .single-footer .contact {
	margin-top: 15px;
}
.footer .single-footer .contact p{
	margin-top:10px;
}
.footer .single-footer .contact i{
	margin-right:15px;
}
.footer .single-footer .contact .fa-map-marker{
	margin-left:3px;
}
.footer .single-footer .contact .fa-phone-square{
	margin-left:1px;
}
.footer .single-footer .contact .location{
	color:#868585;
}
.footer .single-footer .contact .mail-add{
	color:#868585;
}
.footer .single-footer .contact .call{
	color:#868585;
}
.footer .single-footer span i{
	margin-right:5px;
}
.footer .single-footer span{
	display:block;
	color:#868585;
	margin: 12px 0px;
	text-transform:capitalize;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.footer .single-footer span:hover,.footer .single-footer span a:hover{
	cursor:pointer;
	color:#43a0ff;
}
.footer .single-footer .cooperation img{
	margin-bottom:20px;
	width:165px;
	height:70px;
	
}
.footer .single-footer h2{
	color:#555;
	font-size:20px;
	font-weight:600;
	text-transform:capitalize;
	margin-bottom:20px;
	text-transform:uppercase;
}
.footer .single-footer h2 i{
	margin-right:10px;
	padding-right:5px;
	border-right:2px solid;
	color: #43a0ff;
}
.footer input::-webkit-input-placeholder {
    opacity: 1;
    color: #868585 !important;
}
.footer input::-moz-placeholder {
    opacity: 1;
    color: #868585 !important;
}
.footer input::-ms-input-placeholder {
    opacity: 1;
    color: #868585 !important;
}
.footer input::input-placeholder {
    opacity: 1;
    color: #868585 !important;
}
.footer .copyright{
	text-align:center;
	padding:20px 0;
	
}
.footer .copyright .copyright-content{
	float:left;
}

.footer .copyright .copyright-content p{
	color:#fff;
	line-height: 26px;
}
.footer .copyright .copyright-content p a{
	color:#fff;
}
.footer .copyright .social{
	float:right;
	margin-right:15px;
	
}
.footer .copyright .social{}
.footer .copyright .social li{
	display:inline-block;
	margin-right:5px;
}
.footer .copyright .social li a{
	background:#fff;
	width:25px;
	height:25px;
	line-height:25px;
	display:block;
	
}
.footer .copyright .social li a:hover{
	color:#fff;
	background:#333;
}
.footer .copyright .social ul li a i{
	font-size:15px;
	
}
/*--------------------------------------------------
+6: .f-tools
==================================================*/

.f-tools {
	position: fixed;
	right: 0px;
	bottom: 25%;
	z-index: 10;
}
.f-tools > div {
	position: relative;
	margin-top: 1px;
}
.f-tools > div em,
.f-tools > div i {
	position: absolute;
	top: 15px;
	width: 0;
	height: 0;
	display: none;
}
.f-tools > div:hover em,
.f-tools > div:hover i {
	display: block;
}
.f-tools > div > div {
	position: absolute;
	display: none;
	bottom: -40px;
	padding-right: 10px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.f-tools > div em {
	left: -10px;
	border-top: 7px transparent solid;
	border-left: 8px #6372ff solid;
	border-bottom: 7px transparent solid;
}
.f-tools > div i {
	left: -11px;
	border-top: 7px transparent solid;
	border-left: 8px #ffffff solid;
	border-bottom: 7px transparent solid;
}
.f-tools > div > a {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(../../Images/index/bg-tools.png);
	background-repeat: no-repeat;
}
.f-tools > .weixin > div > div,
.f-tools > .qq > div > div {
	padding: 10px;
	background-color: #fff;
	border: 1px #6372ff solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.f-tools > .weixin > div {
	left: -206px;
	width: 206px;
}
.f-tools > .qq > div {
	left: -170px;
	width: 170px;
	display: block;
}
.f-tools > .qq em,
.f-tools > .qq i {
	display: block;
}
.f-tools > .qq .fa-qq{
	display: block;
	font-size: 22px;
	margin-left: 14px;
	margin-top: -3px;
	color: #6372ff;
}
.f-tools > .qq > div p span{
	margin-left:8px;
}
.f-tools > .weixin > div dl dt,
.f-tools > .weixin > div dl dd {
	float: left;
	padding-left: 7px;
padding-top: 7px;
}
.f-tools > .weixin > div dl dt img {
	width: 43px;
}
.f-tools > .weixin > div dl dd {
	padding-left: 12px;
	color: #646464;
	font-size: 12px;
}
.f-tools > .weixin > div dl dd strong {
	display: block;
	color: #000;
	font-weight: 300;
	font-size: 16px;
}
.f-tools > .weixin > div p {
	padding-top: 8px;
	text-align:center;
}
.f-tools > .weixin > div p img {
	width: 160px;
	max-width: 160px;
}
.f-tools > .weixin > div span {
	display: block;
	padding-top: 7px;
	padding-bottom:2px;
	text-align: center;
	color: #646464;
}
.f-tools > .weixin > a {
	background-position: 0 -1px;
}
.f-tools > .weixin > a:hover {
	background-position: -153px -1px;
}
.f-tools > .qq > a {
	background-position: 0 -52px;
}
.f-tools > .qq > a:hover {
	background-position: -153px -52px;
}
.f-tools > .qq > div dl dt,
.f-tools > .qq > div dl dd {
	padding-bottom: 5px;
	font-weight: 300;
}
.f-tools > .qq > div p {
	padding: 6px 0 14px;
	border-bottom: 1px #ccc dotted;
	font-size: 15px;
	text-align: center;
}
.f-tools > .qq > div p img {
	margin: 0 8px 0 -8px;
}
.f-tools > .qq > div dl dt {
	padding-top: 7px;
}
.f-tools > .qq > div dl dd {
	padding: 5px 0 6px 0;
	color:#646464;
}
.f-tools > .qq > div dl dd a,
.f-tools > .qq > div dl dd span {
	display: block;
	padding: 3px 0px;
}
.f-tools > .qq > div dl dd span {
	margin-top: 6px;
}
.f-tools > .tel > a {
	background-position: 0 -102px;
}
.f-tools > .tel > div {
	position: absolute;
	top: 0;
	left: -100px;
	width: 150px;
	height: 50px;
	background: url(../../Images/index/bg-tools.png) -53px -102px no-repeat;
}
.f-tools > .top > a {
	background-position: 0 -152px;
}
.f-tools > .top > a:hover {
	background-position: -153px -152px;
}
.f-tools > div.weixin:hover > div,
.f-tools > div.qq:hover > div,
.f-tools > div.tel:hover > div {
	display: block;
}
.f-tools > div.weixin:hover ~ div > div,
.f-tools > div.weixin:hover ~ div em,
.f-tools > div.weixin:hover ~ div i,
.f-tools > div.qq:hover ~ div > div,
.f-tools > div.qq:hover ~ div em,
.f-tools > div.qq:hover ~ div i,
.f-tools > div.tel:hover ~ div > div,
.f-tools > div.tel:hover ~ em,
.f-tools > div.tel:hover ~ i {
	display: none;
}
.btn-close {
	position: absolute;
	top: 7px;
	right: 17px;
	display: block;
	width: 14px;
	height: 14px;
	background: #FF9800;
	text-align: center;
	line-height: 13px;
	color: #fff;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/*--------------------------------------------------
+6: .modal
==================================================*/

.modal-dialog-login {
	width: 400px;
}
.modal-dialog-reg {
	width: 400px;
}
.modal-body .form-group {
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 15px;
}
.modal-body .form-control {
	padding-top: 9px;
	padding-bottom: 9px;
	height: auto;
}
.modal-body .control-label {
	line-height: 2;
}
.modal-body #inputText {
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-right-radius: 0;
}
.modal-body #inputPassword {
	margin-bottom: 20px;
	border-top: none;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}
.modal-body .col-md-4 {
	padding: 0;
}
.modal-body .col-lg-4 span {
	line-height: 42px;
	color: #999;
}
.btn-login,
.btn-reg {
	background: linear-gradient(to right, #6372ff 0%, #5ca9fb 100%);
	color: #fff;
}
.btn-login:hover,
.btn-reg:hover {
	background-color: #197ae5;
	color: #fff;
}
.btn-code {
	width: 120px;
	background-color: #42bc83;
	border: solid 1px #dadada;
	font-size: 14px;
	color: #dd621f;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px #fff;
	-moz-box-shadow: inset 0 1px #fff;
	box-shadow: inset 0 1px #fff;
	background-image: -webkit-linear-gradient(bottom, #ececec, #f5f5f5);
	background-image: -moz-linear-gradient(bottom, #ececec, #f5f5f5);
	background-image: -o-linear-gradient(bottom, #ececec, #f5f5f5);
	background-image: linear-gradient(to top, #ececec, #f5f5f5);
}
.modal-body p {
	padding: 0 15px;
	font-size: 15px;
}
.modal-body p a {
	color: #ff7a8f;
	text-decoration: underline;
}
.modal-body p a.forget,
.modal-body p a.forget:hover {
	float: right;
	color: #999;
	text-decoration: none;
}
.modal-body p.help-block,
.modal-body p.btn-block {
	padding-left: 0;
	font-size: 14px;
	color: #999;
}
.modal-body p.help-block {
	margin-top: 0;
}
.modal-body p.help-block span {
	margin-top: 1px;
}

.modal-dialog-reg .form-control,.modal-dialog-reg .btn{
	margin-bottom:10px;	
}
.modal-dialog-reg #sendRegister{
	width:37%;
	color:#ffffff;
	background-color: #43a0ff;
	box-shadow: 1px 1px 2px #888888;
	float:right;
	line-height:23px;
	margin-left:10px;
	
}
.modal-dialog-reg #inputCode{
	width:58%;
	float:left;
	
}
.modal-dialog-reg #sendRegister:hover{
	background-color: #197ae5;
	
}
.modal-dialog-reg .btn-reg{
	margin-top:20px;
	box-shadow: 1px 1px 2px #888888;
	margin-bottom:1px;
	
}
.modal-dialog-reg #inputCode_html{ 
line-height:40px;
font-size:13px;
float:right;
}
/*--------------------------------------------------
+7: .test
==================================================*/

#test {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5);
	overflow: auto;
	z-index: 99;
	display: none;
}
.test-box {
	width: 957px;
	margin: 10px auto;
	padding-bottom: 24px;
	background: url(../../Images/index/bg-test-b.png) center bottom no-repeat;
}
.test-box .test-t {
	position: relative;
	padding: 40px 0 32px;
	background: url(../../Images/index/bg-test-t.png) center top no-repeat;
}
.test-box .test-t dl {
	width: 420px;
	margin: 0 auto;
	font-size: 32px;
	color: #00d679;
}
.test-box .test-t dl dt,
.test-box .test-t dl dd {
	float: left;
	font-weight: 300;
}
.test-box .test-t dl dt {
	width: 290px;
	text-align: center;
	font-weight: 300;
}
.test-box .test-t dl dd {
	width: 65px;
	padding-top: 22px;
	border-bottom: 1px #00d679 solid;
}
.test-box .test-t .boxclose {
	position: absolute;
	top: 18px;
	right: 18px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../../Images/index/cancel2.png) 0 0 no-repeat;
}
.test-box .test-t .boxclose:hover {
	background-position: 0 -16px;
}
.test-box .test-t .test-major {
	position: absolute;
	top: 284px;
	left: 50%;
	width: 622px;
	margin-left: -260px;
	background: #ffffff;
	border: 1px #9e9d9d solid;
	z-index: 20;
	display: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.test-box .test-t .test-major .major-ban {
	position: relative;
	margin-bottom: 12px;
	padding: 15px;
	border-bottom: 1px #9e9d9d solid;
}
.test-box .test-t .test-major .major-ban p {
	margin-bottom: 0;
}
.test-box .test-t .test-major .major-ban .boxclose {
	top: 10px;
	right: 10px;
}
.test-box .test-t .test-major ul {
	padding: 20px 40px;
	margin-bottom: 0;
}
.test-box .test-t .test-major ul li {
	padding: 4px 0;
}
.test-box .test-t .test-major label {
	font-weight: 300;
}
.test-box .test-t .test-major .major-sub {
	height: 90px;
	padding: 10px 0 24px;
}
.test-box .test-t .test-major .major-sub button {
	display: block;
	width: 160px;
	margin: 0 auto;
	background-color: #f5ad3f;
	color: #ffffff;
	font-size: 18px;
	outline: none;
	-webkit-box-shadow: 0 5px 0 #c27a00;
	-moz-box-shadow: 0 5px 0 #c27a00;
	box-shadow: 0 5px 0 #c27a00;
}
.test-box .test-t .test-major .major-sub button:active {
	margin-top: 4px;
	outline: none;
	-webkit-box-shadow: 0 1px 0 #038c4e;
	-moz-box-shadow: 0 1px 0 #038c4e;
	box-shadow: 0 1px 0 #038c4e;
}
.test-box .test-m {
	padding: 0 60px 40px;
	background: url(../../Images/index/bg-test-m.png) center top repeat-y;
}
.test-box .test-m .test-com,
.test-box .test-m .test-result {
	padding: 14px;
	border: 1px #d5d5d5 solid;
}
.test-box .test-m .test-com .row {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 1px #e6e6e6 dotted;
}
.test-box .test-m .test-com .result-img {
	float: left;
	padding-right: 20px;
}
.test-box .test-m .test-com .result-img img {
	width: 124px;
	padding: 1px;
	border: 1px #e6e6e6 solid;
}
.test-box .test-m .test-com .result-con h1 {
	margin: 0;
	font-size: 24px;
}
.test-box .test-m .test-com .result-con h1 small {
	display: block;
	padding-top: 8px;
	font-size: 18px;
	color: #656565;
}
.test-box .test-m .test-com .result-con p {
	padding: 16px 0 4px;
	font-size: 12px;
	color: #9d9d9d;
}
.test-box .test-m .test-com .result-con p span:hover {
	color: #f39800;
}
.test-box .test-m .test-com .result-con p span a {
	margin-left: 3px;
}
.sel-tip {
	margin: 16px 0 6px;
	padding: 6px 10px 6px 40px;
	border: 1px #f8c072 dotted;
	background: #fdefe5 url(../../Images/index/ico-jm.png) 10px -130px no-repeat;
	font-size: 14px;
	color: #f39800;
}
.test-box .test-m .test-com .test-form table {
	width: 100%;
	border-bottom: 1px #e6e6e6 dotted;
	color: #646464;
}
.test-box .test-m .test-com .test-form table tbody,
.test-box .test-m .test-com .test-form table tfoot {
	border-bottom: 1px #e6e6e6 dotted;
}
.test-box .test-m .test-com .test-form table tr th,
.test-box .test-m .test-com .test-form table tr td {
	padding: 8px 0;
}
.test-box .test-m .test-com .test-form table tr th {
	width: 16%;
	text-align: right;
	font-weight: 300;
	font-size: 16px;
}
.test-box .test-m .test-com .test-form table tr td {
	padding-left: 16px;
	color: #9e9d9d;
}
.test-box .test-m .test-com .test-form .dropdown-toggle {
	width: 112px;
	height: 30px;
	padding: 0 12px;
	border: 1px #d5d5d5 solid;
	background-color: #ffffff;
	text-align: left;
}
.test-box .test-m .test-com .test-form .dropdown-toggle .set-val {
	float: left;
}
.test-box .test-m .test-com .test-form .dropdown-toggle .caret {
	float: right;
	margin-top: 8px;
}
.test-box .test-m .test-com .test-form table tr td > a {
	display: inline-block;
	padding: 4px 8px;
	background-color: #00d679;
	color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.test-box .test-m .test-com .test-form table tr td > a:hover {
	background-color: #40f49e;
}
.test-box .test-m .test-com .test-form table tr td > input {
	width: 160px;
}
.test-box .test-m .test-com .test-form table tr td > .u-info {
	border: 1px #f64b4b solid;
}
.test-box .test-m .test-com .test-form .seled {
	padding: 3px 0;
	border-bottom: 1px #00d679 solid;
}
.test-box .test-m .test-com .test-form .seled strong {
	float: left;
	color: #00d679;
	font-weight: 300;
}
.test-box .test-m .test-com .test-form .seled p {
	float: left;
	margin-bottom: 0;
}
.test-box .test-m .test-com .test-form label {
	margin: 0 30px 0 0;
	font-weight: 300;
}
.test-box .test-m .test-com .test-form label input {
	float: left;
	margin-right: 5px;
}
.test-box .test-m .test-com .test-form .grade {
	width: 100px;
	height: 28px;
	margin-right: 4px;
	padding: 6px 12px;
}
.test-box .test-m .test-com .test-form .ach {
	padding-left: 10px;
}
.test-box .test-m .test-com .test-form .ach label {
	margin: 6px 0 0 4px;
}
.test-box .test-m .test-com .test-form .ach input {
	width: 54px;
	margin-left: 4px;
	border: none;
	border-bottom: 1px #d5d5d5 solid;
	outline: none;
}
.test-box .test-m .test-com .test-sub {
	height: 70px;
	padding: 24px 0 0;
}
.test-box .test-m .test-com .test-sub button {
	display: block;
	width: 160px;
	margin: 0 auto;
	background-color: #00d679;
	color: #ffffff;
	font-size: 18px;
	outline: none;
	-webkit-box-shadow: 0 5px 0 #038c4e;
	-moz-box-shadow: 0 5px 0 #038c4e;
	box-shadow: 0 5px 0 #038c4e;
}
.test-box .test-m .test-com .test-sub button:active {
	margin-top: 4px;
	outline: none;
	-webkit-box-shadow: 0 1px 0 #038c4e;
	-moz-box-shadow: 0 1px 0 #038c4e;
	box-shadow: 0 1px 0 #038c4e;
}
.test-box .test-m .test-result {
	padding: 170px 0 140px;
	background: url(../../Images/index/bg-result.png) center top no-repeat;
}
.test-box .test-m .test-result p {
	position: relative;
	padding-left: 60px;
	font-size: 26px;
	text-shadow: 2px 3px 5px rgba(0, 0, 0, .3);
}
.test-box .test-m .test-result p em {
	position: absolute;
	top: -30px;
	left: 232px;
}
.test-box .test-m .test-result p span {
	margin-right: 50px;
	font-size: 72px;
	color: red;
}
.test-box .test-m .test-result dl {
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	color: #646464;
}
.test-box .test-m .test-result dl dt {
	font-weight: 300;
	line-height: 2;
}
.test-box .test-m .test-result dl dd {
	padding-top: 32px;
}
.test-box .test-m .test-result dl dd span {
	padding-bottom: 5px;
	border-bottom: 1px #919191 solid;
}
.test-box .test-m .test-result a {
	display: block;
	width: 143px;
	height: 35px;
	margin: 0 auto;
	background: url(../../Images/index/btn-consultation.gif) 0 0 no-repeat;
}
.overlay {
	background-color: rgba(0, 0, 0, .5);
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 100;
}
.smap {
	position: fixed;
	top: 10%;
	left: 50%;
	width: 570px;
	height: 570px;
	border: 5px #f39800 solid;
	margin: 0 0 0 -280px;
	padding: 30px;
	z-index: 101;
	display: none;
	background: #ffffff;
}
.boxclose {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 16px;
	height: 16px;
	background: transparent url(../../Images/index/cancel.png) 0 0 no-repeat;
	z-index: 100;
	cursor: pointer;
}
.boxclose:hover {
	background-position: 0 -16px;
}
#browser {
	display: none;
}
/* clearfix
--------------------------------------------------------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*IE7用*/
/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

@media (max-width: 768px) {
	#header .navbar h1 {
		padding-left: 15px;
	}
	#header .navbar .navbar-nav li a:hover,
	#header .navbar .navbar-nav li.active a,
	#header .navbar .navbar-nav li.active a:hover {
		background-color: #40f49e;
		background-image: none;
		background-position: center bottom;
		background-repeat: no-repeat;
		color: #038c4e;
	}
	.pull-right {
		width: 100%;
		text-align: center;
	}
	.modal-dialog {
		margin-top: 60px;
	}
	.modal-dialog-login,
	.modal-dialog-reg {
		width: 300px;
	}
	.modal-body .form-group,
	.modal-body .col-xs-12 {
		padding: 0 0 5px;
	}
	.modal-body .text-right {
		text-align: left;
	}
	.result-base {
		padding-right: 10px;
		padding-left: 10px;
	}
}
@media (min-width: 768px) {
	.modal-body p.help-block,
	.modal-body p.btn-block {
		padding-left: 127px;
	}
	#header {
		-webkit-animation-duration: .5s;
		-moz-animation-duration: .5s;
		-o-animation-duration: .5s;
		animation-duration: .5s;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both
	}
	@-webkit-keyframes swingInX {
		0% {
			-webkit-transform: perspective(400px) rotateX(-90deg);
		}
		100% {
			-webkit-transform: perspective(400px) rotateX(0deg);
		}
	}
	@-moz-keyframes swingInX {
		0% {
			-moz-transform: perspective(400px) rotateX(-90deg);
		}
		100% {
			-moz-transform: perspective(400px) rotateX(0deg);
		}
	}
	@-o-keyframes swingInX {
		0% {
			-o-transform: perspective(400px) rotateX(-90deg);
		}
		100% {
			-o-transform: perspective(400px) rotateX(0deg);
		}
	}
	@keyframes swingInX {
		0% {
			transform: perspective(400px) rotateX(-90deg);
		}
		100% {
			transform: perspective(400px) rotateX(0deg);
		}
	}
	#header.swingInX {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ie-transform-origin: top;
		-o-transform-origin: top;
		transform-origin: top;
		-webkit-backface-visibility: visible!important;
		-webkit-animation-name: swingInX;
		-moz-backface-visibility: visible!important;
		-moz-animation-name: swingInX;
		-o-backface-visibility: visible!important;
		-o-animation-name: swingInX;
		backface-visibility: visible!important;
		animation-name: swingInX
	}
	@-webkit-keyframes swingOutX {
		0% {
			-webkit-transform: perspective(400px) rotateX(0deg);
		}
		100% {
			-webkit-transform: perspective(400px) rotateX(-90deg);
		}
	}
	@-moz-keyframes swingOutX {
		0% {
			-moz-transform: perspective(400px) rotateX(0deg);
		}
		100% {
			-moz-transform: perspective(400px) rotateX(-90deg);
		}
	}
	@-o-keyframes swingOutX {
		0% {
			-o-transform: perspective(400px) rotateX(0deg);
		}
		100% {
			-o-transform: perspective(400px) rotateX(-90deg);
		}
	}
	@keyframes swingOutX {
		0% {
			transform: perspective(400px) rotateX(0deg);
		}
		100% {
			transform: perspective(400px) rotateX(-90deg);
		}
	}
	#header.swingOutX {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ie-transform-origin: top;
		-o-transform-origin: top;
		transform-origin: top;
		-webkit-animation-name: swingOutX;
		-webkit-backface-visibility: visible!important;
		-moz-animation-name: swingOutX;
		-moz-backface-visibility: visible!important;
		-o-animation-name: swingOutX;
		-o-backface-visibility: visible!important;
		animation-name: swingOutX;
		backface-visibility: visible !important
	}
}
@media (min-width:765px) and (max-width: 992px) {
	#header .navbar .navbar-brand {
		height: 50px;
		margin-top: 0px;
	}
	#header .navbar .navbar-brand-index {
		width: 95px;
		background: url(../../Images/index/logo.png) 0 -124px no-repeat;
	}
	#header .navbar .navbar-brand-apply {
		width: 186px;
		background-position: 0 -176px;
	}
	#header .navbar {
		padding: 0 10px;
	}
	#header .navbar .btns {
		padding-left: 14px;
	}
	#header .navbar .navbar-nav li a {
		padding-right: 7px;
		padding-left: 7px;
		font-size: 16px;
	}
	#header .navbar .btns .btn-default {
		padding: 5px;
	}
	#header .user-info {
		width: 140px;
	}
	#header .user-info .dropdown,
	#header .user-info .user-id {
		width: 120px;
	}
	#header .user-info .user-id {
		width: 120px;
		padding: 8px;
	}
	#header .user-info .user-id dl dt {
		width: 0;
		overflow: hidden;
	}
	#header .user-info .user-id dl dd {
		padding-left: 0;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	#header .navbar .navbar-brand {
		height: 50px;
		margin-top: 0px;
	}
	#header .navbar .navbar-brand-index {
		width: 95px;
		background: url(../../Images/index/logo.png) 0 -124px no-repeat;
	}
	#header .navbar .navbar-brand-apply {
		width: 186px;
		background-position: 0 -176px;
	}
	#header .navbar {
		padding: 0 10px;
	}
	#header .navbar .btns {
		padding-left: 14px;
	}
	#header .navbar .navbar-nav li a {
		padding-right: 16px;
		padding-left: 16px;
	}
	#header .navbar .btns .btn-default {
		padding: 5px;
	}
}


/*内页信息栏目切换*/

.verLineTitle .active {
    color: #f39800;
}
.verLineTitle ul{
	float:right;
}
.verLineTitle ul li {
    cursor: pointer;
    float: left;
}

/*内页标签*/

.specialRecomment .list-targets {
	padding:20px 0 0 10px
}
.specialRecomment .list-targets li{
    background-color: #c9c9c9;
    border-radius: 2px;
    
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 7px 10px 0;
    padding: 4px 8.7px;
}
.specialRecomment .list-targets .hot{
	background-color:#89baef;
}
.specialRecomment .list-targets li a{
	color: #fff;
}
.specialRecomment .list-targets li a:hover{
	color: #fff;
}



/*通用颜色部分*/


.mail-success .mail-head .button .btn,.error .error-left .button .btn,.error .error-left h2,.error .error-left p,#blog-single .pagination ul li:hover a,#blog-single .single-news .news-body .tags li a,#blog-single .single-news .news-body .btn,#blog-single .single-news .news-body h2 a:hover,#single-pf .single-news .news-body .btn,#single-pf .single-news .news-body span a,#single-pf .single-news .news-body h2 a:hover,.header .nav li.current a,.header #nav li:hover a,#header .nav li .dropdown li:hover a,.slide .button .btn,.cd-words-wrapper,.latest-works .works-menu ul li:hover,.latest-works .works-menu ul li.active,.latest-works .single-work .works-hover h4:hover,.latest-works .single-work .works-hover a:hover i,#testimonials .single-testimonial p .fa,#blog .single-news .news-body h2:hover a,#blog .single-news .news-body .btn,.p-table4 .table-head .price .amount span,.p-table4 .button .btn,.p-table4 .button .btn i,#contact .contact-left .p1,.contact .form .btn:hover,.footer .single-footer .contact i,.footer .copyright .social li a{
	color:#FF9800;
}

.mail-success .mail-head .button .btn::before ,.mail-success .mail-head .button .btn:after,.mail-success .mail-head .button span::before,.mail-success .mail-head .button span::after,.error .error-left .button span::after ,.error .error-left .button span::before,.error .error-left .button .btn:after,.error .error-left .button .btn::before ,#blog-single .single-news .news-body .date,#single-pf .owl-nav button:hover,.color-plate .icon,#scrollUp,.section-title h2:before,.section-title h2::after,.slide .button .btn::before,.slide .button .btn:after,.slide .button span::before,.slide .button span::after,#Services .single-service i,#blog .single-news .news-body .date,#team .team-hover .social li a:hover,.p-table4 .button .btn::before,.p-table4 .button .btn:after,.p-table4 .button span::before,.p-table4 .button span::after,#contact .contact-left .p1::before,#contact .contact-right,.footer .single-footer .button,.footer .copyright,.slicknav_menu .slicknav_btn{
	background:linear-gradient(to right, #6372ff 0%, #5ca9fb 100%);
}
.latest-works .single-work .works-hover a:hover i,.p-table4 .table-head .amount{
	border-color:#5ca9fb;
}
#header .nav li .dropdown{
	border-top-color:#5ca9fb;
}
.p-table4 .single-table:hover .table-head .price .amount{
	box-shadow: 0px 0px 20px #5ca9fb;
}

/*3秒弹出咨询框*/
#autoEjectGoodCover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.50;
	filter: alpha(opacity=80);
}
#autoEject {
	width: 626px;
	height: 320px;
	background-color: #fff;
	padding: 12px;
	position: absolute;
	display: none;
	left: 45%;
	z-index: 1002;
	border-radius: 2px;
}
#autoEject .close1 {
	width: 600px;
	height: 20px;
}
#autoEject #closebt {
	float: right;
	text-decoration: none;
	font-size: 28px;
	line-height: 28px;
	height: 28px;
	margin-top: -10px;
	color: #898989;
}
#autoEject .goodtxt {
	text-align: center;
}
#autoEject .goodtxt p {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #898989;
}
#autoEject .goodtxt .goodtxt-login{
    height: 70px;
    color: #ff911b;
    position: relative;
    text-align: center;
    font-size: 22px;
}
#autoEject .goodtxt .goodtxt-title{
    width: 100%;
    height: 27px;
    line-height: 27px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
#autoEject .goodtxt .goodtxt-title .linebg{
    height: 1px;
    background-color: #ededed;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}
#autoEject .goodtxt .goodtxt-title p{
    background-color: #fff;
    position: absolute;
    padding: 0 20px;
    font-size: 16px;
	color:#bbb; 
	left:35%;
}
#autoEject .goodtxt.goodtxt-cheme {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 25px 0 0;
    text-align: center;
}

#autoEject .goodtxt .goodtxt-cheme a {
    width: 100%;
    margin-bottom: 20px;
    color: #ffffff;
    font-size: 16px;
    outline: none;
    transition: all 0.3s ease 0s;
    padding: 10px 40px;
    letter-spacing: 3px;
	 text-decoration: none
}
#autoEject .goodtxt .goodtxt-cheme .pinggu {
   background: linear-gradient(to right, #FF9E00 0%, #FFBB4B 100%);	
}
#autoEject .goodtxt .goodtxt-cheme .zixun {
   background: linear-gradient(to right, #6372ff 0%, #5ca9fb 100%);	
}
/*3秒弹出咨询框end*/