html { font-size : 13.33337vw !important; } 
/*全局*/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin : 0; padding : 0; } 
body { font-size : .28rem; } 
a { text-decoration : none; } 
/* 调查问卷 */

.bg-eff2f5 { background : #eff2f5; } 
.mg-43 { margin : 0 5.733333vw; } 
.height-30 { height : 2.248876vh; } 
.height-120 { height : 8.995502vh; } 
.header { height : 8.995502vh; line-height : 8.995502vh; background : #eff2f5; font-size : .42rem; position : fixed; top : 0; width : 100vw; z-index : 9999; } 
.header-title { text-align : center; position : relative; } 
.header .icon-zuo { font-size : .42rem; position : absolute; left : 0; } 
#result { } 
.fiexd-bottom { background : #fff; bottom : 0; left : 0; width : 100%; display: flex; justify-content: space-between; } 
.btn-submit-result { color : #fff; display : inline-block; font-size : .36rem; background : #2174c1; padding : 2.623688vh 0; width : 100%; text-align : center; margin-bottom : 25px; border:1px solid #2174c1; } 
.btn-submit-jixu { color : #2174c1; display : inline-block; font-size : .36rem; background : #ffffff; padding : 2.623688vh 0; width : calc(50% - 10px); text-align : center; margin-bottom : 25px; border:1px solid #2174c1; } 

#result .dcwj-title { font-size : .44rem; font-weight : bold; margin-top : 4.497751vh; margin-bottom : 4.497751vh; } 
#result .h2-title { font-size : .28rem; color : #9d9b9b; font-weight : normal; margin-top : 3.748126vh; margin-bottom : 2.698651vh; } 
#result .item-line { font-size : .32rem; color : #000; padding : 2.248876vh 0; border-bottom : 1px solid #ededed; } 
#result .item-title { background : #fafafa; padding : 1.949025vh 5.733333vw; color : #000; font-size : .36rem; } 
#result .item-line span { width : 30.133333vw; display : inline-block; } 
#result .item-value { padding : 1.8vh 3vw; padding-left: 5vw; color : #4e4e4e; font-size : .32rem; } 
/* 调查问卷 */

/*我的问卷*/

#result .index-list { border-bottom : 1px solid #ededed; padding : 2.998501vh 0; } 
#result .index-list-title { color : #000; font-size : .35rem; line-height : 1.8; } 
#result .index-list-value { display : flex; align-items : center; justify-content : space-between; } 
#result .shijian { color : #9b9a9a; font-size : .28rem; } 
#result .btn-detail { width : 26.666667vw; height : 4.497751vh; background : #e4f2ff; display : inline-block; text-align : center; line-height : 4.497751vh; font-size : .28rem; color : #2174c1; } 
a.disabled { background : rgba(33,116,193,.5) !important; } 
/*我的问卷*/


.radio { margin : .25rem; } 
.radio input[type='radio'] { position : absolute; opacity : 0; } 
.radio input[type='radio'] + .radio-label:before { content : ''; background : #f4f4f4; border-radius : 100%; border : 1px solid #b4b4b4; display : inline-block; width : 1.4em; height : 1.4em; position : relative; top : -.2em; margin-right : 1em; vertical-align : top; cursor : pointer; text-align : center; -webkit-transition : all 250ms ease; transition : all 250ms ease; } 
.radio input[type='radio']:checked + .radio-label:before { background-color : #3197ee; box-shadow : inset 0 0 0 4px #f4f4f4; } 
.radio input[type='radio']:focus + .radio-label:before { outline : none; border-color : #3197ee; } 
.radio input[type='radio']:disabled + .radio-label:before { box-shadow : inset 0 0 0 4px #f4f4f4; border-color : #b4b4b4; background : #b4b4b4; } 
.radio input[type='radio'] + .radio-label:empty:before { margin-right : 0; } 

.radio-label { display: inline-block; width: 100%; } 


.checkbox { margin : .5rem; } 
.checkbox input[type='checkbox'] { position : absolute; opacity : 0; } 
.checkbox input[type='checkbox'] + .checkbox-label:before { content : ''; background : #f4f4f4; /*border-radius: 100%; */
 border : 1px solid #b4b4b4; display : inline-block; width : 1.4em; height : 1.4em; position : relative; top : -.2em; margin-right : 1em; vertical-align : top; cursor : pointer; text-align : center; -webkit-transition : all 250ms ease; transition : all 250ms ease; } 
.checkbox input[type='checkbox']:checked + .checkbox-label:before { background-color : #3197ee; box-shadow : inset 0 0 0 4px #f4f4f4; } 
.checkbox input[type='checkbox']:focus + .checkbox-label:before { outline : none; border-color : #3197ee; } 
.checkbox input[type='checkbox']:disabled + .checkbox-label:before { box-shadow : inset 0 0 0 4px #f4f4f4; border-color : #b4b4b4; background : #b4b4b4; } 
.checkbox input[type='checkbox'] + .checkbox-label:empty:before { margin-right : 0; } 


.result-list:focus { outline: none; border: none; }