.tab-nav-item.tab-active{
		background-color: #38761d;
	}
  .container {
            height: 100%;
            text-align: center;
            margin-top: 200px;
        }
        .circle {
            margin: 20px;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            display: inline-block;
            transform: scale(0);
            animation: bulge 2s infinite ease-in-out;
        }
        .tab-nav-item {
		    height: 40px;
		    line-height: 40px;
		    position: relative;
		    text-align: center;
		    color: #585858;
		    font-size: 0.9rem;
		    display: block;
		    float: left;
		    width: 50%;
		}

        .circle::after {
            position: absolute;
            display: inline-block;
            content: '';
            height: 100%;
            width: 100%;
            border-radius: 50%;
            background-color: inherit;
            top: 0;
            left: 0;
            z-index: -1;
            transform: scale(1);
            animation: blow 2s infinite ease-in-out;
        }

        .circle:nth-child(1) {
            background-color: #4695B8;
            animation-delay: 0s;
        }

        .circle:nth-child(2) {
            background-color: #67A142;
            animation-delay: .25s;
        }

        .circle:nth-child(3) {
            background-color: #8FC0A7;
            animation-delay: .50s;
        }


        @keyframes bulge {
            50% {
                transform: scale(1);
            }
        }


        @keyframes blow {
            25% {
                opacity: 0.5;
            }
            50% {
                opacity: 0.5;
            }
            90% {
                opacity: 0;
            }
            100% {
                transform: scale(2);
                opacity: 0;
            }

        }

        .tab-panel {
            position: relative;
            overflow: hidden;
        }

        .tab-panel .tab-panel-item {
            width: 100%;
            position: absolute;
            top: 0;
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

        .tab-panel .tab-panel-item.tab-active ~ .tab-panel-item {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        }

        .tab-panel .tab-panel-item.tab-active {
            position: relative;
            -webkit-transition: -webkit-transform .15s;
            transition: -webkit-transform .15s;
            transition: transform .15s;
            transition: transform .15s, -webkit-transform .15s;
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }
        /*列表*/
       .ques-section{
		    width: 960px;
		    margin: 0 auto 10px;
		    padding: 20px;
		    border-radius: 2px;
		    background-color: #fff;
		}
		.ques-section-item{
		    width: 293px;
		    position: relative;
		    float: left;
		}
		.ques-item-title{
		    font-size: 18px;
		    line-height: 24px;
		    margin-bottom: 15px;
		    font-weight:normal;
		    color:#333;
		}
		
		.ques-section-card{
		    position: relative;
		    height: 424px;
		    text-align: center;
		    border: 1px solid #f2f2f2;
		    border-radius: 2px;
		    background-color: #fafafa;
		}
		.ques-card-head{
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 30px;
		    padding-top: 48px;
		    border-radius: 2px 2px 0 0;
		}
		
		.ques-card-gul{
		    background-color: #f55727;
		    background-image: -webkit-radial-gradient(50% 3%,circle,#f07a56,#f55727);
		    background-image: radial-gradient(circle at 50% 3%,#f07a56,#f55727);
		    height:78px;
		}
		.ques-card-org{
		    background-color: #f59b00;
		    background-image: -webkit-radial-gradient(50% -6%,circle,#ffb83d 2%,#f59b00);
		    background-image: radial-gradient(circle at 50% -6%,#ffb83d 2%,#f59b00);
		    height:78px;
		}
		.ques-card-bul{
		    background-color: #397bee;
		    background-image: -webkit-radial-gradient(50% -45%,circle,#53a7f5,#397bee);
		    background-image: radial-gradient(circle at 50% -45%,#53a7f5,#397bee);
		    height:78px;
		}
		
		.ques-card-title{
		    font-size: 18px;
		    font-weight: 500;
		    line-height: 24px;
		    position: relative;
		    padding-top: 15px;
		    color: #fff;
		}
		.ques-card-text{
		    line-height: 18px;
		    position: relative;
		    margin-top: 6px;
		    opacity: .7;
		    color: #fff;
		    font-weight: normal;
		}
		.ques-card-num{
		    overflow: hidden;
		    margin: 40px auto 0;
		    border-radius: 50%;
		    position: relative;
		    display: block;
		    width: 80px;
		    height: 80px;
		}
		
		.ques-card-num:before {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 76px;
		    height: 76px;
		    content: '';
		    border: 2px solid rgba(255,255,255,.9);
		    border-radius: 100%;
		}
		.ques-card-num:hover:before {
		    background-color: rgba(0,0,0,.3);
		}
		
		.ques-card-num img{
		    width:100%;
		    height:auto;
		    display:block;
		    border:none;
		}
		.ques-card-name{
		    font-size: 18px;
		    line-height: 24px;
		    margin-top: 10px;
		}
		.ques-card-major{
		    line-height: 18px;
		    margin-top: 6px;
		    color: #a3a3a3;
		}
		.ques-card-field{
		    font-size: 12px;
		    line-height: 18px;
		    height: 18px;
		    margin-top: 25px;
		    text-align: center;
		    color: #000;
		}
		.ques-card-tag{
		    font-size: 12px;
		    margin: 6px 0 25px;
		}
		.ques-card-tag span{
		    line-height: 17px;
		    display: inline-block;
		    max-width: 84px;
		    height: 18px;
		    padding: 0 6px;
		    color: #fa9600;
		    border: 1px solid #f5cc84;
		    border-radius: 2px;
		    margin: 0 4px;
		}
		
		.ques-card-help{
		    display: block;
		    margin: 20px auto;
		    line-height: 29px;
		    width: 90px;
		    height: 30px;
		    text-align: center;
		    color: #fff;
		    border-radius: 2px;
		    background-color: #2fa9f1;
		}
		.ques-card-bots{
		    line-height: 18px;
		    margin-top: 25px;
		    color: #a3a3a3;
		}
		.ques-section-item+.ques-section-item {
		    margin-left: 20px;
		}
		.ques-card-title-top{
		    padding: 27px 0;
		}
		.ques-card-list{
		    text-align:left;
		}
		
		.ques-card-list li{
		    position: relative;
		}
		
		.ques-card-list-noe:before {
		    position: absolute;
		    z-index: 2;
		    top: 6px;
		    left: 37px;
		    display: block;
		    content: '';
		    background-position: -115px -44px;
		    width: 20px;
		    height: 20px;
		    background-image:url("http://live.7cx.top/addons/cx_show/template/static/images/icon-body.png");
		}
		
		.ques-card-list-three:before {
		    position: absolute;
		    z-index: 2;
		    top: 6px;
		    left: 37px;
		    display: block;
		    content: '';
		    background-position: -115px -88px;
		    width: 20px;
		    height: 20px;
		    background-image:url("http://live.7cx.top/addons/cx_show/template/static/images/icon-body.png");
		}
		.ques-card-list li:after {
		    position: absolute;
		    bottom: 0;
		    left: 10px;
		    display: block;
		    width:100%;
		    height: 1px;
		    content: '';
		    background-color: #ffffff;
		}
		.ques-list-box{
		    position: relative;
		    display: block;
		    padding: 16px 15px 17px;
		}
		.ques-list-head{
		    position: relative;
		    float: left;
		    padding-right: 8px;
		}
		.ques-list-image{
		    position: relative;
		    display: block;
		    width: 40px;
		    height: 40px;
		    z-index: 2;
		    margin: 0 auto;
		}
		.ques-list-image:before {
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 38px;
		    height: 38px;
		    content: '';
		    border: 2px solid #f87851;
		    border-radius: 100%;
		}
		.ques-list-image img{
		    border-radius: 100%;
		    width:100%;
		    height: 100%;
		    display:block;
		    border:none;
		}
		.ques-list-name{
		    overflow: hidden;
		    margin-right: 33px;
		}
		.ques-list-name-head{
		    line-height: 35px;
		    color: #333;
		}
		.ques-list-name-text{
		    font-size: 12px;
		    line-height: 35px;
		    margin-top: 2px;
		    color:#333;
		    float: right;
		}
		.ques-list-name-icon{
		    font-size: 12px;
		    line-height: 24px;
		    position: absolute;
		    top: 50%;
		    right: 14px;
		    display: block;
		    margin-top: -13px;
		    text-align: center;
		    color: #fff;
		    background-position: 0 -60px;
		    width: 25px;
		    height: 25px;
		    background-image:url("http://live.7cx.top/addons/cx_show/template/static/images/icon-body.png")
		}
		
		.item-icon001{
		    background-position: -62px -27px;
		    width: 25px;
		    height: 25px;
		    display:block;
		}
		
		.item-icon002{
		    background-position: -62px 0;
		    width: 25px;
		    height: 25px;
		}
		
		.item-icon003{
		    background-position: -28px -32px;
		    width: 25px;
		    height: 25px;
		}
		.item-icon004{
		    background-position: 0 -60px;
		    width: 25px;
		    height: 25px;
		}
		.item-icon005{
		    background-position: 0 -60px;
		    width: 25px;
		    height: 25px;
		}
		
		.ques-list-box:hover {
		    cursor: pointer;
		    background-color: #f5f5f5;
		}
		.ques-card-list-two:before {
		    background-position: -115px -66px;
		    width: 20px;
		    height: 20px;
		    position: absolute;
		    z-index: 2;
		    top: 6px;
		    left: 37px;
		    display: block;
		    content: '';
		    background-image: url(http://live.7cx.top/addons/cx_show/template/static/images/icon-body.png);
		}