.listfont { font-size: 62.5%;}

.g-spmain {
	/*border:1px solid #eaeaea;*/
	/*background: #fff;*/
	margin-top: 20px;
}

.g-spmain-wrap{
	margin-left: 3px;
	margin-right: 3px;
}

.g-spmainhd {
	/*height: 56px;*/
	line-height: 55px;
	/*border-bottom: 1px solid #eaeaea;*/
	border:1px solid #eaeaea;
	background: #fff;
	/*overflow-x: auto;*/
}
.g-spmainhd a {
	color: #898989;
	font-size: 14px;
	margin: 0 12px;
}
.g-spmainhd a:hover,.g-spmainhd a:hover i {
	color: #2f55a0;
}
.g-spmainhd .g-spmact {
	color: #2f55a0;
}
.g-spmainhd span {
	font-size: 14px;
	color: #ccc;
}
.g-spmainhd i {
	font-size: 12px;
}
.g-spmainhd .glyphicon-arrow-down {
	color:#c7c7c7;
	padding-left: 4px;
}

.g-spmaininp {
	/*width: 142px;*/
	height: 30px;
	border: 1px solid #ebebeb;
	margin-top: 12px;
	margin-left: 20px;
	background: #fff;
	/*padding-left: 10px;*/
}
.g-spmaininp button {
	/*width: 18px;*/
	height: 30px;
	background:#ebebeb;
	border:none;
	outline:0;
	padding-right: 5px;
	/*
	padding-left: 0;
	padding-right: 15px;
	*/
}
.g-spmaininp input {
	width: 168px;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	border: none;
	font-size:12px;
}
.g-spmaininp i {
	color: #d9d9d9;
	vertical-align: top;
	font-size: 16px;
	padding-top: 5px;
}

/*
.g-spmainlist li span {
	font-size: 12px;
	padding-right:2px;
}
.g-spmainlist li p {
	height: 18px;
	overflow: hidden;
	margin-top:10px;
	margin-bottom: 0;
}
.g-spmainlist li .pull-up {
	padding-top: 30px;
}
.g-spmainlist li .u-timeollect{
	font-size: 14px;
}
.g-spmainlist li .u-collect:hover{
	color:#ffa81e;
}
.g-spmainlist li .img-responsive {
	margin-top:5px;
	background:#d4d4d4;
	max-height:96px;
}
.g-spmainlist.u-inline{
	display: inline-block;
}
.g-spmainlist .u-tasktime {
	background: url('../../images/tasktime.png') no-repeat;
	display: inline-block;
	width: 18px;
	height: 15px;
}
.g-spmainlist .u-collect{
	cursor: pointer;
	display: inline-block;
	margin-left: 5%;
	font-size: 14px;
}
*/
.spindex{
	margin: 0px 20px 0px 20px;
	padding:8px 0px 10px 0px;
}
.spindex-group{
	height: 31px;
	padding:5px 15px 5px 15px; 
	border-bottom: 1px solid #dadada;
	border-radius: 5px 5px;
	color: #808080;	
	/*box-shadow:0px 5px 5px -5px #808080;*/
}
.spindex-group a{
	padding:0px 5px 0px 5px;
}
.spindex-group .groupname{
	width: 230px;
	display:inline;
	float: left;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.spindex-group .grouplink{
	display:inline;
	float: right;
	width: 55px;
}

.spindex-info{
	padding:0;
	margin: 0px 10px 0px 10px;
}
.sp-thum-pic{
	margin: 5px 0px 15px 0px;
}

.sp-thum-pic a img{
	width: auto;
	height: auto;
	max-width: 280px;
	max-height: 210px;
	padding:5px 5px 5px 5px; 
	background: #ffffff;
}

.spa-thum-img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
		
	max-height: 600px;
}

.u-shoptypeico {
    position: absolute;
    top:1px;
    left: -2px;
    background: url(../images/shoptypeico.png) no-repeat;
    width:22px;
    height: 22px;
    color: #fff;
    padding-top: 3px;
    padding-left: 7px;
}
/*
.spgmember-gong16{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
    background: url("../images/shop/gxfw16.png") no-repeat;
	border: 1px solid #dfdfdf;
}

.spgmember-xu16{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 3px;
    background: url("../images/shop/gxxu16.png") no-repeat;
	border: 1px solid #dfdfdf;
}
*/

.set-password-interactive{
    width: 146px;
    height: 160px;
    background: url(../images/pic_interactive2.png) center no-repeat;
	border: 1px solid #dfdfdf;
    position: absolute;
    top: 40px;
    left: -82px;
}
.close-set-password-interactive{
    display: block;
    width: 17px;
    height: 17px;
    padding: 0;
    position: relative;
    top: 33px;
    left: 117px;
}
.g-taskmainlist li .g-togroupbtn {
    color: #898989;
    width:105px;
    height:36px;
    line-height: 34px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    padding-left: 22px;
    background: url("../shop/spgrouplog16.png") no-repeat 14px center #fafafa;
}
.g-taskmainlist li .g-togroupbtn:hover {
    border-color: #2f55a0;
    color: #fff;
    background: url("../shop/spgrouplog16.png") no-repeat 14px center #2f55a0;
}
.spgroup-info {
	/*position: relative;
	padding: 20px*/
	padding-top: 10px;
	width: 100%;
	height: 205px;
	
}

.spgroup-img {
    width: 100%;
    max-width: 130px;
    height: 100;
    max-height: 130px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border-radius: 15px;
	position:absolute;
	background: rgba(255,255,255,0.7);
}

.spindex-desc{
	padding:2px 5px 2px 0px;
	/*height: 70px;*/
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.spindex-status {
	height: 20px;
	margin: 5px 10px 0px 10px;	
	padding-top:5px;
	border-top : 1px dotted #dadada;
}

.g-spsidewrap-proc {
	display:inline;
	height: 160px;
	background: #0080c0;
}
.g-spsidewrap-group {
	display:inline;
	height: 260px;
}
.g-spsidewrap-member {
	display:inline;
}
.g-spsidemand {
	width: 100%;
	height:100%;
	border:1px solid #eaeaea;
	background: #fff;
	padding:0px; 
	list-style:none;
}

.g-spsidemand .btn-blue {
	border:none;
	padding-top:7px;
	padding-bottom: 7px;
}
.g-spsideli-hd {
    border-bottom: 1px solid #eaeaea;
    padding: 16px 20px 4px;
}
.g-spsideli-hd a {
	color: #8f8f8f;
	padding-top: 4px;
}
.g-spsideli-ft {
	display:none;
	font-size: 10px;
	border:1px solid #eaeaea;
	background: #fff;
	height: 20px;
	list-style:none;
	padding: 1px 7px 1px 7px;
	margin-bottom: 5px;
}

.g-spsideli-proc{
	height: 100px;
	background: #fff;
}

.g-spsideli-group{
	height: 200px;
	background: #fff;
}

.g-spsideli-member{
	height: 300px;
	padding-top: 5px;
	padding-right: 2px;
}

.g-spsideli li{
	
	/*margin-left: -25px;
  position: relative;
  left: -20px;
  top: 20px;*/
}
.g-sppaginfo {
	color: #606060;
	padding-top: 26px;
	float: left;
}
.paginationwrap { float: right;}

.g-spsidewrap {
	/*display:inline-block;*/
}

.g-spsidebtn {
	font-size: 10px;
	margin-bottom:0;
	/*border:1px solid #eaeaea;*/
	background: #fff;
	padding:0px; 
	list-style:none;
	display:none;
}
.g-sidebar-btn{
	padding: 5px 5px 1px 5px;
	border: 1px solid #c0c0c0;
	border-radius: 3px 3px 0px 0px;
}
.span-pd2 {
	display:inline-block;
	padding:0 2px;
	border-radius: 2px;
}

.select-fa-angle-down{
	width: 15px;
	height: 15px;
	border: 1px solid #dadada;
	background: #efefef;
	text-align: center;
	line-height: 15px;
}
.g-indexsplist ul{
	margin: 0;
	overflow: hidden;
	height: auto;
}
.g-indexsplist li {
	border: 1px solid #eaeaea;
	background:#fff;
	margin-bottom: 5px;
}
.g-groupsplist{
	margin: 0;
	overflow: hidden;
	height: auto;
}

.g-groupsprow {
	border: 1px solid #eaeaea;
	background:#fff;
	margin-bottom: 5px;
}
/*
.g-groupsplist li div{
	border: 1px dotted #0000ff;
}
*/
.g-memberinfo{
	height:100%;
	width: 70px;
	padding-top:10px;
	
}
.g-memberinfo p{
	width: 50px;
	margin:5px 3px 0px 3px;
	text-align:center;
	font-size: 9px;
	color: #000000;
	
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
}
.g-memberinfo img{
	width: 40px;
	height: 40px;
	margin-left: 10px;
}
.member-li{
	display: flex; /* 设置为flex容器 */
	height: 46px;
	background:#ffffff;
	border-bottom: 1px solid #eaeaea;
	text-align:left;
	margin-top: 5px;
}
.member-li .avatarbox{
	width: 48px;
	background:#ffffff;
}
.member-li .namebox{
	flex: 1;
	background:#ffffff;
	/*下面设置文本内容为单行，超出隐藏并显示三个点*/

	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.member-li .toolsbox{
	width: 16px;
	background:#ffffff;
}

.member-li img{
	width: 30px;
	height: 30px;
	/*margin-right: 5px;*/
}
.member-ico0{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_member.png") no-repeat 0 -0px;
}

.spgmember-source{
	position: relative;
	float:right;
	top:15px;
	left:-8px;
	background:#ffffff;
}

.member-ico1{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_member.png") no-repeat 0 -16px;
}
.member-ico2{
	display:inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/shop/spgroup_member.png") no-repeat 0 -32px;
}
.member-ico3{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_member.png") no-repeat 0 -48px;
}
.member-ico4{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_member.png") no-repeat 0 -64px;
}
.member-ico5{
	display:inline-block;
	width: 16px;
	height: 16px;
	margin: 0;
	border: 1px solid #dfdfdf;
    background: url("../images/shop/spgroup_member.png") no-repeat 0 -80px;
}
.member-ico6{
	display:inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #dfdfdf;
    background: url("../images/shop/spgroup_member.png") no-repeat 0 -96px;
}
.member-ico7{
	display:inline-block;
	width: 100%;
	height: 16px;
	padding-left:5px;
    background: url("../images/shop/spgroup_member2.png") no-repeat 0 -0px;
}
.member-ico8{
	display:inline-block;
	width: 100%;
	height: 16px;
	padding-left:5px;
    background: url("../images/shop/spgroup_member2.png") no-repeat 0 -16px;
}
.wxqun-ico{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/wxqun.png") no-repeat;
}
.qqqun-ico{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/qqqun.png") no-repeat;
}
.qpromo{
	/*border-left : 1px dotted #dadada;*/
	margin: 0;
	padding-top:5px
}
.topbar-ico0{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_topbar.png") no-repeat 0 -0px;
}
.topbar-ico1{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_topbar.png") no-repeat 0 -16px;
}
.topbar-ico2{
	display:inline-block;
	width: 16px;
	height: 16px;
	background: url("../images/shop/spgroup_topbar.png") no-repeat 0 -32px;
}
.topbar-ico3{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_topbar.png") no-repeat 0 -48px;
}
.topbar-ico4{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_topbar.png") no-repeat 0 -64px;
}
.topbar-ico5{
	display:inline-block;
	width: 16px;
	height: 16px;
    background: url("../images/shop/spgroup_topbar.png") no-repeat 0 -80px;
}
.topbar-btn{
    font-family: "&＃39;微软雅黑&＃39;,&＃39;Helvetica Neue&＃39;,Helvetica,Arial,sans-serif";
    font-size: 9px!important;
    height: 28px;
    line-height: 18px!important;
    padding: 3px 8px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 3px;
    margin: 0 8px 0 3px;
    border: 1px solid #808080;
    color: #808080;
    background-color: #ffffff;
    cursor: pointer;
}
.small-btn{
    font-family: "&＃39;微软雅黑&＃39;,&＃39;Helvetica Neue&＃39;,Helvetica,Arial,sans-serif";
    font-size: 9px!important;
    line-height: 18px!important;
    padding: 1px 3px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    border-radius: 3px;
    margin: 0 5px 0 1px;
    border: 1px solid #808080;
    color: #808080;
    background-color: #ffffff;
    cursor: pointer;
}
.qpromo-info{
	padding:0;
}
.qpromo-top {
	padding-top:4px;
}
.qpromo-top p{
	max-width: 460px;
	margin: 0;
	/*background:#F0F0F0;*/
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space:nowrap;
}
.qpromo-top a{
	text-size:9px;
	color: #808080;
}
.qpromo-top span{
	text-size:9px;
	color: #c0c0c0;
}
.qpromo-info.qpromo-pic img{
	width: 90px;
	height: 86px;
	margin: 0;
}
.qpromo-desc{
	max-height: 72px;
	margin: 5px 0px 5px 0px;
	padding-right:5px;
	background:#fff;
	/*height: 70px;*/
	text-overflow: -o-ellipsis-lastline;
	/*text-overflow: ellipsis;*/
	overflow: hidden;
	display: -webkit-box; 
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
}
.qpromo-content{
	margin: 5px 0px 5px 0px;
	padding-right:5px;
	background:#fff;
	/*height: 70px;*/
}
.qpromo-line-three{
	margin-top: 5px;
	margin-bottom: 15px;
	color: #303030;
	text-overflow: -o-ellipsis-lastline;
	/*text-overflow: ellipsis;*/
	overflow: hidden;
	display: -webkit-box; 
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
}
.qpromo-line-six{
	margin-top: 5px;
	margin-bottom: 15px;
	color: #303030;
	text-overflow: -o-ellipsis-lastline;
	/*text-overflow: ellipsis;*/
	overflow: hidden;
	display: -webkit-box; 
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;
}

.qpromo-status {
	background:#ffffff;
	padding-top:3px; /*上边界*/
	padding-bottom:3px; /*下边框留空白*/
	/*border-top : 1px dotted #dadada; 下框线*/
}
.qpromo-status span{
	margin-left:10px;
}
.qpromo-status span i{
	margin-right:3px;
}
.qpromo-goods{
	height: 100px;
	margin: 10px 0 0 0;
}
.qpromo-goods-head{
	height: 20px;
}
.qpromo-goods-info{
	height: 80px;
	margin:0 2px 0 2px;
	padding :3px 5px 5px 5px;
	color: #808080;
	border : 1px solid #eaeaea; 
	border-radius: 0 0 5px 5px;
	background:#F0F0F0;
}
.qpromo-type1{	
	padding :0 3px 0 3px;
	margin-right:3px;
	border : 1px solid #ff8000; 
}
.qpromo-commentwrap{	
	padding :5px;
	margin:5px 3px 5px 0px;
	background:#F8F8F8;
	border : 1px solid #D0D0D0; 
	border-radius: 5px;
}
.othergroup-li{
	border-bottom: 1px solid #eaeaea;
	text-align:left;	
	margin: 10px 15px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.othergroup-li img{
	width: 60px;
	height: 60px;
	margin-right: 5px;
}
.g-editowrap{
	height: 100px;
}
.article-pic img{
	width: 140px;
	height: 100px;
}

.spgroup-desc{
	color: #898989;
	font-size: 14px;
	margin: 14 14 14 14px;
}
.spgroup-btnqun {
	color: #898989;
	background: url("../images/shop/shopabnumqq.png") no-repeat 0 2px;
	padding-left: 24px;
	width: 3px;
	height: 3px;
	margin-left:5px;
}

.spgroup-btnwx {
	background: url("../images/shop/shopabnumwx.png") no-repeat 0 4px;
	padding-left: 28px;
	width: 3px;
	height: 3px;
}
.spgroup-wxgzh{
	position: absolute;
	background: #0080ff;
}
.spgroup-wxgzh img{
	display: inline-block;
	max-width: 540px;
	max-height: 640px;
}
.spgroup-wxupload{
	border-top: 1px solid #c0c0c0;
	margin-top:8px;
	margin-bottom:15px;
	padding: 8px 18px;
}
.spgroup-wxupload span
{ 
	margin-left:15px;
}
.spgroup-infobtn{
	font-size: 7px;
	padding: 0px 2px 1px 2px;
	/*border: 1px solid #c0c0c0;*/
	border-radius: 5px;
	background: #ececec;
	box-shadow:0px 5px 5px -5px #808080;
}

.spromotion-main-area{
	padding: 15px 30px ;
	border: 1px solid #ececec;
	background: #fff;
}
.spromotion-top-area{
	padding: 15px 30px ;
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	background: #fff;
}
.spromotion-bottom-area{
	padding: 15px 30px ;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	background: #fff;
}
.spromotion-comment-area{
	height: 100px;
	border: 1px solid #ececec;
	overflow: hidden;
}
.answerlist-main li {
    border-bottom: 1px dashed #dbdbdb;
    padding:20px 0 5px 0;
}
.answerlist-main ul {
    margin:0;
    padding: 0 15px;
    margin-bottom: -16px;
    overflow: hidden;
}
.answerlist-main li:last-child {
    border-bottom: none;
}
.answerlist-main li .usernopd {
    padding-right: 0;
}
.answerlist-img {
    padding-left: 0;
}

.answerlist-img img{
    width:60px;
    height: 60px;
}

.answerlist-cont {
    line-height: 26px;
	margin: 10px 0px 10px 0px;
}
.relevantlist {
    margin-top: 10px;
	height: 80px;
}
.relevantlist-img {
    padding-left: 0;
}
.relevantlist-img img{
    width:60px;
    height: 60px;
}
.relevantlist-info {
    margin: 0px 20px 0px 10px;
	height: 80px;
}
.questionuser-img {
    padding-left: 0;
}
.questionuser-img img{
    width:40px;
    height: 40px;
    border-radius: 100%;
}
.spromotion-pic{
	max-width:400px;
	max-height:400px;
	width: 100%;
	height: 100%;
}
.spromotion-img {
  width: 100%;
  height: 100%;
  cursor:hand;
}
.news-detail-info-words img {
	max-width: 100%;
}
.news-detail-info-words p{
	text-indent: 24px;
	font-size: 14px;
	line-height: 24px;
}
.news-line{
	height: 1px;
	padding-bottom: 15px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.manage-menu {
	height: 25px
}

.manage-menu span {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	margin-right: 10px
}

.re_list{
	width: 80%;
}
.re_list span{
    overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
    border: 1px solid red;
}
.g-editor{
	overflow-y:auto;
	height: 100px;
	background:#80ffff;
}
.quiz{
    padding:15px 50px;
    margin-bottom: 50px;
	background:#ffffff;
}
.quiz .quiz-ico{
    width: 24px;
    height: 24px;
    background: url("../images/quiz/quiz-ico.png") no-repeat;
    float: left;
    margin-right: 14px;
}
.quiz .page-header{
    margin-bottom: 27px;
}
.quiz .quiz-form label{
    margin-right: 20px;
}
.quiz .quiz-form .quiz-wap{
    margin-right: 24px;
}
.quiz .quiz-form textarea{
    width: 92.7%;
}
.quiz .quiz-btn{
    margin-left: 7.3%;
    margin-bottom: 40px;
}
.quiz .quiz-btn button{
    margin-right: 35px;
}

.quiz .page-header{
    margin-bottom: 27px;
}

.newsp-btn{
	background: #408080;
	color:#ffffff;
	overflow: hidden;
	z-index: 9999;
	position: fixed;
	padding:5px;
	text-align:center;
	width: 40px;
	height: 40px;
	right: 10px;
	top: 10px;
	border-radius: 25px;
	border-top-left-radius: 4px;
	/*
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	*/
}

.f-newsp-btn{
    float: right;
	height: 30px;
    margin: 16px;
    background: #fff !important;
    border-color: #fff;
    color: #7d7d7d !important;
    text-shadow: none !important;
    font-size: 12px!important;
}
.newsp-wrapper{
	float: right;
	margin-right: 16px;
}
.member-profile .avatar{
	float: center;
	width: 64px;
	height: 64px;
	margin-bottom: 20px;
}
/*
.member-role{
	display: inline-block;
	float: center;
	width: 44px;
	height: 17px;
    border-color: #fff;
    color: #c0c0c0!important;
    text-shadow: #7d7d7d !important;
    font-size: 10px!important;
	background: url("../images/shop/shop_light16.png") no-repeat 0 center;
	border: 1px solid #ff8040;
}
*/
/*
.member-source{
	display: inline-block;
	height: 17px;
	margin-right: 3px;
	padding-left:17px;
	padding-right:3px;
	padding-bottom:3px!important;;
    color: #0080c0!important;
    text-shadow: #7d7d7d !important;
    background: url("../images/shop/shop16b.png") no-repeat;
}
*/
.g-myobject{
	vertical-align: middle;
}
.goods-res-chosen{
	width: 200px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .quiz .quiz-form #txtarea{
        width: 90%;
    }

}
@media (max-width:991px) and (min-width:768px) {
    .quiz .quiz-form #txtarea{
        width: 87%;
    }
    .quiz-form .Validform_checktip {
        margin-left: 79px;
    }
    .quiz .quiz-btn {
        margin-left: 13%;
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px){
	.quiz{
		padding:15px 30px;
		background:#ffffff;
	}
    .g-spmainlist li .pull-up { padding-top: 0;}
    .g-sppaginfo,.paginationwrap { float: none; text-align: center;}
    /*.g-spmainhd .pull-left { width: auto%;}*/
    .g-spmain { margin-top: 0;}
	.g-spmainhd a {
		margin: 0 2px;
		font-size: 12px;
		color: #898989;
	}
	
	.g-spsideli-ft {
		display:inline;
	}
	.g-spmaininp {
		margin-left: 2px;
		padding-left: 2px;
	}
	.g-spmaininp button {
		padding-left: 0;
		padding-right: 2px;
	}
	
	.g-spmaininp input {
		width: 144px;
		height: 28px;
	}
	.g-spsidewrap {
		/*display:none;*/
	}
	
	.g-spsidebtn {
		display:inline;
	}
	
	.g-spsidewrap-proc {
		display:none;
	}
	.g-spsidewrap-group {
		display:none;
	}
	.g-spsidewrap-member {
		display:none;
	}
}

@media (max-width: 767px) and (min-width: 320px) {
    .quiz .quiz-form #txtarea{
        width: 100%;
    }
    .quiz-form .Validform_checktip {
        margin-left:0;
    }
    .quiz .quiz-btn {
        margin-left: 0;
        text-align: center;
        margin-bottom: 40px;
    }
    .question-table-state{
        padding-left: 5px;
        padding-right: 5px;
    }
    .question-num div{
        padding-left: 5px;
        padding-right: 10px;
    }
    

}

/*****************/
		
        /* 展示框核心样式 */
        .result-box {
            width: 190px;
            height: 110px;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
            border: 1px solid #e1e5eb;
            padding: 10px;
            display: flex;
            flex-direction: column;
            position: relative;
            transition: all 0.3s ease;
        }
        
        .result-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 20px rgba(0, 0, 100, 0.12);
        }
        
        /* 标题样式 - 蓝色 */
        .box-title {
            font-size: 15px;
            font-weight: bold;
            /*color: #1976d2;*/
            margin-bottom: 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 1.2;
        }
        
        /* 主要内容样式 */
        .box-content {
            font-size: 12px;
            color: #333;
            line-height: 1.35;
            margin-bottom: 5px;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            max-height: 70px;
        }
        
        /* 底部信息栏 */
        .info-footer {
            position: absolute;
            bottom: 10px;
            left: 10px;
            right: 10px;
            display: flex;
            justify-content: space-between;
        }
        
        /* 编号样式 */
        .box-code {
            font-size: 11px;
            color: #333;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 100px;
        }
        
        /* 更多链接样式 */
        .box-more {
            position: absolute;
            bottom: 5px;
            right: 5px;
            font-size: 11px;
            color: #1976d2;
            text-decoration: none;
            font-weight: 500;
            display: flex;
            align-items: center;
            transition: all 0.2s;
        }
        
        .box-more:hover {
            color: #0d47a1;
            font-weight: 500;
        }
        
        /* 卡片样式变体 */
        .variant-blue {
            border-top: 3px solid #004080;
        }
        .variant-green {
            border-top: 3px solid #80ff80;
        }
        .variant-info {
            border-top: 3px solid #64b5f6;
        }
        .variant-2 {
            background: #f8fbff;
            border-left: 3px solid #2196F3;
        }
        
        .variant-3 {
            background: #e3f2fd;
        }
        
        /* 描述框样式 */
        .specs-box {
            background: #f9f9f9;
            border: 1px dashed #90a4ae;
            border-radius: 8px;
            padding: 20px;
            max-width: 300px;
        }
        
        .specs-title {
            font-size: 18px;
            font-weight: 600;
            color: #2c3e50;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
        }
        
        .specs-title i {
            margin-right: 10px;
            color: #1976d2;
        }
        
        .spec-list {
            list-style-type: none;
        }
        
        .spec-list li {
            margin-bottom: 12px;
            font-size: 14px;
            color: #455a64;
            display: flex;
        }
        
        .spec-list li:before {
            content: '•';
            color: #1976d2;
            font-weight: bold;
            margin-right: 10px;
        }
        
        /* 响应式调整 */
        @media (max-width: 600px) {
            .container {
                flex-direction: column;
                align-items: center;
            }
            
            .design-container {
                flex-direction: column;
                align-items: center;
            }
        }
        
        /* 装饰元素 */
        .decoration {
            position: absolute;
            width: 150px;
            height: 150px;
            background: linear-gradient(120deg, rgba(142, 158, 252, 0.1) 0%, rgba(77, 171, 247, 0.2) 100%);
            border-radius: 50%;
            top: -60px;
            right: -50px;
            z-index: -1;
        }
        
        .decoration:nth-child(2) {
            width: 100px;
            height: 100px;
            bottom: -30px;
            left: -30px;
            top: auto;
            background: linear-gradient(45deg, rgba(236, 112, 99, 0.05) 0%, rgba(241, 196, 15, 0.08) 100%);
        }
        
        footer {
            margin-top: 25px;
            text-align: center;
            font-size: 13px;
            color: #7f8c8d;
            width: 100%;
            padding-top: 15px;
            border-top: 1px solid #eee;
        }