@charset "utf-8";
/* CSS Document */

body{ font:12px/24px "Microsoft YaHei","微软雅黑"; color:#333; background-color:#f0f2f5; word-wrap:break-word; min-width:1024px; display:flex; align-items:center; justify-content:center; min-height:100vh; padding:30px;}
*{ margin:0; padding:0;}
ul,ol,li{ list-style:none outside;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
.left{ float:left;}
.right{ float:right;}
.center{ text-align:center;}
.tx_l{ text-align:left;}
.tx_r{ text-align:right;}
.tx_2{ text-indent:2em;}
.bold{ font-weight:bold;}
img{ border:medium none; vertical-align:middle;}
textarea{ resize:none; vertical-align:middle;}
input,button,select,textarea{ border:medium none; background:none; outline:none; font:1em/normal "Microsoft YaHei","微软雅黑";}
.btn{ cursor:pointer;}
.clearfix:after{ content:"."; display:block; clear:both; height:0; line-height:0; font-size:0; visibility:hidden;}

.red{ color:#ff0000!important;}
.wid_100{ width:100%!important;}
.pl_0{ padding-left:0!important; min-width:1004px;}


/*登录*/
.login_bg{ background:#f0f2f5;}
.login_box{ width:420px; padding:36px 40px 40px; background:#fff; border-radius:14px; box-shadow:0 14px 40px rgba(0,0,0,0.08); position:relative;}
.login_tit{ font-size:28px; line-height:1.3; color:#111827; text-align:center; margin-bottom:26px; font-weight:600;}
.login_input{ margin-bottom:18px;}
.login_input input{ width:100%; height:50px; line-height:50px; color:#111827; padding:0 16px; font-size:16px; background:#f8fafc; border:1px solid #e5e7eb; border-radius:8px; transition:all .2s;}
.login_input input:focus{ border-color:#4f9cff; box-shadow:0 0 0 3px rgba(79,156,255,0.15); background:#fff;}
.login_btn_box{ text-align:center; margin-top:6px;}
.login_btn{ width:100%; height:50px; background:linear-gradient(135deg,#4f9cff,#2f6ddf); font-size:17px; color:#fff; border-radius:10px; border:none; box-shadow:0 10px 24px rgba(47,109,223,0.35); transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;}
.login_btn:hover{ box-shadow:0 12px 30px rgba(47,109,223,0.45); opacity:.95;}
.login_btn:active{ transform:translateY(1px);}


.page_top{ height:175px; background:url(../images/top_bg.jpg) no-repeat; background-size:cover;}
.top_title{ height:118px; line-height:118px; font-family:"宋体"; padding:0 1%; color:#fff; font-size:16px; overflow:hidden;}
.top_title h4{ font:32px/118px "Microsoft YaHei","微软雅黑"; margin-right:72px;}
.top_title a{ display:inline-block; padding-left:44px; background:url(../images/icon_logout.png) no-repeat left center; margin:0 72px 0 25px; color:#fff;}
.top_nav{ padding-left:14.8%;}
.top_nav ul li{ float:left; width:12%; min-width:140px; overflow:hidden; white-space:nowrap; height:57px; line-height:57px; text-align:center;}
.top_nav ul li a{ display:block; font-size:20px; color:#fff;}
.top_nav ul li a.cur{ background:url(../images/cur_bg.jpg) repeat-x; color:#1366c2;}

.page_cont{ margin:1%;}
.cont_body{ position:relative; padding-left:15%; background-color:#f2f2f1;}
.l_menu{ position:absolute; left:0; top:0; width:14%; min-width:190px; background-color:#fff; padding:1px 0 0 1px; box-sizing:border-box;}
.l_menu ul{ background-color:#e4e4e4;}
.l_menu ul li a{ display:block; height:54px; line-height:54px; font-size:18px; padding-left:30%;}
.l_menu ul li a.cur{ background-color:#2fade1; color:#fff;}
.r_box{ width:100%; min-height:272px; padding:16px 25px 73px 0px; box-sizing:border-box; overflow-x:auto;}


.top_site{ height:58px; background-color:#fff; border:1px solid #8d8d8d; border-radius:8px; font-size:16px; margin-bottom:16px;}
.here{ float:left; line-height:58px; color:#000; padding-left:2%;}
.search_box{ float:right; width:65%; padding:12px 0 12px 2%;}
.search_box label{ position:absolute; left:0; line-height:34px;}
.search_box input,.search_box select{ border-radius:8px; background-color:#f2f2f2; border:1px solid #e5e5e5; color:#333; box-sizing:border-box;}
.search_input{ position:relative; float:left; width:23%; margin-right:2%; padding-left:85px; box-sizing:border-box;}
.search_select{ position:relative; float:left; width:17%; margin-right:2%; padding-left:53px; box-sizing:border-box;}
.search_btn{ position:relative; float:left; width:55%;}
.search_box .txt{ width:100%; height:32px; line-height:32px; padding:0 6%;}
.search_box select{ width:100%; padding:4px 6% 5px;}
.search_box .btn{ float:left; width:19%; height:34px; background-color:#0086d7; color:#fff; margin-right:1%; border:none;}
.wid_40{ width:40%;}
.wid_40 .search_input,.wid_46 .search_input{ width:66%;}
.wid_40 .search_btn,.wid_46 .search_btn{ width:31%; margin-right:1%;}
.wid_40 .search_btn .btn,.wid_46 .search_btn .btn{ width:47%; margin-right:3%;}

.cont_box{ width:100%; border-radius:8px; border:1px solid #8f8f8f; box-sizing:border-box;}
.cont_box table{ width:100%; border-collapse:collapse; font-size:18px; table-layout:fixed;}
.cont_box table tr th{ height:50px; color:#fff; font-weight:normal; background-color:#2fade1; border-right:1px solid #e5e5e5;}
.cont_box table tr td{ height:50px; background-color:#fff; text-align:center; border:1px solid #e5e5e5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0.5%;}
.cont_box table tr.even td{ background-color:#f2f2f2;}
.cont_box table tr:first-child th:first-child{ border-top-left-radius:8px;}
.cont_box table tr:first-child th:last-child{ border-top-right-radius:8px;}
.cont_box table tr:last-child td:first-child{ border-bottom-left-radius:8px;}
.cont_box table tr:last-child td:last-child{ border-bottom-right-radius:8px;}
.cont_box table tr td:first-child{ border-left:0;}
.cont_box table tr:last-child td{ border-bottom:0;}
.cont_box table tr th:last-child,.cont_box table tr td:last-child{ border-right:0;}
.cont_box table tr td input[type="checkbox"]{ width:22px; height:22px; background-color:#f2f2f2; border:1px solid #999;}
.call_btn{ width:21px; height:22px; background:url(../images/call.png) no-repeat;}


/*任务管理*/
.pl_0 .r_box{ padding-left:25px; padding-right:25px;}
.pl_0 .r_wrapper{ min-width:auto;}
.cont_box a{ color:#0030ff; text-decoration:underline;}
.flip{ font-size:18px; padding-top:20px;}
.flip .left span{ color:#2fade1; margin-left:12px;}
.flip ul{ float:left; margin-right:20px;}
.flip ul li{ float:left;}
.flip ul li a{ display:block; width:28px; height:28px; line-height:28px; background-color:#e4e4e4; border:1px solid #d6d3d3; text-align:center; margin:0 9px;}
.flip ul li a.cur{ background-color:#2fade1; color:#fff;}
.flip input{ width:32px; height:22px; background-color:#f2f2f1; color:#333; border:1px solid #b8b8b8; padding:0 5px; text-align:center; margin:0 12px;}


.page_pop{ position:absolute; top:20%; left:50%; background-color:#fff; border:1px solid #999; box-shadow:10px 12px 15px #999; box-sizing:border-box;}
.call_number{ top:30%; margin-left:-31%; width:62%; min-width:882px; padding:0 4%;}
.pop_tit{ font-size:18px; color:#032f64; text-align:center; padding:34px 0 15px; border-bottom:1px dashed #ccc;}
.pop_cont table{ width:100%; font-size:15px; color:#666; table-layout:fixed;}
.pop_cont tr th{ height:52px; color:#333; font-weight:normal; border-bottom:1px dashed #ccc;}
.pop_cont tr td{ text-align:center; height:30px; padding:0 1%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pop_cont tr.pt_1 td{ padding-top:1%;}
.pop_cont tr.pb_1 td{ padding-bottom:1%;}
.bor_btm td{ border-bottom:1px dashed #ccc;}
.btn_box{ height:34px; text-align:center; padding:25px 0; border-top:1px dashed #ccc;}
.btn_box .btn{ width:100px; height:34px; font-size:16px; border-radius:5px; margin:0 18px;}
.btn_close{ background-color:#ccc;}

.import_doctor,.user_set{ width:462px; top:40%; padding:0 50px; margin-left:-241px;}
.import_doctor .pop_cont{ height:30px; padding:23px 0;}
.import_doctor label,.user_set label{ float:left; font-size:15px; line-height:30px;}
.import_doctor .txt,.user_set .txt{ float:left; width:194px; height:28px; line-height:28px; border:1px solid #999; padding:0 10px; color:#333; margin-right:5px;}
.btn_import{ background-color:#00cc00; color:#fff;}
.select_btn{ width:64px; height:30px; font-size:15px; color:#fff; background-color:#0086d7;}

.advanced_search{ width:56%; min-width:565px; top:8%; padding:0 4%; margin-left:-28%;}
.search_form{ padding-top:20px;}
.input_line{ margin-bottom:20px; font-size:15px;}
.input_one{ position:relative; width:46%; padding-left:112px; box-sizing:border-box; font-size:15px;}
.input_one label,.info_one label,.target_one label,.email_one label{ position:absolute; top:0; left:0; width:105px; text-align:right; line-height:30px;}
.input_one .txt,.input_one select,.info_one .txt,.info_one select,.target_one ul li .txt,.set_line select{ width:100%; height:30px; line-height:30px; border:1px solid #999; color:#666;}
.input_one .txt,.info_one .txt,.target_one ul li .txt{ width:100%; padding:0 2%; box-sizing:border-box;}
.input_one select,.info_one select{ float:left; width:49%;}
.mr_2{ margin-right:2%;}
.input_one ul li,.info_one ul li,.target_one ul li{ float:left; height:30px; line-height:30px; color:#666; margin-right:11%;}
input[type="checkbox"],input[type="radio"]{ width:19px; height:19px; margin-right:5px; vertical-align:-4px;}
.wid_100 ul li{ margin-right:4%;}
.input_one .two_text{ position:relative;}
.input_one .two_text .txt{ width:47%;}
.input_one .two_text span{ position:absolute; left:50%; margin-left:-7px; display:block; width:14px; line-height:30px;}


.back_btn{ width:100px; margin-right:1%;}
.back_btn .btn{ width:100%;}
.info_box{ background-color:#fff; border-radius:8px; border:1px solid #878787; font-size:18px; margin-bottom:12px;}
.info_tit{ height:50px; line-height:50px; background-color:#f2f2f2; padding-left:2%; border-top-left-radius:8px; border-top-right-radius:8px; border-bottom:1px solid #e5e5e5;}
.info_tit p{ float:left;}
.r_btn{ float:right; width:453px; margin-right:0.6%;}
.r_btn .btn{ padding:0 34px; height:34px; line-height:34px; color:#fff; font-size:16px; background-color:#0086d7; margin-right:1%; border-radius:8px;}

.info_line{ padding:0 11%; border-bottom:1px solid #e5e5e5; font-size:18px;}
.info_line:last-child{ border-bottom:0;}
.info_one{ position:relative; width:24%; padding:10px 0 10px 130px;}
.info_one label{ width:130px; top:10px;}
.info_one:first-child{ padding-right:120px; border-right:1px solid #e5e5e5;}
.email_btn{ width:26px; height:18px; background:url(../images/email.jpg) no-repeat;}
.info_one .call_btn{ position:absolute; top:14px; right:18px;}
.info_one .email_btn{ position:absolute; top:16px; right:62px;}

.info_one span{ font-size:16px; color:#666; line-height:30px;}
.target_line{ padding:10px 0 10px 11%; border-bottom:1px solid #e5e5e5;}
.target_one{ position:relative; padding-left:130px;}
.target_one label{ width:130px;}
.target_one ul li{ position:relative; width:16%; padding-left:84px; margin:0 2% 10px 0;}
.target_one ul li p{ position:absolute; left:0;}

.email_one{ position:relative; padding:10px 0 10px 130px;}
.email_one label{ width:130px; line-height:108px; top:10px;}
.email_one textarea{ width:100%; height:108px; border:1px solid #999; color:#666; padding:10px; box-sizing:border-box;}

.call_log table{ width:100%; border-collapse:collapse; table-layout:fixed; padding:0 0.5%;}
.call_log tr th{ background-color:#c8c7c7; font-weight:normal;}
.call_log tr th,.call_log tr td{ height:50px; font-size:18px; border:1px solid #e5e5e5; text-align:center;}
.call_log tr td{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.call_log tr th:first-child,.call_log tr td:first-child{ border-left:0}
.call_log tr th:last-child,.call_log tr td:last-child{ border-right:0;}
.call_log tr:last-child td{ border-bottom:0;}
.record_btn{ width:32px; height:24px; background:url(../images/record.jpg) no-repeat;}



/*任务管理-预约呼叫*/
.wid_46{ width:46%;}


/*任务管理-呼叫记录*/
.wid_48{ width:48%;}
.wid_48 .search_input{ width:52%;}
.wid_48 .search_btn{ width:45%;}
.wid_48 .search_btn .btn{ width:31%; margin-right:2%;}


/*后台管理-用户管理*/
.add_btn{ width:100px; margin-right:0.8%;}
.add_btn .btn{ width:100px;}


/*后台管理-用户管理-添加用户*/
.user_set{ top:16%;}
.set_line label{ position:absolute; left:0; width:114px; text-align:right; float:none;}
.set_line .txt{ width:100%; float:none; margin-right:0; box-sizing:border-box; font-size:15px;}
.set_line select{ font-size:15px;}
.set_line{ position:relative; padding-left:114px; margin-bottom:20px;}
.pop_cont .bor_btm{ margin:20px 0; border-bottom:1px dashed #ccc;}





@media screen and (max-width:1100px){
	.top_title a{ margin-right:20px;}
}
@media screen and (max-width:1400px){
	.top_nav{ padding-left:201px;}	
	.cont_body{ padding-left:200px;} 
	.call_number{ margin-left:-441px;}
	.input_one .two_text .txt{ width:44%;}
	.wid_40{ width:60%;}
	.wid_46,.wid_48{ width:65%;}
}
@media screen and (max-width:1250px){
	.info_line{ padding:0 1.5%;}
}
@media screen and (max-width:1024px){ 
	.advanced_search{ margin-left:-282.5px;}
}