body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,form,fieldset,legend,input,button,textarea,blockquote,hr,pre{margin:0;padding:0}h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}fieldset,img{border:0}address,cite,dfn,em,var{font-style:normal}li{list-style:none}input,select{vertical-align:middle}legend{color:#000}code,kbd,pre,samp,tt{font-family:"Courier New",monospace}small{font-size:12px}hr{border:none;height:1px}button,input,select,textarea{font:12px/1 Arial,Tahoma,Helvetica,SimSun,san-serif}a{outline:none;blur:expression(this.onFocus=this.blur());}abbr[title]{border-bottom:1px dotted;cursor:help}html{overflow-y:scroll}input[type="submit"]{cursor:pointer}a:focus{outline:none}html{-webkit-text-size-adjust:none}
a{word-wrap:break-word; }
body{font-family:microsoft yahei,Arial,Helvetica, sans-serif; margin:0 auto;}
.question-list li{ padding:18px 15px 18px 20px; text-align:left;border-bottom: 1px solid #e8e8e8; position:relative;background:white;}
.question-list li h1{line-height:25px; font-size:16px; padding-right:20px}
.question-list li section{ color:#999; line-height:22px; display:none; font-size:16px;    padding: 10px 15px 0 0;}
.question-list li h1:after {
    position: absolute;
    right: 17px;
    top: 27px;
    width: 0;
    height: 0;
    content: "";
    border-width: 7px 7px 0 7px;
    border-style: solid;
    border-color: #fff transparent;
    -webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;
}

.question-list li h1:before {
    position: absolute;
    right: 16px;
    top: 28px;
    width: 0;
    height: 0;
    content: "";
    border-width: 8px 8px 0 8px;
    border-style: solid;
    border-color: #CACACA transparent;
    -webkit-transition: transform .25s;
       -moz-transition: transform .25s;
        -ms-transition: transform .25s;
         -o-transition: transform .25s;
            transition: transform .25s;
}

.question-list li h1.active:after{       
    top:30px;
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); 
}
.question-list li h1.active:before{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);        
}















