[genuitec-file-id="wc1-65"],[genuitec-lp-path="/zhiping/WebRoot/oversea_css/mobile/screening.css"],[genuitec-lp-enabled=false]{
  /* for codelive */
}

body {
            color: #333333;
        }
        /* 主内容区 */
        .main-content {
            display: flex;
            min-height: calc(100vh - 180px);
        }
        /* 左侧侧边栏 */
        .sidebar {
            width: 20%;
            background-color: #f9f9f9;
            padding: 16px 0;
        }
        .sidebar-item {
            padding: 16px 20px;
            font-size: 14px;
            color: #333;
            cursor: pointer;
        }
        .sidebar-item.active {
            color: #007aff;
            background-color: #ffffff;
            border-left: 3px solid #007aff;
        }
        /* 右侧内容区 */
        .content {
            flex: 1;
            padding: 16px;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
        .tag-item {
            padding: 10px 10px;
            border: 1px solid #e0e0e0;
            border-radius: 10px;
            font-size: 14px;
            text-align: center;
            color: #666;
            background-color: #f7f7f7;
            cursor: pointer;
        }
        .tag-item.active {
            border-color: #007aff;
            color: #007aff;
            background-color: #ffffff;
        }
        .screening_1{
        	width: 100%; background-color: white;
        }
        .screening_2{
        	width: 100%; height: 10px;
        }
        .screening_3{
        	width: 94%; margin-left: 3%; height: 35px; background-color: #f6f6f6; border-radius: 45px;
        }
        .screening_4{
        	width: 100%; height: 1px;
        }
        .screening_5{
        	width: 30px; display: inline-block; vertical-align: middle; text-align: right;
        }
        .screening_6{
        	width: 20px;
        }
        .screening_7{
        	width: calc(100% - 40px); display: inline-block; vertical-align: middle; margin-left: 5px;
        }
        .screening_8{
        	width: 98%; height: 30px; border: 0px; border-bottom-right-radius: 45px; border-top-right-radius: 45px; outline: none; font-size: 14px; background-color: transparent;
        }
        .screening_9{
        	width: 100%; height: 10px;
        }
        .screening_10{
        	width: 100%; height: 65px;
        }
        .screening_11{
        	width: 100%; background-color: white; position: fixed; z-index: 999; bottom: 0;
        }
        .screening_12{
        	width: 100%; height: 10px;
        }
        .screening_13{
        	width: 39%; margin-left: 2%; display: inline-block; vertical-align: middle; text-align: center;
        }
        .screening_14{
        	width: 95%; background-color: #f6f6f6; height: 45px; border: 0px; border-radius: 10px; font-size: 14px; outline: none;
        }
        .screening_15{
        	width: calc(100% - 43%); display: inline-block; vertical-align: middle; text-align: center;
        }
        .screening_16{
        	width: 95%; background-color: #2e7ff8; color: white; height: 45px; border: 0px; border-radius: 10px; font-size: 14px; outline: none; box-shadow: 0px 0px 5px 1px #8bb6fd;
        }
        .screening_17{
        	width: 100%; height: 10px;
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }
        .screening_{
        	
        }