.panel-pic{border-radius: 8px;}
        .nav_more{width: 180px !important;}
        .panel-close{background:#fff;border-top:0;color:rgba(4,4,4,1);}
        .cg-item-panel{background:#f7f7f7;}
        #iphonexwrapper {
            padding-bottom:30px;
        }
       @media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
            #iphonexwrapper {
                min-height:760px;
            }
         .nav-bar {
                padding-bottom:20px;
            }
         }
        .survey_list .list_li{padding-right:0 !important;display:flex;}
        .list_li_conent{width:260px;margin-right:20px;margin-bottom:0;flex:1 1 auto;overflow:hidden}
        .list-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;width:79px;flex:0 0 auto;border-left:1px solid #F5F5F5;}
        .survey_list .list_li .list_text{height:auto;margin-bottom:10px;}
        .survey_list .list_r{position:static;width:auto;margin-bottom: 6px;}
        .que_munber{font-size:12px;color:#B3B3B3}
        .panel-tit{padding: 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
        .list-box {line-height:20px}
         .search-clear{margin-right:10px;}
        .search-bar-input{background:#f3f4f5 }
        a{
            -webkit-tap-highlight-color:rgba(0,0,0,0);
        }
        

            .refresh-box {
                position: fixed;
                top: 35%;
                left: 50%;
                transform: translateX(-50%);
                width: 156px;
                height: 36px;
                line-height: 36px;
                font-size: 16px;
                color: #fff;
                text-align: center;
                border-radius: 20px;
                background-color: rgba(0, 0, 0, .6);
            }
        

            .nav_active {
                background: #1E9FFA
            }
            .header_nav {
                width: auto;
                overflow: hidden;
                padding-top: 0;
                align-self: center;
            }
            .header_nav li {
                box-sizing: border-box;
                border: 2px solid #1E9FFA;
                padding: 0 16px;
                height: 30px;
                line-height: 30px;
                display: flex;
                align-items: center;
            }
            .nav_active a {
                color: #fff !important;
            }
            .header_nav li:first-child {
                border-radius: 999px 0 0 999px;
            }
            .header_nav li:last-child {
                border-left: medium none;
                border-radius: 0 999px 999px 0;
            }
            .header_nav li a {
                color: #1E9FFA;
            }

            #search-section2 {
                margin: 10px 14px;
                border-radius: 15px;
                background-color: #E8E8E8;
                -webkit-transition: all .5s ease-in-out 1s;
              -o-transition: all .5s ease-in-out 1s;
              -moz-transition: all .5s ease-in-out 1s;
              transition: all .5s ease-in-out 1s;

            }
            #search-section2 .search-bar-box,
            #search-section2 .search-bar-input{
                background-color: #E8E8E8;
            }
            #search-section2 .topic-input-link {
                justify-content: flex-start;
            }