@charset "utf-8";

body{ overflow: hidden;  }
.home{ background: url(../images/homebg_mini.jpg) no-repeat center center; background-size:cover; height: 100vh;}
.home .page_w,.dialog_all{ height: 100%; position: relative; z-index: 3;}

.c_f00{ color: #f00 !important; }
.c_f60{ color: #f60 !important; }
.c_09c{ color: #09c !important; }
.c_999{ color: #999 !important; }
.c_666{ color: #666 !important; }

.mt20{ margin-top:20px !important; }

.send_a{ color: #09c; }
.send_a:hover{ color: #f60; }


.nova-dialog{ z-index: 29 !important; }

.btn_teach{ display: inline-block; border-radius: 5px; cursor: pointer; background-color: #f80; color: #fff; padding: 0 10px; line-height: 24px; }
.btn_teach:hover{ background-color: #f60; color: #fff; }


.home_h{ position: absolute; left: 0; top: -99px; }
.home_h_p{ position: absolute; left: 0; top: -99px;}

.home_bg_box{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; opacity: 0.95; overflow: hidden; }
.home_bg{ position: absolute; left: 50%; top: 50%; }
.home_bg1{ /*  width: 1500px; height: 1500px; margin: -750px 0 0 -750px; */ position: relative; left: auto; top:auto; width: 100%; height: 100%; background: url(../images/bg3_mini.jpg) no-repeat center center; background-size:cover; -webkit-animation:xz1 20s ease-in-out 0s normal none infinite; box-shadow: 0 0 200px rgba(30,50,90,0.2); opacity: 0.3;}
.home_bg2{ width: 825px; height: 699px; margin: -350px 0 0 -412px; background: url(../images/bg1.png) no-repeat center center; background-size:100%; -webkit-animation:xz2 15s ease-in-out 0s normal none infinite; opacity: 0.4;}

@-webkit-keyframes xz1{0%,100% {  -webkit-transform:rotate(0deg); }50% {  -webkit-transform:rotate(30deg); }}
@-webkit-keyframes xz2{0%,100% {  -webkit-transform:rotate(0deg); }50% {  -webkit-transform:rotate(60deg); }}

.page_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.canvas{ position: absolute; left: 0; top: 0; opacity: 0.5;}
#canvas2{ opacity: 0.7; }


/* 左侧导航 */
.fed_icon{ background: url(../images/fedrobots.png) no-repeat; display: inline-block; background-position: 999px 999px; }
.side_l{ width: 70px; height: 100%; position: absolute; left: 0; top: 0; background-color:rgba(4, 48, 56, 0.6); z-index: 10;}
.logo{/*  background-color: #218799; */ display: block;}
.logo{ padding: 15px 0; line-height: 22px; overflow: hidden; font-size: 18px; text-align: center; color: #fff; -webkit-transition:all 0.2s ease-out 0s; font-weight: normal;}
.logo p{ font-size: 12px; color: #fff; line-height: 16px; padding-bottom: 4px; opacity: 0.6; -webkit-transition:all 0.2s ease-out 0s;}
.logo img{ width: 100%; vertical-align: top; position: absolute; top:-99px;}
.logo:hover h1{ color: #fff; text-shadow:0 0 6px #666; }
.logo:hover p{ opacity: 1; text-shadow:none; }

.nav{ margin-top: 20px; position: relative; z-index: 2;}
.nav li{ /* height: 22px; */ line-height: 22px; padding: 15px 10px; color: #333; cursor: pointer; font-size: 16px; text-align: center; -webkit-transition:all 0.2s ease-out 0s;}
.nav li i{ width: 26px; height: 22px; vertical-align: top;/*  margin-right: 10px; */ opacity: 0.8;}
.nav li h2,.nav li b{ display: block; font-size: 12px; color: #ddd; font-weight: normal; margin-top: 2px; }
.nav_icon1{ background-position: -50px 0;}
.nav_icon2{ background-position: -100px 0; }
.nav_icon3{ background-position: -150px 0; }
.nav_icon4{ background-position: -200px 0;}

.nav_icon5{ background-position: 0 0; }


.nav li:hover,.nav li.active{ box-shadow:-5px 0 10px rgba(255,255,255,0.5); background-color: #f8f8f8; color: #09c;}
.nav li:hover i,.nav li.active i{ opacity: 1; }
.nav li:hover .nav_icon1,.nav li.active .nav_icon1{ opacity: 0.8; background-position: -50px -22px;}
.nav li:hover .nav_icon2,.nav li.active .nav_icon2{ opacity: 0.8; background-position: -100px -22px;}
.nav li:hover .nav_icon3,.nav li.active .nav_icon3{ opacity: 0.8; background-position: -150px -22px;}
.nav li:hover .nav_icon4,.nav li.active .nav_icon4{ opacity: 0.8; background-position: -200px -22px;}
.nav li:hover .nav_icon5,.nav li.active .nav_icon5{ opacity: 0.8; background-position: 0 -22px;}
.nav li:hover h2,.nav li.active h2,.nav li:hover b,.nav li.active b{ color: #333; }

.nav_list{ position: absolute; left: 0; top: 0; margin-left: 100%; width: 200px; background-color: #f8f8f8; height: 100%; display: none; box-shadow: 3px 0 10px #888; overflow-y: auto;}
.nav_list li{ font-size: 16px; cursor: pointer; -webkit-transition:all 0.3s ease-out 0s;}
.nav_list li:nth-child(1){ margin-top: 40px; }
.nav_list li:hover{ background-color: #fff; box-shadow:0 0 3px #ccc;}
.nav_list li a{ padding: 10px 10px 10px 18px; color: #269baf; display: block; /* font-weight: bold; */ }
.nav_list li h3,.nav_list li{ font-weight: normal; color: #269baf; }
.nav_list li p{ font-size: 12px; color: #999; margin-top: 1px; width: 100%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: normal;}
.nav_list li a:hover h3,.nav_list li a:hover{ color: #f60; }
.nav_list li a:hover p{ color: #666; }
.nav_list li.active{ background-color: #fff;}
.nav_list li.active a{ color: #f60;}
.nav_list li.doing a{ color: #bbb; }
.nav_list li.doing p{ color: #ddd; }
.nav_list li.doing small{ font-size: 12px; }
.nav_list li .js_send_text{ padding: 10px 20px; margin-top: 20px; color: #09c;}

.nav_doing{ font-size:20px; margin-top: 60px; text-align: left; color: #666; background: #eee; cursor: default; padding: 0 15px;}
.nav_list .nav_doing p{ font-size: 14px; margin-top: 10px; color: #666;}
.nav_tip_tit{ font-size: 16px; font-weight: normal; color: #333; }
.nav_tip{ font-size: 14px; margin-top: 20px; color: #888;}


.iframe_page_all{ position: absolute; left: 0; top: 0; width: 0; background-color: #fff; height: 100%; box-sizing:border-box; z-index: 9; display: none; -webkit-transition:all 0.4s ease-out 0s; border: rgba(4, 48, 56, 0.8) solid 2px;}
.iframe_page{ position: relative; width: calc(100% - 70px); height: 100%; z-index: 1; text-align: center; font-size: 30px; color: #666; padding-left: 70px; }
.iframe_page iframe{ width: 100%; height: 100%; position: relative; background-color: #fff; z-index: 3;}
.iframe_loading{ position: absolute; left: 0; top: 30%; width: 100%; color: #666; font-size: 26px; line-height: 36px; }
.iframe_loading img{ vertical-align: top; margin-top:6px; margin-right: 20px;}
.iframe_close {  cursor: pointer;  position: absolute; text-align: center; top:0;  right:0;  width: 60px;  height: 60px; z-index: 10; display: none; background-color: rgba(4, 48, 56, 0.8); border-radius: 0 0 0 100%; box-shadow: 0 0 10px rgba(4, 48, 56, 0.8); -webkit-transition:all 0.25s ease-out 0s;}

.iframe_close:hover{ box-shadow: 0 0 10px rgba(4, 48, 56, 1);}
.iframe_close i { display: inline-block; margin: 15px 0 0 10px; width: 17px; height: 17px; background-image: url(../images/public/dialog.png); background-position: -40px 0px;/*  -webkit-animation:sf 1s linear 0s normal none infinite; */ }
.iframe_close:hover i{ background-position: -20px 0px;}
 @-webkit-keyframes sf{0%,100%{  -webkit-transform:scale(1); }50% {  -webkit-transform:scale(1.2); }}




.home_opacity{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0,0.5); }

.dialog_content{ height:80%; position: relative; overflow-y: auto; margin-right: 60px; overflow-x: hidden; -webkit-transition:all 0.4s ease-out 0s;}
.dialog_hr{ width: 1px; height: 80%; position: absolute; left: 52px; top: 0; z-index: 1; -webkit-transition:all 0.4s ease-out 0s;}
.dialog_hr div{ width: 100%; height: 100%; background-color: #19617b; position: absolute; left: 0; bottom: 0; box-shadow: 0 0 8px #2ca7d3;}

.dialog_list{ position: relative; z-index: 2; margin: 30px 0 30px; padding-left: 100px;}
.clearfix:after,.dialog_list:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.dialog_head{ margin-left: -80px; float: left; border:#4397b5 solid 1px; background-color: #fff; border-radius: 50%; width: 60px; height: 60px; -webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s; -webkit-transform:translate(0px,30px);transform:translate(0px,30px); opacity: 0;}


.dialog_text_box{ margin: 8px 0 0 10px; float: left; background-color:rgba(255,255,255,0.92); max-width: 780px; min-width: 50px; min-height: 28px; padding: 10px 10px; border-radius: 0 20px 0 20px; box-shadow: 1px 1px 4px #ddd; -webkit-transition:all 0.2s ease-out 0.2s;transition:all 0.2s ease-out 0.2s; -webkit-transform:translate(100px,0px);transform:translate(100px,0px); opacity: 0;}
.dialog_text{ margin-top: 3px; padding: 0 20px; line-height: 22px; font-size: 14px; overflow: hidden;}
.dialog_text h3{font-size: 18px; margin:20px 0 10px; padding-bottom: 10px; color: #09c; border-bottom:#09c solid 1px;}
.dialog_text h3:nth-child(1){ margin-top: 10px; }
.dialog_text_send{ padding-bottom: 20px; }
.dialog_text_send p{ color: #666; font-size: 12px;}
.dialog_text_send p.send_tit{ color: #DE2979; margin-top: 20px; font-size: 14px;}

/* .dialog_text>.language-javascript{ max-height: 600px; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 0 !important; margin-bottom: 20px !important;}

.dialog_text>.language-javascript::-webkit-scrollbar { width: 4px; background-color:rgba(0,0,0,0.1); border-radius: 3px;  }
.dialog_text>.language-javascript::-webkit-scrollbar-track{ border-radius: 5px; }  
.dialog_text>.language-javascript::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box;  background-color:#2d9aad;} 
.dialog_text>.language-javascript::-webkit-scrollbar-corner { background: transparent;}  */


.doctor_send .dialog_head{ background: url(../images/head1.jpg) no-repeat center center; background-size:cover; cursor: pointer; -webkit-transition:all 0.2s ease-out 0s;}
.doctor_send .dialog_head:hover{ box-shadow: 0 0 20px #67b4d0; border:#67b4d0 solid 1px; }
.my_send .dialog_head{ background: url(../images/head5.jpg) no-repeat center center; background-size:cover; }
.my_send .dialog_head:after{ display: block; width: 100%; height: 100%; content: '访客'; font-size: 14px; line-height: 100px; text-align: center; background-color: rgba(0,0,0,0.6); color: #eee;}
.my_send .dialog_text_box{ background-color:rgba(33,135,153,0.7); color: #fff; box-shadow: 1px 1px 4px rgba(53,232,255,0.7); }
.doctor_send:nth-last-child(1) .dialog_head:after{ display: block; width: 100%; height: 100%; content: ''; background-color: #fff; border-radius: 50%; background: url(../images/head2.jpg) no-repeat center center; background-size:cover; -webkit-animation:headRun 2s linear 0s normal none infinite; }

@-webkit-keyframes headRun{0%,100%{ opacity: 1; }15%,85% { opacity: 0; }}

.send_href,.video_href{ color: #09c; text-decoration: none; }
.send_href:hover,.video_href:hover{ color: #09c; text-decoration: underline; }
.video_href{ margin-bottom: 15px; display: inline-block; }

/* 头像和内容动画 */
.dialog_list_run .dialog_head,.dialog_list_run .dialog_text_box{ -webkit-transform:translate(0px,0px);transform:translate(0px,0px); opacity: 1; }

.dialog_list_search_run .dialog_head{ -webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s; -webkit-transform:translate(0px,0px);transform:translate(0px,0px); opacity: 1;}
.dialog_list_search_run .dialog_text_box{ -webkit-transition:all 0.2s ease-out 0.1s;transition:all 0.2s ease-out 0.1s; -webkit-transform:translate(0px,0px);transform:translate(0px,0px); opacity: 1; }


.dialog_send_box{ display: inline-block;}
.dialog_send{ width: 992px; border:#19617b solid 1px;  box-shadow: 0 0 10px rgba(44,167,211,0.7); height: 102px; border-radius: 80px 80px; background-color:rgba(5,22,25,0.6); position: relative; z-index: 2; overflow: hidden; -webkit-transition:all 0.2s ease-out 0.4s; transition:all 0.2s ease-out 0.4s;}/* rgba(10,46,52,0.8) */

.dialog_input{ font-size: 14px; border:#19617b solid 1px; height: 42px; margin:6px 0 0 50px; padding:10px 20px; background-color:rgba(42, 105, 125, 0.5); outline: none; width: 790px;resize:none;  color: #ddd;}/* rgba(255,255,255,0.3); */
.dialog_input:focus{ background-color:rgba(234, 245, 249, 0.8); color: #000;}/* rgba(234, 245, 249, 0.6) */
.dialog_input_time{ -webkit-transition:all 0.2s ease-out 0s;transition:all 0.2s ease-out 0s;}
.dialog_input::-webkit-input-placeholder { color: #fff; }
.dialog_input:-moz-placeholder {color: #fff;}
.dialog_input:focus::-webkit-input-placeholder { color: #999; }
.dialog_input:focus:-moz-placeholder { color: #999; }
.dialog_input::-webkit-input-placeholder { color: #3584a0; }
.dialog_input::-moz-placeholder { color: #3584a0; }


.dialog_btn_send{ width:90px; height: 90px; line-height: 90px; color: #ddd; text-align: center; border-radius: 50%; position: absolute; right: 6px; top: 6px; font-size: 24px; cursor: pointer;}
.dialog_btn_send:hover{ background-color: #f60; }
@-webkit-keyframes fg{0%,100%{ box-shadow: 0 0 3px #071824; }50% { box-shadow: 0 0 20px #071824; }}
@keyframes fg{0%,100%{ box-shadow: 0 0 3px #071824; }50% { box-shadow: 0 0 20px #071824; }}

.dialog_btn_send span{ background-color: #104E59; border-radius: 50%; display: block; width: 100%; height: 100%;}

.hot_key{ margin:5px 0 0 50px; font-size: 12px; overflow: hidden; height: 22px; line-height: 22px; padding-left: 80px; color: #269baf; -webkit-transition:all 0.6s ease-out 1.4s;transition:all 0.2s ease-out 0.4s;}
.hot_key dt{ width: 80px; margin-left: -80px; float: left; font-weight: bold;}
.hot_key dd{ width: 760px; height: 22px; overflow: hidden; }
.hot_key dd span{ margin-right: 10px; cursor: pointer; display: inline-block; padding: 0 10px; line-height: 18px; border-radius: 9px; border:#19617b solid 1px; /* background-color: rgba(255,255,255,0.5); */}
.hot_key dd span:hover{ border:#83d3f0 solid 1px; color: #b6ecf6; }
.hot_key dd span.active{ color: #ce5505; border:#ce5505 solid 1px; }
.hot_key dd span.active:hover{ color: #f60; border:#f60 solid 1px;}


.btn_cmd{ display: inline-block; font-size: 12px; color: #269baf; border:#269baf solid 1px; cursor: pointer; position: absolute; left: 10px; top: 50%; margin-top: -20px; line-height: 20px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; opacity: 0.8;}
.btn_cmd:hover{ color: #b6ecf6; border:#83d3f0 solid 1px; opacity: 1;}


.reply_tit{ width: 100%; border-top:#bbb solid 1px; padding: 15px 20px 0; margin: -1px 0 15px -20px; color: #333; font-weight: normal;  font-size: 14px; box-shadow: 0 -1px 2px #eee;}
.reply_tit h1{ font-weight: 700; display: inline-block;  }
.reply_tit input,.reply_tit textarea{ display: none; }

.list_tit{ margin-bottom: 6px; display: block; }

.me_edit,.share_send{ color: #6DB3CB; border:#ddd solid 1px; background-color: #fff; padding: 0 10px; font-size: 12px; margin-left:10px; line-height: 16px; height: 16px; display: inline-block; position: relative; border-radius: 3px; cursor: pointer;}
.me_edit:hover{ color: #f60; border-color: #f60; }
.share_send{ color: #f60; border-color: #f60; position: relative;}
.share_send:hover{ color: #f30; border-color: #f30; }
.share_send samp{ position: absolute; left: 0; top: -20px; width: 100%; height: 1px; overflow: hidden; }

/* .home_hide .dialog_send{ opacity: 0;}
.home_hide .dialog_input{ width: 0; opacity: 0; }
.home_hide .dialog_btn_send{  -webkit-transform:rotate(-360deg);}
 */
/* .home_run .dialog_send_box{ opacity: 1;  -webkit-transform:scale(1);transform:scale(1);}
.home_run .dialog_send{ width: 992px; }
.home_run .dialog_input{ width: 790px; opacity: 1;}
.home_run .dialog_btn_send{ opacity: 1;  -webkit-transform:scale(1);transform:scale(1);}
.home_run .dialog_btn_send span{-webkit-transform:rotate(360deg);transform:rotate(360deg);background-color: #218799; }
.home_run .dialog_hr div{ height:100%; }
.home_run .hot_key{ z-index: 2; opacity: 1; } */


.edit_box{ padding-bottom: 20px; display: none; }
.nova-overlay{ z-index: 28; opacity: 0.8; }
.edit_dialog .textarea{ width: 760px; }
.edit_dialog .btn{ margin-left: 120px; margin-top: 20px;}



.dialog_footer{ width: 850px; margin: 0 auto; color: #3097bd; margin-top: 10px; padding-bottom: 5px; line-height: 20px; }/* 1B7596 */
.dialog_footer p{ text-align: center;}
.dialog_footer a{ color: #3097bd; cursor: pointer;}
.dialog_footer a:hover{ text-decoration: underline; }
.nova-dialog{ z-index: 99 !important; }
.msg_tip{ font-size: 16px; color: #3a9c0d; text-align: center; padding-bottom: 30px; }
.contact{ cursor: pointer; }

.friend_link{/*  padding-left: 65px; */ text-align: center;}
.friend_link dt{ display: inline-block;/*  margin-left: -65px; float: left;*/  }
.friend_link dd{ display: inline-block; text-align: left; }
.friend_link dd a{ margin-right: 10px; }


.download_box h4{ font-size: 24px; color: #333; line-height: 32px; margin-bottom: 20px;}
.download_box p{ font-size: 14px; margin-top: 10px; }
.down_info{ overflow: hidden; padding-left: 90px; margin-top: 5px; font-size: 14px;}
.down_info dt,.down_info dd{ float: left;}
.down_info dt{ width: 80px; font-weight: 700; text-align: right; margin-left: -90px; color: #333;}
.down_info dd{ color: #666; }
.down_info dd a{ text-decoration: underline; color: #09c; }
.down_info dd a:hover{ color: #f60; }
.download_dialog .nova-dialog-header{ font-size: 18px; height: 44px; line-height: 44px; font-weight: 700;}


/* 意见反馈按钮 */
.pager_btn{ position: fixed; right: 20px; bottom: 85px; z-index: 19; }
.pager_btn a{ background-color:rgba(255,255,255,0.5); color: #fff; display: block; font-size: 14px; margin-top: 20px; width: 80px; height: 40px; padding: 20px 0; line-height: 20px; border-radius: 50%; text-align: center; font-size: 14px; -webkit-transition:all 0.2s linear 0s;transition:all 0.2s linear 0s; box-shadow: 0 0 10px #333; overflow: hidden;}
.pager_btn a samp{ line-height: 40px;}
.pager_btn a:hover{ background-color:rgba(255,255,255,0.9); color: #666; box-shadow: 0 0 10px #ddd;}
.add_btn span{ opacity: 0; color: #666; -webkit-transition:all 0.2s linear 0.1s;transition:all 0.2s linear 0.1s; display: block; border-top:#999 solid 1px; margin-top: 5px; padding-top: 15px;}
.add_btn:hover{ height: 150px; }
.add_btn:hover span{ opacity: 1; }





/* 添加知识库 */
.page_tit{  font-size: 22px; text-align: center; padding: 40px 0 10px; }

.add_content{ padding: 20px 20px 50px;  font-size: 14px;}

.table_dl{ padding: 10px 0 10px 120px; position: relative;}
.table_dl:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}
.table_dl{*zoom:1;}
.table_dl dt{ float: left; margin-left: -120px; position: relative; width: 100px; text-align: right; line-height: 40px; }
.table_dl dt.bitian:before{ content: "*"; color: #f00; font-size: 14px; margin-right: 5px;}
.table_dl dd{ min-height: 40px; position:relative;}
.table_dl_radio{ padding:0 0 0 220px;}

.input{ width: 462px; border: #ccc solid 1px; height: 22px; line-height: 22px; padding: 8px 20px; color: #666; }
.input[type="text"]:focus,.textarea:focus{ box-shadow:0px 0px 2px #57aae9; border: #57aae9 solid 1px; outline: none; }
.radio_label{ line-height:40px; display:inline-block; margin-right:20px; padding-right:10px;}
.radio_label .radio{ margin-right:5px;}
.table_dl .selectbox{ width:250px; background-color: #fff;}

.textarea{ width:800px; height:200px; border:#ccc solid 1px; padding: 8px 20px;}
.input_file{ height:20px; line-height:20px; padding:10px 0; width:142px; position:relative; z-index:2; opacity:0; cursor:pointer;}
.input_file_btn{ position:absolute; left:0; top:0; width:80px; text-align:center; color:#666; background-color:#fff; border:#ddd solid 1px;}
.input_file_btn:hover{ background-color:#f8f8f8;}
.btn_tijiao{ width:82px; text-align:center; margin:20px 0 0 120px;}

.add_content .c_f00{ min-width: 20px; line-height: 20px; min-height: 20px; display: inline-block; }

.addOk_tip,.addOk_tip2{ font-size: 16px; text-align: center; padding-bottom: 20px; color: #449604; }
.addOk_tip2{ color: #f00; }
.btn_r_tip{ color: #F87A7A; margin-left: 20px; }


.examine_reply{ overflow:inherit;}
.examine_reply .page_w{ width: 1200px; }
.examine_type_tab { height: 40px; border-bottom:#ddd solid 2px;  }
.examine_type_tab li{ padding: 0 40px; float: left; font-size: 18px; height: 40px; line-height: 40px; color: #666; cursor: pointer; }
.examine_type_tab li.active{ color: #f60; border-bottom:#f60 solid 2px; }
.examine_type_tab li span{ display: inline-block; font-size: 14px; background-color: #f60; height: 20px; line-height: 19px;padding: 0 8px; border-radius: 10px; color: #fff; margin-left: 5px; display: none;}
.examine_type_tab li.active span{ color: #fff;  }

.examine_type_list{ margin-top: 10px; display: none; }
.examine_list{ padding: 0 20px; border-bottom:#ddd solid 1px; opacity: 0.5;}
.examine_list:hover{ opacity: 1; }
.examine_list dt{ font-size: 14px; color: #666; padding:5px 0; font-weight: 700; cursor: pointer; overflow: hidden;}
.examine_list dt b{ color: #f60; display: inline-block; width: 80px; float: left; text-align: center; }
.examine_list dt p{ float: left; width: 850px; }
.examine_list dd{ display: none; overflow: hidden; padding-bottom: 30px;}
.examine_list dd .select_type{ width: 20%; padding:5px 10px; border:#ddd solid 1px; background: #F9F2EC; font-size: 14px;}
.duibi{ width: 48%; float: left; }
.examine_list dd .duibi:nth-child(2){ margin-left: 2%; }
.examine_list textarea{ width: 98%; padding: 10px; border:#ddd solid 1px; background: #F9F2EC; font-size: 14px;}
.textarea_tit{ height: 16px; margin:5px 0 10px;}
.textarea_content{ min-height: 200px;}
.examine_list.active{ background-color: #F5E8DA; opacity: 1;}
.examine_list dd .btn{ margin-top: 10px; background-color: #32A824;}
.examine_list dd .btn_no{ background-color:#f00; color: #fff; float: right; margin-right: 20px;}
.no_data_tip{  font-size: 16px; color: #666; padding: 20px 0; }
.duibi .textarea_tit{ height: 35px; }






/* 音乐播放器 */

.music_all div::-webkit-scrollbar { width: 4px; background-color:rgba(4,132,108,0.08); border-radius: 3px;  }
.music_all div::-webkit-scrollbar-track,.music_all div::-webkit-scrollbar-thumb { border-radius: 5px; }  
.music_all div::-webkit-scrollbar-thumb { min-height: 20px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0,0,0,0) inset; background-color: rgba(4,132,108,0);} 
.music_all div::-webkit-scrollbar-corner { background: transparent;} 
.music_all div::-moz-placeholder { color: #bbb; }
.music_all div::-webkit-input-placeholder { color:#bbb; }

.music_all .music_main_l:hover{}
.music_all .music_main_l:hover::-webkit-scrollbar{ background-color:rgba(4,132,108,0.1);}
.music_all .music_main_l:hover::-webkit-scrollbar-thumb{ box-shadow: 0 0 0 5px rgba(0,0,0,.1) inset; background-color: rgba(4,132,108,0.3);} 
.music_all .music_content_list::-webkit-scrollbar-thumb,.music_all .search_detail::-webkit-scrollbar-thumb { box-shadow: 0 0 0 5px rgba(0,0,0,.3) inset; background-color: rgba(4,132,108,0.5);} 

.music_icon,.music_delete,.music_like,.music_footer_like,.play_type span,.back_search_icon,.music_share{ display: inline-block; background:url(../images/music.png) no-repeat 9999px 9999px;}

.music_all{ width: 560px; height: 600px; position: fixed; left: 300px; top: 100px; z-index: 30; background-color: #fff; display: none; -webkit-transition:all 0.3s ease-out 0s;}
.music_all_stop_css3{ -webkit-transition:none;}
.music_header{ background-color: #068A84; position: relative;}
.music_header h3{ text-align: center; font-size: 16px; height: 50px; line-height: 50px; color: #fff; cursor: default;}



.music_header_user{ position: absolute; left: 0; top: 0; }
.music_head{ float: left; margin: 6px 0 0 6px; width: 38px; height: 38px; background: url(../images/head1.jpg) no-repeat; background-size: 100%; border-radius: 50%; }
.music_login_tip{ float: left; color: #fff; line-height: 26px; margin: 12px 0 0 5px; }
.music_login_tip *{ float: left; }
.music_login_tip span{ padding:0 6px; cursor: pointer;}
.music_login_tip #loginOut{ line-height: 14px; height: 14px; font-size: 12px; margin-top: -3px; padding: 0; }
.music_login_ok{ margin-top: 5px; }
.music_login_tip #loginOut:hover{ color: #f00; }

.login_bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 20; display: none;}
.login_box{ position: absolute; left: 50%; top: 20%; width:300px; margin-left: -150px; background-color: #fff; border:#ccc solid 1px; padding: 20px 0 30px; display: none; z-index: 21;}
.login_box h4{ font-size: 16px; text-align: center; color: #333; font-weight: bold; }
.login_list{ padding:20px 20px 5px; }
.login_list li{ padding: 6px 0; overflow: hidden; color: #333;}
.login_list li b{ float: left; width: 60px; margin-right: 5px; text-align: right; line-height: 30px; color: #666; font-weight: normal; }
.login_list li input{ width: 120px; border:#ddd solid 1px; height: 22px; line-height: 22px; padding:3px 10px; outline: none; vertical-align: top;}
.login_list li input:focus{ box-shadow: none; }
.login_list li img{ vertical-align: top; margin-left: 10px; }

.btn_login{ width: 100px; margin:0 auto; height: 30px; line-height: 30px; background-color: #fff; border:#ddd solid 1px; text-align: center; cursor: pointer; border-radius: 6px; font-weight: bold; }
.btn_login:hover{ background-color: #fbfbfb; }
.login_list li .w60{ width: 60px; }
.login_tip{ margin-left: 85px; margin-bottom: 10px; min-height: 18px; color: #f00; }


.music_box{ overflow: hidden; height: 484px; -webkit-transition:all 0.3s ease-out 0s;}
.music_main_l{ float: left; width: 120px; border-right: #ddd solid 1px; height: 100%; background-color: #f8f8f8; overflow-y: auto; overflow-x: hidden; }
.music_type_list li{ background-color: #f5f5f5; padding: 8px 10px 8px 26px; color: #777; border-bottom:#ddd solid 1px; font-size: 16px; cursor: default; position: relative;}
.music_type_list li:hover{ background-color: #f8f8f8; color: #666; }
.music_type_list li.active{ background-color: #fff; width: 81px; color: #555;}
.music_type_list .playing{ position: absolute; left: 5px; top: 50%; margin-top: -7px; margin-left: 2px; background: url(../images/playing.gif) no-repeat; display: none; }
.music_type_list .active_play .playing{ display: block; }


.music_main_r{ float: left; width: 418px; height: 464px; margin: 20px 0px 0 20px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}

.music_content_list{ height: 100%; overflow-y: auto; }
.music_list{ margin-right: 20px; display: none;}
.music_list li { padding: 4px 0px 4px 10px; overflow: hidden; line-height: 24px; cursor: default;}
.music_name{ float: left; width: 240px; font-size: 14px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.music_name span{float: left; max-width: 80px; color: #999; margin-right:10px; font-size: 12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.music_like,.music_delete{ float: left; width: 24px; height: 24px; margin-left: 20px; opacity: 0.7;}
.music_list li .music_like,.music_list li .music_delete{ cursor: pointer;}
.music_list li:hover{ background-color: #f8f8f8; }
.music_list li.active{ background-color: #E9F4F2; }
.music_list li.active .music_name{ color: #04846C; }
.music_list li.active .playing{ background: url(../images/playing.gif) no-repeat;}
.music_list li.music_error{ cursor: no-drop; }
.music_list li.music_error .list_num{ color: #ddd; }
.music_list li.music_error .music_name{ color: #F8D6D6; }
.music_list li.music_error .music_name *{ color: #d5d5d5; }
.music_list li.music_error .music_like,.music_list li.music_error .music_delete{ opacity: 0.2; }

/* .music_list:nth-child(2) .music_like{ opacity: 0;}
.music_list:nth-child(2) li:hover .music_like,.music_list:nth-child(2) li.active .music_like{opacity: 1; } */

.playing{ float: left; width: 13px; height: 13px; margin-top: 5px; margin-left: 10px;}
.list_num{ float: left; width: 24px; height: 24px; text-align: center; margin-right: 5px; color: #bbb; }
.music_singer{ float: left; }

.music_like{ width: 17px; height: 14px; background-position: -50px -50px; margin-top: 5px; }
.like_ok{ background-position:-71px -50px;  }
.music_delete{ width: 12px; height: 13px; background-position: -20px -50px; margin-top: 5px;}
.music_like:hover,.music_delete:hover{ opacity: 1 !important; }

.music_loading{ text-align: center; position: absolute; top: 50%; left: 0; width: 100%; display: none;}


.music_footer{ height: 66px; background-color: #04846C; position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%;}


.music_btn{ overflow: hidden; float: left; margin: 11px 0 0 20px; }
.music_btn span{ float: left; opacity: 0.8; cursor: default;}
.music_btn span:hover{ opacity: 1; }
.music_prev{ margin-top: 4px; margin-right:15px; width:34px; height:35px; background-position:0px 0px;}
.music_next{ margin-top: 4px; margin-left: 15px; width:34px; height:35px; background-position:-44px 0px;}
.music_play{ width:43px; height:43px; background-position:-139px 0px;}
.music_pause{ width:43px; height:43px; background-position:-86px 0px;}

.music_time_box{ float: left; width: 240px; margin-top: 12px; margin-left: 20px;}
.music_time{ float: right; color: #fff; font-size: 12px; margin-top: 3px; }
.music_time_box p{ width: 170px; font-size: 14px; color: #fff; height: 24px; line-height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.music_time_box p span{ font-size: 12px; margin-right: 10px; }
.music_time_line{ margin-top: 8px; width: 100%; height: 2px; border-radius: 1px; background-color: rgba(255,255,255,0.6); }
.music_time_line div{ background-color: #D0FA84; width: 0; height: 100%;/*  box-shadow: 0 0 1px #D0FA84; */ position: relative;}
#btn_jindu{ display: block; width: 10px; height: 12px; border-radius: 50%; box-shadow: 0 0 3px #D0FA84; background-color:#CFF60C; overflow: hidden;  position: absolute; top: -5px; right: -5px; cursor: pointer;}


.music_footer_like{ float: left; margin:30px 0 0 20px; width: 19px; height: 17px; background-position: -90px -50px; opacity: 0.8; cursor: pointer;}
.music_footer_like:hover{ opacity: 1; }
.music_footer_like.like_ok{ background-position:-110px -50px; }


.play_type{ width: 19px; height: 16px; position: relative; float: left; margin: 30px 0 0 12px;}
.play_type ul{ position: absolute; bottom: 20px; width: 120px; left: -50px; padding:  10px 0; background-color:rgba(0,0,0,0.8); box-shadow: 0 0 5px #fff; display: none; z-index: 99;}
.play_type ul li{padding: 8px 20px; line-height: 15px;opacity: 0.7; color: #fff; cursor: default;}
.play_type ul li:hover{ opacity: 1; }
.play_type_btn{ opacity: 0.7; cursor: pointer;}
.play_type_btn:hover{ opacity: 1; }
.play_type span{ width: 19px; height: 16px; vertical-align: top; margin-right: 10px; }
.play_type .play_type_one span,.play_type_one .play_type_btn{ background-position: -180px -50px; }
.play_type .play_type_list span,.play_type_list .play_type_btn{ background-position: -160px -50px; }
.play_type .play_type_random span,.play_type_random .play_type_btn{ background-position: -140px -50px; }
.play_type_one li:nth-child(2){ opacity: 1; }
.play_type_list li:nth-child(1){ opacity: 1; }
.play_type_random li:nth-child(3){ opacity: 1; }

.music_volume{ width: 19px; height: 16px; float: left; margin: 30px 0 0 12px; position: relative;}
.music_volume i{ display: block; width: 100%; height: 100%; background-position: -290px -50px; cursor: pointer; opacity: 0.7; }
.music_volume i:hover{ opacity: 1; }
.music_volume_set{ width: 2px; background-color:rgba(0,0,0,0.6); height: 100px; position: absolute; left: 50%; margin-left: -10px; bottom: 20px; box-shadow: 0 0 10px #666; display: none; border:rgba(0,0,0,0.3) solid 10px;}
.music_volume_set p{ position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; background-color:rgba(255,255,255,0.9);}
.music_volume_set span{ width: 10px; height: 10px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 10px #09604f; display: block; position: absolute; left: -4px; top: -5px; cursor: pointer;}
.music_volume i.volume_stop{ opacity: 0.3; }

.music_share{ width: 16px; height: 16px; float: left; margin: 30px 0 0 12px; position: relative; background-position: -320px -50px; cursor: pointer; opacity: 0.7;}
.music_share:hover{ opacity: 1; }
.music_share span{ width: 1px;height: 1px; overflow: hidden; position: relative; display: block; }

.search_detail{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; display: none; overflow-y: auto; }

.search_detail_tit{ text-align: center; color: #333; font-size:16px; margin-bottom: 10px; }
.search_box{ position: absolute; right: 10px; top: 20px; width: 150px; display: block;}
.search_box input{ width: 110px; line-height: 22px; height: 22px; line-height: 22px; padding:1px 26px 1px 10px; border-radius: 14px; background-color: rgba(255,255,255,0.5); border: none; outline: none; -webkit-transition:all 0.2s ease-out 0s; color: #fff;}
.search_box input:focus{ color: #666; background-color: rgba(255,255,255,0.95); outline: none; box-shadow: none;}

.music_search{ position: absolute; right: 10px; top: 4px; width:17px; height:17px; background-position:0px -47px;}

.music_automatic{ background-color: #fff; border:#ddd solid 1px; position: absolute; width: 200px; max-height: 285px; overflow: hidden; left: 0; top: 26px; box-shadow: 0 1px 5px #888; display: none;}
.music_automatic_list{ padding: 5px 0 5px;}
.music_automatic_list dd{ overflow: hidden; line-height: 22px;padding: 3px 10px; cursor: pointer; }

.music_automatic_list p{ float: left; width: 100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #333;}
.music_automatic_list .singer{ color: #999; margin-right: 5px; }
.music_automatic_list dd span.c_tx_highlight{ color: #1ABD9F;}
.music_automatic_list samp{ float: right; }
.music_automatic_list dd:hover{ background-color: #f8f8f8; }
.music_automatic_list dd.active{ background-color: #f1f1f1; }
.music_automatic_list dd.active *{ color: #000; }

.search_detail .music_list{ display: block; }

.back_search{ font-size: 12px; line-height: 22px; position: absolute; left: -5px; top: -15px; cursor: pointer; display: none; color: #999; padding: 0 10px;}
.back_search span{ font-family: 'SimSun'; margin-right: 5px;}
.back_search:hover{ color: #04846C; }


.music_mini{ height: 66px;  left: 0; }
.music_mini .music_box{ overflow: hidden; height: 0; }

.music_mini .music_volume_set{ background-color: #999; }
.music_mini .music_volume_set p{ background-color: #eee; }
.music_mini .music_volume_set p span{ background-color: #fff; box-shadow: 0 0 5px #fff; }

.music_box_right_btn{ position: absolute; top: 4px; z-index: 19; opacity: 0.6; cursor: pointer;}
.music_close{ width: 11px; height: 11px; background-position: -230px -50px; right: 10px; display: none;}
.music_btn_size{ width: 13px; height:11px; background-position: -250px -50px; right: 10px;}
.music_mini .music_btn_size{ background-position: -270px -50px; right: 30px; }
.music_mini .music_close{ display: block; }

.music_close:hover,.music_btn_size:hover,.music_close:hover{ opacity: 1; }


.ad_box{
  position: fixed;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
  z-index: 99;
}



/* 百度打开 */