@charset "utf-8";
.wrap {
	width: 100%;
	background: #f9f9f9;
	overflow: hidden;
}
.ms-login {
	width: 60%;
	height: 75%;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 30px;
	bottom: 130px;
	margin: auto;
}
.login-shuffl {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.login-shuffl .o-sliderContainer,.login-shuffl .o-slider, .login-shuffl .o-slider--item{
	height: 100%!important;
}
.login-shuffl .icon-left-open-big:before {
	content: '';
	background: url(../images/sprite.png) no-repeat;
	width: 25px;
	height: 12px;
	background-size: 250px 221px;
	background-position: -180px -38px;
	display: inline-block;
}
.login-shuffl .icon-right-open-big:before {
	content: '';
	background: url(../images/sprite.png) no-repeat;
	width: 25px;
	height: 12px;
	background-size: 250px 221px;
	background-position: -180px -54px;
	display: inline-block;
}
.login-shuffl .o-slider-next {
	right: 0;
}
.login-shuffl .o-slider-prev {
	left: 0
}
.login-shuffl .o-slider-pagination > li .jinDU span {
	font-size: 12px;
	color: #fff;
}
.login-block {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 9;
	width: 50%;
	height: 100%;
}
.login-form {
	position: absolute;
	top: 0;
	right: 0;
	width:91.5%;
	padding: 0 30px 0 0;
}
.login-logo {
	text-align: center;
	margin: 15% 0 0;
}
.login-hd {
	border-top: 1px solid #464343;
	width: 153px;
	margin: 10px auto 0;
}
.login-hd span {
	display: inline-block;
	position: relative;
	top: -10px;
	background: #fff;
	padding: 0 10px;
	font-size: 12px;
	color: #2b2828;
}
.login-group {
	border-bottom: 1px solid #BABABA;
	position: relative;
	margin-top: 25px;
}
.login-group input {
	display: inline-block;
	vertical-align: bottom;
	padding: 35px 0 10px;
	width: 100%;
	font-size: 14px;
	color: #333;
}
.login-group input::-webkit-input-placeholder{
		color:#cbcbcb;
}
.login-group input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#cbcbcb;
}
.login-group input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#cbcbcb;
}
.login-group input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#cbcbcb;
}
.free-login {
	margin: 65px 0 48px;
	position: relative;
}
.free-login input {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 3px;
	opacity: 0;
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 2;
}
.free-login label {
	font-size: 14px;
	color: #333;
}
.free-login label + span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/sprite.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 250px 221px;
	background-position: -207px 0;
}
.free-login input:checked + label + span {
	background: url(../images/sprite.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: 250px 221px;
	background-position: -207px -21px;
}
.login-group em {
	display: none;
	position: absolute;
	top: 6px;
	left: 0;
	font-size: 14px;
	color: #cbcbcb;
}
.login-error {
	position: absolute;
	left: 0;
	bottom: -25px;
	font-size: 12px;
	color: #c6161e;
	margin-top: 10px;
}
.login-sub {
	display: block;
	background: #C6161E;
	text-align: center;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #fff;
}
.forget-pwd {
	padding-top: 37px;
}
.forget-pwd a {
	font-size: 14px;
	color: #cbcbcb
}
.forget-pwd a:hover {
	color: #c6161e;
}
.login-footer {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	text-align: center;
	font-size: 12px;
	color: #333;
	padding: 40px 0;
}
.login-footer p {
	margin: 30px 0 0; 
}
.login-footer span {
	display: inline-block;
	margin-right: 40px;
}
.form-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 55px;
	line-height: 55px;
	background: #e9e9e9;
}
.login-type {
	background: #E9E9E9;
	padding-left: 54px;
	width: 65%;
}
.login-type span, .login-type a {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #333;
	opacity: 0.6;
	cursor: pointer;
}
.login-type .qq-login {
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px;
	background-size: 250px 221px;
	background-position: -207px -46px;
	opacity: 1;
	margin-left: 20px;
}
.login-type .qq-login:hover {
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px;
	background-size: 250px 221px;
	background-position: -207px -82px;
}
.login-type .wc-login {
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px;
	background-size: 250px 221px;
	background-position: -207px -65px;
	opacity: 1;
	margin-left: 20px;
}
.login-type .wc-login:hover {
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px;
	background-size: 250px 221px;
	background-position: -207px -102px;
}
.change-register {
	width: 35%;
	background: #080404;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.change-register a {
	font-size: 14px;
	color: #fff; 
	font-weight: bold;
}
.slide-valide {
	width: 100%;
}
.verify-wrap {
	width: 100%;
	margin: 60px 0 0;
	height: 48px;
	border: none;
	background: #E8E8E8;
	overflow: hidden;
}
.verify-wrap .drag-btn {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #A3A3A3;
	top: 0;
	left: 0;
}
.drag-btn:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	background: url(../images/sprite.png) no-repeat;
	width: 12px;
	height: 23px;
	background-size: 250px 221px;
	background-position: -22px -193px;
}
.verify-wrap .suc-drag-btn {
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #333333;
}
.suc-drag-btn:before {
	content: '';
	background: url(../images/sprite.png) no-repeat;
	width: 17px;
	height: 14px;
	background-size: 250px 221px;
	background-position: -36px -207px;
	display: inline-block;
	vertical-align: middle;
}
.verify-wrap .fix-tips, .verify-msg {
	line-height: 48px;
	font-size: 14px;
	color: #333;
}
.verify-wrap .verify-msg {
	background: #C6161E;
}
.verify-wrap .drag-progress {
	height: 48px;
	line-height: 48px;
	background: #C6161E;
	border: none;
	top: 0;
}
.code-valid {
	position: relative;
	padding-right: 130px;
	margin-bottom: 60px;
}
.check-code {
	position: absolute;
	right: 0;
	bottom: 0;
}
.check-code span {
	width: 108px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #E8E8E8;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	display: block;
}
.find-block {
	margin-top: 10%;
}
.find-type {
	width: 40%;
	margin: 10% auto 0;
}
.find-type .type {
	display: block;
	width: 100%;
	text-align: center;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #333;
	margin-top: 40px;
	background: #E8E8E8;
}
.tel-find {
	margin-top: 0;
}
.tel-find .login-sub {
	margin: 17% 0 0;

}
.send-to {
	font-size: 14px;
	color: #c6161e;
	margin-top: 95px;
}
.set-success {
	text-align: center;
	font-size: 14px;
	color: #333;
	padding: 20% 0 10%;
}
.set-success img {
	display: block;
	width: 60px;
	margin: 0 auto 27px;
}
.next-step {
	margin-top: 150px;
}
.check1 {
	margin: 140px 0 40px;
}
.check2 {
	margin: 0 0 40px;
}
.register-success {
	padding: 80px 0 50px;
}
@media screen and (max-width: 1440px) {
	.check1 {
		margin: 60px 0 20px;
	}
	.check2 {
		margin: 0 0 20px;
	}
	.next-step {
		margin-top: 20px;
	}
	.find-block {
		margin-top: 5%;
	}
	.qq-ewm {
		margin-top: 2%!important;
	}
	.code-valid {
		margin: 0 0 30px!important;
	}
	.free-login {
		margin: 30px 0 20px;
	}
	.forget-pwd {
		margin-top: 10px;
	}
	.login-group {
		margin: 0;
	}
	.verify-wrap {
		margin-top: 30px;
	}
}
.page-wrapper {
	padding:  75px 0 60px;
}
.aside-info {
	background: #fff;
	margin-bottom: 20px;
}
.aside-tp {
	padding: 40px 20px;
	text-align: center;
}
.top-pic {
	width: 102px;
	height: 102px;
	border-radius: 50%;
	overflow: hidden;
	margin: auto;
	position: relative;
}
.top-pic img {
	width: 100%;
	height: 100%;
}
.top-name {
	font-size: 14px;
	color: #4f1515;
	font-weight: bold;
	margin: 20px 0;
}
.top-tel {
	font-size: 12px;
	color: #333;
	margin: 0;
}
.top-edit {
	display: block;
	background: #E9E9E9;
	height: 48px;
	line-height: 48px;
	font-size: 12px;
	color: #333;
	margin-top: 50px;
}
.pg-title {
	background: #E9E9E9;
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	padding-left: 20px;
}
.page-update {

}
.page-update dt a, .page-update dt span {
	font-size: 14px;
	color: #333;
}
.page-update dd a {
	font-size: 12px;
	color: #333
}
.page-update dt {
	border-top: 1px solid #E9E9E9;
	font-weight: normal;
	cursor: pointer;
}
.page-update dt:first-child {
	border-top: none;
}
.page-update dt {
	padding-left: 20px;
	height: 48px;
	line-height: 48px;
}
.page-update dt.active, .page-update dd.active {
	background: #E9E9E9;
}
.page-update dt.active a {
	font-weight: bold;
}
.page-update dd {
	display: none;
}
.page-content {
	margin-left: 20px;
}
.page-tx {
	background: #fff;
	text-align: center;
	padding: 60px 0 30px;
}
.page-tx .top-pic:hover .up-tx{
	display: block;
}
.up-tx {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	height: 102px;
	line-height: 102px;
	width: 100%;
	text-align: center;
	display: none;
}
.up-tx span {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}
.up-nc {
	padding-left: 30px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-top: 20px;
}
.up-nc-bf span{
	color: #e71422;
	display: inline-block;
	margin-left: 5px;
	visibility: hidden;
	cursor: pointer;
}
.up-nc-bf:hover span {
	visibility: visible;
}
.up-nc-af {
	display: none;
}
.up-nc-af input{
	border-bottom: 1px solid #E9E9E9;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	display: inline-block;
	width: 120px;
	margin-left: 60px;
	padding-bottom: 10px;
}
.up-nc-af a {
	margin-left: 20px;
	color: #e71422;
}
.basik-msg {
	background: #fff;
	padding: 50px 0 50px 20px;
}
.basik-block {
	margin-bottom: 30px;
}
.basik-block label, .basik-block span {
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.basik-block span {
	display: inline-block;
	margin-right: 20px;
}
.basik-block a {
	font-size: 14px;
	color: #e71422;
}
.save-btn {
	width: 260px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	display: block;
	background: #e71422;
}
.date-block {
	display: inline-block;
}
.date-block select { 
		appearance:none;
   -moz-appearance:none;
-webkit-appearance:none;
	border: none;
	outline: none;
	width: 100%;
	cursor: pointer;
	background: transparent;
}
.date-block select::-ms-expand { display: none; }
.date-block select option {
	cursor: pointer;
	background: #f9f9f9;
}
.date-block select option:hover {
	background: red;
}
.date-block span {
	min-width: 100px;
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.date-block span:after {
	content: 'ˇ';
	font-size: 20px;
	position: absolute;
	top: 5px;
	right: 0;
}
.area-block {
	display: inline-block;
}
/*area Style*/
.chosen-container {
	width: 150px!important;
	margin-top: -3px;
	margin-right: 20px;
}
.chosen-container:after {
	content: 'ˇ';
	font-size: 20px;
	vertical-align: middle;
	position: absolute;
	top: 5px;
	right: 0;
}
.chosen-container-single .chosen-single, .chosen-container-active .chosen-single {
	border: none;
	background: none;
	box-shadow: none;
	padding: 0;
}
.chosen-container-single .chosen-search {
	display: none;
}
.chosen-container-active.chosen-with-drop .chosen-single {
	border: none;
	background: none;
	box-shadow: none;
}
.chosen-container .chosen-drop {
	background: #F9F9F9;
	border: none;
	box-shadow: none;
}
.chosen-container .chosen-results li, .chosen-container .chosen-results li:hover{
	font-size: 14px;
	color: #333;
}
.chosen-container .chosen-results li.highlighted {
	background: none;
	background-image: none;
	color: #333;
}
.chosen-container .chosen-drop {
	top: 30px;
}
/*area Style*/
.safe-block {
	margin-top: 10%;
}
.safe-lt {
	width: 49%;

}
.safe-lt ul {

}
.safe-lt ul li {
	padding: 30px 0;
}
.safe-lt ul li label {
	font-size: 14px;
	color: #333;
	width: 40%;
	text-align: right;
}
.safe-lt ul li span {
	width: 60%;
	font-size: 14px;
	color: #333;
	padding-left: 30px;
}
.safe-rt {
	width: 51%;
}
.safe-rt ul {
	padding-left: 50px;
}
.safe-rt ul li {
	margin-bottom: 30px;
}
.safe-rt ul li a {
	display: inline-block;
	background: #E9E9E9;
	width: 160px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	font-size: 14px;
	color: #333;
	margin-left: 20px;
}
.qq-ewm {
	text-align: center;
	margin-top: 7%;
}
.qq-ewm img {
	width: 254px;
	height: 245px;
}
.qq-ewm h5 {
	font-size: 14px;
	color: #333;
	margin-top: 40px;
	font-weight: normal;
}
.collect-tab {
	background: #E9E9E9;
}
.collect-tab  li {
	float: left;
	height: 48px;
	line-height: 48px;
	padding: 0 5%;
}
.collect-tab li a {
	font-size: 14px;
	color: #333;
	opacity: 0.6;
}
.collect-tab li.active {
	background: #E71422;
}
.collect-tab li.active a {
	color: #fff;
	opacity: 1;
	font-weight: bold;
}
.collect-product {
	background: #fff;
	padding: 35px 20px;
}
.collect-prolist, .collect-case {
	margin: 0;
}
.collect-prolist > li > a {
	min-height: 508px;
}
.det-btn {
	margin-top: 20px;
}
.det-btn span {
	cursor: pointer;
	display: inline-block;
	width: 200px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	background: #E9E9E9;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.collect-case > li > a {
	min-height: 508px;
}
.cet-news .tj-news-pic, .cet-news .case-mask {
	height: 216px;
}
.cet-news {
	margin: 0;
}
.cet-news > li {
	width: 32.4%;
	margin-right: 1.4%;
	margin-bottom: 1.4%;
	height: auto;
	white-space: normal;
	overflow: visible;
}
.cet-news li a {
	border-bottom: 1px solid #F3F3F3;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	min-height: 300px;
}
.cet-news li:nth-child(3n) {
	margin-right: 0;
}
.collect-product .zl-detail {
	background: #fff;
}
.collect-product .zl-detail li:last-child {
	border-bottom: 1px solid #E9E9E9;
}
.itst-title {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 20px 0;
}
.itst-title + ul {
	margin: 0;
}
.nodata {
	text-align: center;
	padding-bottom: 30px;
}
.nodata p {
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin: 10px 0 0;
}
.que-ctlist {
	margin: 0;
	background: #fff;
}
.que-ctlist > li {
	border-bottom: 1px solid #E9E9E9;
	background: #fff;
	margin-bottom: 0;
}
.que-ctlist > li li{
	margin-left: 15px;
}
.que-ctlist li:last-child {
	border: none;
}
.answer-pson {
	margin-top: 20px;
}
.answer-pson span {
	display: inline-block;
	font-size: 12px;
	color: #333;
	margin-right: 20px;
}
.asw-btn a {
	margin-right: 20px;
}
.boxshadow {
	box-shadow: 0 0 5px #ddd;
}
.qa-contribut {
	margin-left: 20px;
}
.contribut-item {
	background: #fff;

}
.contribut-item li {
	text-align: center;
	padding: 40px 0;
}
.contribut-item li > div {
	font-size: 24px;
	color: #333;
	margin-bottom: 5px;
}
.contribut-item li > span {
	font-size: 12px;
	color: #333;
	opacity: 0.6;
}
.my-que {
	margin: 0;
}
.my-que li {
	background: #fff;
	border-bottom: 1px solid  #E9E9E9;
	margin-bottom: 0;
}
.my-que li .question-item {
	padding: 40px 30px 30px 40px;
	margin: 0;
}
.my-que-aswer .nc-name {
	border: none;
}
.set-best {
	padding: 0 38px;
	color: #333;
}
.nodwload {
	min-height: 645px;
	padding-top: 15%;
}
/*上传头像*/
.avatar-body {
	padding: 0;
}
.avatar-wrapper {
	height: 278px;
	margin-top: 0;
	background: #f9f9f9;
	box-shadow: none;
}
.avatar-preview {
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 0 0 83px;
}
.avatar-upload {
	padding: 20px 0;
}
.avatar-btns {
	display: inline-block;
	margin: 0;
	padding-left: 145px;
}
/*上传头像*/
.ylan {
	font-size: 12px;
	color: #333;
	margin: 20px 0 0;
	text-align: center;
	padding-left: 40px;
}
.avatar-btns button {
	display: inline-block;
	vertical-align: middle;
	margin-left: 25px;
}
.narrow-icon {
	background: url(../images/sprite.png) no-repeat;
	width: 15px;
	height: 15px;
	background-size: 250px 221px;
	background-position: -207px -125px;
}
.zoom-icon {
	background: url(../images/sprite.png) no-repeat;
	width: 14px;
	height: 14px;
	background-size: 250px 221px;
	background-position: -207px -145px;
}
.rotat-icon {
	background: url(../images/sprite.png) no-repeat;
	width: 16px;
	height: 16px;
	background-size: 250px 221px;
	background-position: -207px -164px;
}
.upload-pc {
	font-size: 12px;
	color: #333;
}
.ct-grid-item li {
	float: left;
	position: relative;
	width: 32.4%;
	margin-right: 1.4%;
	margin-bottom: 1.4%;
}
.ct-grid-item li:nth-child(3n) {
	margin-right: 0;
}
.ct-grid-item li .load-pic ,.ct-grid-item li .imgholder, .ct-grid-item .case-mask{
	height: 330px;
}
.itest-grid .waterfall-msg {
	background: #fff;
}
.icon-dp {
	background: url(../images/sprite.png) no-repeat;
	width: 7px;
	height: 13px;
	background-size: 250px 221px;
	background-position: -36px -108px;
	margin-right: 20px;
	margin-top: 15px;
}
.icon-rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.dd-dwlist a {
	padding-left: 20px;
	display: block;
	height: 48px;
	line-height: 48px;

}