chrome_extensions/css/popup.css

.srui_button{
	    background: #409EFF;
    color: #fff;
    border-radius: 2px;
    padding: 8px 12px;
    margin-right: 5px;
    border: none;
    cursor: pointer;
    font-size: 16px;
}
.srui_button_sec{
	background:#ddd;
	color:#000;
}
.srui_button:hover{
	background:#333 !important;
	color:#fff !important;
}



.srui_textarea{
	padding:5px;
	height:50px;
	width:300px;
	border:1px solid #ddd;
	margin-bottom:5px;
	border-radius: 3px;
}
.srui_textarea_lg{
	width:400px;
	height:120px;
}
.srui_input{
	padding:8px 5px;
	width:200px;
	border:1px solid #ddd;
	margin:5px 0;
	border-radius: 3px;
	display: inline-block;
}
.srui_input_sm{
	width:120px;
}
.srui_input_lg{
	width:400px;
}
.srui_select{
	padding:5px;
	border:1px solid #ddd;
	margin:5px 0;
}


.srui_title{
	display: inline-block;
	width:70px;
}
.srui_tishi{
	font-size:12px;
	color:#666;
	margin:3px 0;
}
.srui_right{
	float: right;
}

/* 边框 */
.srui_border{
	border: 1px solid #ddd;
}
.srui_border_rds{
	border-radius: 4px;
}

/* 文字颜色 */

.srui_color_black{
	color: #222222
}
.srui_color_white{
	color: #ffffff
}
/* 背景色 element-ui */
.srui_bg_blue{
	background-color: #409EFF;
}
.srui_bg_green{
	background-color: #67C23A;
}
.srui_bg_orange{
	background-color: #E6A23C;
}
.srui_bg_yellow{
	background-color: rgb(236, 213, 1);
}
.srui_bg_pink{
	background-color: #F56C6C;
}
.srui_bg_red{
	background-color: rgb(207, 7, 7);
}
.srui_bg_brown{
	background-color: rgb(148, 87, 7);
}
.srui_bg_gray{
	background-color: #909399;
}
.srui_bg_black{
	background-color: #303133;
}
.srui_bg_white{
	background-color: #ffffff;
}

/* 弹出窗口 */
#srui_tmbg{
	width:100%;
	height:100%;
	background:#000;
	opacity:0.4;
	
	position:fixed;
	top:0;
	left:0;
	
	display:none;
}

#srui_tips_box{
	position:fixed;
	max-width: 80%;
	max-height: 70%;
	word-break:break-all; 
	
	top: -40%;
	left: 50%;
	-ms-transform: translate(-40%, -50%);
	-webkit-transform: translate(-40%, -50%);
	transform: translate(-40%, -50%);
	
	padding:20px 40px;
	
	font-size:16px;
	
	z-index:9999999999;
	border-radius:5px;
	
	font-family:Microsoft Yahei,arial;
}

#srui_tips_box .srui_ft{
	margin-top: 10px;
	display: flex;
	justify-content: flex-end;
	text-align: right
}



/*开关*/
.srui_switch_btn{
	width:36px !important;
	height:20px;
	position:relative;
	display:inline-block;
	cursor:pointer;
}
.srui_switch_btn i{
	position:absolute;
	
	/* width:22px;
	height:22px; */
	width:16px;
	height:16px;
	background:#fff;
	border-radius:50%;
	
	display:inline-block;
	/* -moz-box-shadow:-1px 2px 5px #333333; 
	-webkit-box-shadow:-1px 2px 5px #333333; 
	box-shadow:-1px 2px 5px #333333; */

    top: 1px;
}
.srui_switch_btn[data-on="off"] i{
	/* left:0; */
		
	left: 2px;
}
.srui_switch_btn[data-on="on"] i{
	/* right:0; */
	right:2px;
}

.srui_switch_btn em{
	display:inline-block;
	width:36px;
	height:18px;
	background:#ccc;
	border-radius:10px;
	/* margin-top:3px; */
	display:inline-block;
}
.srui_switch_btn[data-on="on"] em{
	background:#3089dc
}
#popupname{
	width:200px;
	overflow:hidden
}
#popupname img{
	float:left;
	margin-right:5px;
}
#popupname span{
	height:26px;
	line-height:20px;
	display:inline-block;
	
}

#content{
	min-width: 220px;
	padding: 10px;
	font-size: 13px;
}

.head{
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.head .title{
	font-size: 16px;
	font-weight: bold
}

.logout{
	float: right;
	text-decoration: none;
	color: #333;
	display: none;
}
.logout:hover{
	color: rgb(211, 3, 3);
}
h2{    color: #FF9800;
    font-size: 22px;    margin-bottom: 5px;}