.wrapper{
    width:100%; margin:0 auto;
}
.card_wrap{
    /*width:400px;*/
    height:584px; position:relative; overflow:hidden; display:none;
}
.card_cont{width:100%; height:530px; box-sizing:border-box; margin:0 auto; position:absolute;
    background:url(../images/test_card_bg.png) no-repeat center top;
    background-size:100% auto; padding:8px 20px 18px;
    transition:all ease .5s; -webkit-transition:all ease .5s;
    -moz-transition:all ease .5s;
    -ms-transition:all ease .5s;
    transform:scale(0,0);
    -moz-transform:scale(0,0);
    -ms-transform:scale(0,0);
    -o-transform:scale(0,0);
    -webkit-transform:scale(0,0);
    bottom:0; display:none;
}
.card{
    width: 550px; height:100%; position:relative; margin:0 auto; padding:0 18px; }
.card .card_bottom{width:100%; position:absolute; bottom:28px; left:0; box-sizing:border-box; padding:0 28px; margin-bottom: -10px;}
.card .card_bottom a{color:#6da8dd; cursor:pointer; font-size: 26px;}
.card .card_bottom span{float:right; color:#909090;font-size: 26px}
.card .card_bottom span b{color:#666; font-weight:inherit}
.card_cont.card1{ display:block;transform:scale(1,1) translate(0,0) !important ;  -ms-transform:scale(1,1) translate(0,0) !important ;
    -moz-transform:scale(1,1) translate(0,0) !important ; -webkit-transform:scale(1,1) translate(0,0) !important ; }
.card_cont.card2{ display:block;transform:scale(.85,.85) translate(0,-62px) !important ; -ms-transform:scale(.85,.85) translate(0,-62px) !important ;
    -moz-transform:scale(.85,.85) translate(0,-62px) !important ;
    -webkit-transform:scale(.85,.85) translate(0,-62px) !important;}
.card_cont.card3{ display:block;transform:scale(.72,.72) translate(0,-135px) !important ;
    -ms-transform:scale(.72,.72) translate(0,-135px) !important ;
    -moz-transform:scale(.72,.72) translate(0,-135px) !important ;
    -webkit-transform:scale(.72,.72) translate(0,-135px) !important ;}
.card_cont.cardn{display:block;transform:translate(0,-1000px) !important;
    -moz-transform:translate(0,-1000px) !important; -ms-transform:translate(0,-1000px) !important;
    -webkit-transform:translate(0,-1000px) !important;}
.question{display:table-cell; height:80px; font-size:16px; font-weight:100; color:#fff; line-height:1.4; vertical-align:middle;
    /*padding-left:1em*/
}
.question span{margin-left:-1em}
/*Radio Specific styles*/
input[type='radio']{ display: none;cursor: pointer;}input[type='radio']:focus, input[type='radio']:active{outline: none;}
input[type='radio'] + label {  cursor: pointer;  display: inline-block;  position: relative;  padding-left: 28px;  color: #666;}
input[type='radio']:checked + label {color: #6da8dd !important;}input[type='radio'] + label:before, input[type='radio'] + label:after{  margin-top: 8px; content: '';  font-family: helvetica;  display: inline-block;  width: 20px;  height:20px;  left: 0;  top: 0;  text-align: center;  position: absolute;}input[type='radio'] + label:before {background-color:transparent;}input[type='radio'] + label:after {color: #6da8dd;}input[type='radio']:checked + label:before {  -moz-box-shadow: inset 0 0 0 5px #fff;  -webkit-box-shadow: inset 0 0 5px #fff;  box-shadow: inset 0 0 0 5px #fff;   border:1px solid #6da8dd;  background-color:#6da8dd;}input[type='radio'] + label:before {  -moz-border-radius: 50%;  -webkit-border-radius: 50%;  border-radius: 50%;  border:1px solid #6da8dd;}input[type='radio'] + label:hover:after {color: #6da8dd;}input[type='radio']:checked + label:after, input[type='radio']:checked + label:hover:after {color: #6da8dd;}
ul.select{margin-top:30px}ul.select li{height:46px;line-height: 1.2;margin: 0 0 18px 0;}

.text1{
    background-color: #6da9de;
    display: block;
    padding-top: 20px;
}
label{
    font-size: 24px;
    font-weight: 400;
}

.xuanfu{z-index: 999}