/*
 * 全课云基础样式 1.0 zwt 2016-12-16 创建1.0
   1.2 zwt 2017-01-13 变为分离式 成为1.2
   1.3 zwt 2017-03-6 整理了所有公用模块，增加了许多基础颜色值，把特殊模块给独立出去，以后在这个基础css里只会出现api里的模块css，版本变更为1.3
   1.4 zwt 2017-04-01 重新整理头部样式，增加消息应用，个人设置，消息通知等附加页面css，增加大框的几种挡位选择，修改基础背景色，优化和补足一些基础css的细节，版本变更为1.4
 */


/*
 * 对bootstrap基础样式覆盖并改装
 */

/**********1.整体框架基础**********/
body{font-family: Microsoft YaHei,"Hiragino Sans GB W3", Helvetica, Arial, sans-serif;}
.qkybody{ padding:50px 0; background:#eaeaea; position:absolute; top:0; left:0; min-height:100%; width:100%;}
.qkybody.app{ padding:100px 0 50px;}
.qkyff_fluid{ background:#fff; width:100%;}
.navbar-fixed-top {border: 0;}
.qkycadr{ background:#fff; border:1px solid #d8d8d8;}

/*整体宽度档位提供*/
.container-md,.container-l,.container-xl,.container-p90,.container-p80,.container-p60{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.container,.container-md ,.container-l,.container-xl{width:100%;}
.container-p90 {width:90%;}
.container-p80 {width:80%;}
.container-p60 {width:60%;}
.container {max-width:1080px;}
.container-md{max-width:1200px;}
.container-l{max-width:1366px;}
.container-xl{max-width:1440px;}

/*底部规范*/
.footer{ position: absolute; bottom:0; padding:15px 0; text-align:center; left:0; width:100%; background:none; color:#737373;z-index: 1004; border-top:1px solid #d8d8d8;}
.footer.open{ display:block;}
.footer.inverse{ background:#515151;}
.footer.default{ background:#fff; }


/*主色调定义*/
a {color: #00BBBD;}
a:hover,a:focus {color: #008283;}

.mian_background{ background:#2baf2b}/*主色调*/
.assist_background{ background:#72D572}/*辅色调*/
.minor_background{ background:#A3E9A4}/*次色调*/
.app_background{ background:#27b0f2 !important; border-color:#27b0f2 !important;}
.mian_color{ color:#2baf2b!important; cursor:pointer;}/*字主色调*/
.assist_color{ color:#72D572!important;}/*字辅色调*/
.minor_color{ color:#A3E9A4!important;}/*字次色调*/
.app_color{ color:#27b0f2 !important;}

.h1_background{background:#333!important;}
.h2_background{background:#737373!important;}
.h3_background{background:#999!important;}
.error_background{background:#F0485F!important;}
.h1_color{ color:#333!important;}
.h2_color{color:#737373!important;}
.h3_color{color:#999!important;}
.error_color{color:#F0485F!important; }

.ba_f5{ background:#f5f5f5!important;}
.ba_f4{ background:#f4f4f4!important;}
.br_df{ border-color:#dfdfdf!important;}
.br_d8{ border-color:#d8d8d8!important;}
.br_d4{ border-color:#d4d4d4!important;}

.mian_line{ border:1px solid #2baf2b}/*边框次色调*/
.ff_background{ background:#fff!important;}
.nav_color{color:#0A7E07;}
.nav_qkymc a{ color:#2baf2b;}
.box_ff{ border:1px solid #d8d8d8; background:#fff;}

.remind_tips{ color:#999 !important;}/*注意提示颜色*/
.error_tips{ color:#F0485F !important; }/*错误提示颜色*/
ul.error_tips{ padding:0; margin:0;list-style:none;}/*错误信息列表*/
ul.error_tips li{ padding:4px 0 ; margin:0;}

.cadr_hbg{ background:#f4f4f4;}
.a_tdn{text-decoration:none;}
.a_tdn:hover{ text-decoration:none;}

/**********2.头部主导航条改装**********/
.headernav{ height:50px;}
.nav_box{ width:100%;}
.navbtn{ display:block;height:49px; padding:0 20px; margin-right:3px; margin-left:-15px;line-height:50px; cursor:pointer; text-decoration:inherit; color:#a5a5a5; border:1px solid #fff; border-bottom:0; border-top:0;}
.nav_logo{ float:left; height:50px; width:80px;}
.nav_logo img{ width:50px; margin:12px auto; display:block; height:25px;}
.navline{width :1px;height:34px;  float:left; margin-top:8px;}
.nav_pjname{ float:left; line-height:20px; padding:15px 0; font-size:16px;font-weight: bold; margin:0 0 0 20px;}

/*消息*/
.nav_news_box{ position:relative;}
.nav_news_icon{ position:relative; cursor:pointer;}
.nav_news_badge{ position:absolute;background:#ff4e4e; top:0px; right:-10px; padding:0 2px;height:16px; min-width:16px; line-height:16px; font-weight:inherit; border-radius:50%;}
.nav_news_popup{ position:absolute; top:110%; right:-40px; z-index:222; width:400px; background:#fff; border:1px solid #d4d4d4;box-shadow:0 2px 4px 0 rgba(0,0,0,0.09);border-radius:4px; display:none; overflow:hidden;}
.nav_news_popup .scrrol_box{ width:140%;height:100%; overflow-y:scroll; padding-right:40%;}
.nav_news_libox{ margin-right:-18px;}
.nav_news_li{ border-bottom:1px solid #e9e9e9; padding:15px;  line-height:24px;}
.nav_news_li:hover{ background:#f5f5f5;border-radius:4px;}
.nav_news_appicon{ width:50px;}
.nav_news_appicon .app_icon{ width:40px!important; height:40px!important; line-height:40px !important; font-size:16px !important; margin:0 auto; border-radius:9px;}
.nav_news_appicon .app_icon img{ width:26px !important; height:26px !important; margin:7px auto !important;}
.nav_news_info{ width:318px; padding-left:10px;}
.nav_news_txt{ width:60%; padding-bottom:10px;}
.nav_news_txt label{ display:block; color:#333; font-weight:normal; margin:0;}
.nav_news_txt span{ display:block; color:#737373; font-size:13px; line-height:18px;}
.nav_news_appname{ width:40%; text-align:right; color:#737373;}
.nav_allnaws_check{ line-height:30px; padding:10px 0;text-align:center; display:block; color:#333; cursor:pointer; margin-right:-18px}
.nav_allnaws_check:hover{ text-decoration:inherit; color:#222;}

/*个人信息*/
.nav_other{ list-style:none; margin-bottom:0;display:none;}
.nav_other > li{ float:left;line-height:50px; padding:0 10px; height:50px;}
.nav_other > li.dropdown a{ min-width:100px;}
.nav_other > li > a{color:#a5a5a5; text-decoration:none;}
.nav_other > li > a:hover{ color:#fff;}
.nav_other li .other_sel {  display:block; width:100%;}
.nav_other li .other_sel .user_photo{ width:28px; height:28px; line-height:28px; margin:11px 0; text-align:center;border-radius:50%;}
.nav_other li .other_sel .user_photo.dist{ background:#a5a5a5;}
.nav_other li .other_sel .user_photo i{ color:#515151; font-size:20px;}
.nav_other li .other_sel .user_photo img{ width:100%; height:100%;border-radius:50%;}
.nav_other li .other_sel:hover .user_photo.dist{ background:#fff;}
.nav_other li .other_sel:hover .user_photo i{ color:#515151;}
.nav_other li .other_sel .other_name{ margin:0 5px;}
.nav_other li .dropdown-menu{ right:0; left:auto; margin-top:-1px; min-width:auto; width:105px; border-radius:0 0 6px 6px;border:none; box-shadow:none;}
.nav_other li .dropdown-menu li{ width:100%; box-sizing:border-box;}



/*新更多导航*/
.nav_more{ position:absolute; left:0; top:100%; min-height:300px; width:90%; z-index:666;display:none; padding:0; margin:0;background:#f5f5f5; border:1px solid #d8d8d8; border-top:0;}
.nav_more_left{ min-height:100%; padding:0;padding-bottom:50px;}
.nav_more .navline{ position:absolute; left:25%; top:0;height:100%; margin:0;background-image:linear-gradient(-180deg, #f5f5f5 0%, #d7dce6 51%, #f5f5f5 100%) !important;}
.nav_more_right{ min-height:100%; padding:0; }
.nav_more_havedata{overflow:hidden;}
.scroll_box{ height:460px; width:105%; overflow-y:scroll; padding:0 5% 0 20px}
.seachApp_showbox{ display:none;}
.seachApp_showbox h5{ border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
.seachApp_showbox h5 i{ display:block; cursor:pointer;}
.nav_more_right .row_left{ float:left; width:50%;}
.nav_more_right .row_right{ float:left; width:50%;}
.nav_more_nodata{ display:none;}
.nav_more_nodata i{ color:#27b0f2;}
.nav_more_lli{ width:100%; padding:5px 30px 15px; box-sizing:border-box; margin:0;}
.nav_more_lli .li_a{ padding-left:5px;}
.nav_more_lli .li_a a{ margin-right:15px; float:left; margin-bottom:10px; cursor:pointer;}
.nav_more_lli .setup{ font-weight:normal; color:#27b0f2 !important; cursor:pointer;}
.nav_more .nav_more_lli h5{ color:#333; font-weight:bold;}
.nav_more .nav_more_lli a{ color:#333; text-decoration:inherit;}
.nav_more .nav_more_lli a:hover{ color:#27b0f2;}

/*更多导航里的应用中心连接块*/
.appCenter{ padding:15px 30px; color:#333; position:absolute; bottom:0; left:0;cursor:pointer; font-size:14px; line-height:20px;}
.appCenter:hover{ background:#fff; color:#222;}
.appCenter i.app{ color:#38b9f1; font-size:16px;}

/*更多导航里的搜索*/
.seachApp{ position:relative; width:50%; margin:15px 30px 5px;}
.seachApp.wd90{ width:100%; margin:10px auto;}
.seachApp.wdauto{ width:auto;}
.seachApp i{ position:absolute; height:30px; line-height:32px; width:35px; text-align:center; display:block; left:0; top:0; font-size:13px;}
.seachApp input{ padding-left:35px; border-radius:30px;}

/*设置弹窗*/
.setup_box{ width:100%; margin:0; border-bottom:1px solid #d8d8d8;}
.setup_cont{ border-right:1px solid #d8d8d8; height:326px; width:45%; float:left; padding:0 15px; position:relative;}
.setup_cont_min{ width:10%;float:left; padding:0 15px; text-align:center; line-height:324px;}
.setup_cont_min i{ font-size:18px;}
.setup_cont.right{ border-right:0; border-left:1px solid #d8d8d8;}
.setup_cont .setup_title{ margin:0; padding:15px; margin:0 -15px; background:#f5f5f5; font-size:14px; color:#808080; text-align:center;}
.setup_ul{  position:absolute; top:48px; left:0; width:100%; background:#fff; height:274px; overflow:hidden; z-index:1001;}
.setup_list{width:140%; height:100%; overflow-y:scroll ; padding-right:40%;}
.setup_list_{ margin-right:-15px; padding:0 20px;}
.setup_list_ a{ display:block; padding:10px 20px; color:#333; line-height:20px; margin:0 -20px; cursor:pointer;}
.setup_list_ a:hover{ background:#f5f5f5; text-decoration:inherit;}
.setup_list_ a i{ color:#27b0f2;}

@media (min-width: 768px) {
    .nav_other{ float:right; display:block;}
    .nav_box{ width:auto;}
    .nav_pjname{  margin:0 40px 0 20px;}
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #2baf2b;
}

/**主导航颜色**/

/*浅色款*/
.navbar-default { background:#ffffff; border-bottom:1px solid #d8d8d8;}
.navbar-default.app{ border-bottom:0;}
.navbar-default .navbtn:hover{ background:#f5f5f5;color:#a5a5a5;}
.navbar-default .navbtn.active{ background:#f5f5f5;color:#a5a5a5; border-color:#d8d8d8;height:50px;}
.navbar-default .navline{background-image:linear-gradient(-180deg, #ffffff 0%, #d7dce6 51%, #ffffff 100%);}
.navbar-default .nav_pjname{ color:#2baf2b;}
.navbar-default.app .nav_pjname{ color:#27b0f2;}
.navbar-default.news .nav_pjname{ color:#27b0f2;}
.navbar-default .navbar-nav > li > a {color:#737373;}
.navbar-default .navbar-nav > li > a:hover{ background:#f5f5f5; color:#333;}
.navbar-default .navbar-nav > .active > a { background: #2baf2b;color:#fff;}
.navbar-default .navbar-nav > .active > a:hover { background: #2baf2b; color:#fff;}
.navbar-default .navbar-nav .dropdown-menu>.active>a{ background:#2baf2b !important;}
.navbar-default .nav_other li .dropdown-menu{ background:#fff; border:1px solid #d8d8d8; border-top:0;}
.navbar-default .nav_other li .dropdown-menu li a{ color:#737373;}
.navbar-default .nav_other li .dropdown-menu li a:hover{ color:#333; background:#f5f5f5;}
.navbar-default .nav_other > li > a:hover{ color:#333;}
.navbar-default .nav_other li .other_sel .user_photo.dist{ background:#e9e9e9;}
.navbar-default .nav_other li .other_sel .user_photo i{ color:#737373;}
.navbar-default .nav_other li .other_sel .user_photo img{ border:2px solid #a5a5a5;}
.navbar-default .nav_other li .other_sel:hover .user_photo img{border:2px solid #737373;}
.navbar-default .nav_other li .other_sel:hover .user_photo.dist{ background:#ccc;}
.navbar-default .nav_other li .other_sel:hover .user_photo i{ color:#535353;}

/*深色款*/
.navbar-inverse {background:#515151; border-bottom:1px solid #515151;}
.navbar-inverse .navbtn{ border-color:#515151;}
.navbar-inverse .navbtn:hover{ background:#5e5e5e;color:#fff;}
.navbar-inverse .navbtn.active{ background:#5e5e5e;color:#fff;}
.navbar-inverse .navline{background-image:linear-gradient(-180deg, #515151 0%, #ababab 51%, #515151 100%);}
.navbar-inverse .nav_pjname{ color:#fff; }
.navbar-inverse .navbar-nav > li > a {color:#a5a5a5;}
.navbar-inverse .navbar-nav > li > a:hover{ background:#6c6c6c; color:#d8d8d8;}
.navbar-inverse .navbar-nav > .active > a { background: #2baf2b}
.navbar-inverse .navbar-nav > .active > a:hover { background: #2baf2b}
.navbar-inverse .nav_other li .dropdown-menu{ background:#515151;}
.navbar-inverse .nav_other li .dropdown-menu li a{ color:#a5a5a5;}
.navbar-inverse .nav_other li .dropdown-menu li a:hover{ color:#d8d8d8; background:#6c6c6c;}


/**********3.头部跳转过去的页面样式**********/

/*二层主导航*/
.second_level{ top:50px; background:#f5f5f5; z-index:1029;border-bottom:1px solid #d8d8d8; height:44px; min-height:auto;}
.second_level .nav{ width:87%; }
.second_level .nav a{ font-size:14px; color:#737373; padding-bottom:14px; border-bottom:2px solid #f5f5f5; cursor:pointer; padding:12px 15px 9px}
.second_level .nav a:hover{ background:#eee;border-color:#eee;}
.second_level .nav li.active a{ color:#333; border-bottom:2px solid #27b0f2; background:none; }
.second_level .add_navbar{ width:80%; float: left;display:none;}
.second_level .add_navbar .btn{ padding:2px 0;}
.second_level .add_navbar span{ font-size:16px; line-height:24px; height:24px; display:inline-block; margin:13px 20px;}
.second_level .add_navbar span i{ display:inline-block; width:24px; height:24px; border:1px solid #979797; border-radius:4px; line-height:22px; text-align:center; margin-right:5px; color:#737373;}
.second_level .seachApp{ margin:10px 0; width:20%; float:right;}

/*应用中心*/
.app_box{ margin-bottom:15px; padding:20px;}
.appseach_box{margin-bottom:15px; padding:20px;}
.appseach_box h4{ border-bottom:1px solid #d8d8d8; padding:0 20px 20px; margin:0 -20px 20px;}
.app_box h4{ font-size:16px; color:#737373; margin:0; padding:5px;}
.app_box h4 i{ color:#27b0f2; font-size:16px}
.app_box h4 a{font-size:16px; color:#737373;}
.app_box h4 a:hover{ text-decoration:inherit; color:#737373;}
.app_ul{ padding:15px 10px 0;}
.app_list{ width:25%; float:left;cursor:pointer; margin-bottom:15px;}
.app_list.add_list{ display:none;}
.app_icon{ background:#efefef;border-radius:18px;width:76px;height:76px; border:2px solid #efefef; line-height:76px; text-align:center; color:#acacac; font-size:26px;}
.app_icon img{ width:50px; height:50px; margin:13px auto; display:block; }
.app_list:hover .app_icon{background:#fff; border-color:#d2d2d2; }
.app_icon.add{ border:1px solid #c7c7c7; width:78px; height:78px;line-height:78px; text-align:center; color:#999; background:#fff;}
.app_icon.add:hover{ color:#27b0f2;}
.app_cont{ text-align:left; padding-left:20px; }
.app_cont .txt{ display:block; padding:10px 0;color:#333;}
.app_cont .txt:hover{ color:#27b0f2; text-decoration:inherit;}
.app_cont .btn-default.stop_use:hover{background:#f0485f; color:#fff !important; border-color:#f0485f;}
.app_cont .btn-default.add_app:hover{background:#27b0f2; color:#fff !important; border-color:#27b0f2;}

/*应用详细*/
.app_infobox{ padding:40px 30px;}
.app_icon.info{ width:120px; line-height:120px; height:120px; margin:0 auto;}
.app_infobox .btn.app{ display:block; margin:20px auto;}
.app_info{ list-style:none; margin:0; padding:0; width:140px; margin:0 auto;}
.app_info li label{ display:inline-block;}
.app_info li span{ color:#666;}
.app_info li{ color:#333; font-size:13px; padding:5px 0;}
.app_info_cont{ padding:0;}
.app_info_title{ margin:0 0 20px;}
.app_info_cont p{ line-height:24px; color:#666;}
.app_info_ad{background:#f5f5f5;border:1px solid #d8d8d8;border-radius:5px;width:100%;height:338px; padding:30px 60px; margin-top:20px; position:relative;}
.app_info_ad .swiper-container{ height:100% !important;}
.app_info_ad .arrow{ background:#27b0f2 !important; color:#fff!important; border-radius:10px!important; width:26px!important; height:26px!important; line-height:26px!important;}
.app_info_ad .swiper-slide{ border-radius:8px; }
.app_info_ad .swiper-slide img{ width:96%; height:95%; margin:1% 2%; border-radius:8px;box-shadow:0 0 5px #acacac; display:block;}

/*消息中心*/
.news_leftli{ padding:5px 0; display:block; color:#333; cursor:pointer;}
.news_leftli span{ display:block; border-left:2px solid #fff; height:24px; line-height:24px; width:100%; padding-left:20px;}
.news_leftli:hover{ background:#f5f5f5;text-decoration:inherit; color:#222;}
.news_leftli:hover span{border-color:#aaa;}
.news_leftli.active{ background:#f5f5f5; color:#27b0f2;}
.news_leftli.active span{ border-color:#27b0f2;}
.news_title{ margin:0; padding:20px; border-bottom:1px solid #d8d8d8;}
.news_title i{ color:#27b0f2;}

/*应用消息*/
.news_bar{ padding:10px 20px;}
.news_bar label.control-label{ color:#737373; font-weight:normal;}
.news_list_bar{padding:8px 0 2px; background:#f9f9f9;}
.news_list{ padding:15px 20px; border-bottom:1px solid #d8d8d8;}
.news_list_li{ float:left; vertical-align:middle;}
.news_list_li .checkbox-qky{ margin:17px auto;}
.news_list_li .app_icon{ width:50px !important; height:50px !important; line-height:50px!important; font-size:20px!important; border-radius:10px!important; margin:0 auto;}
.news_list_li .app_icon img{ width:34px!important; height:34px!important; margin:8px auto!important;}
.news_list_li .news_name{ line-height:24px;}
.news_list_li .news_times{line-height:18px; font-size:13px; color:#737373;}
.news_list_li .news_cont{line-height:24px; margin-top:10px;}
.news_list_li .news_appname{ line-height:24px; color:#737373; text-align:right;}
.news_list_li i.news_list_close{ display:block; text-align:right; margin-top:30px; color:#666; display:none; cursor:pointer;}
.news_chbox{ width:3%;}
.news_icon{ width:8%;}
.news_content{ width:72%; padding-left:5px;}
.news_other{ width:17%;}
.news_list:hover{ background:#f5f5f5;}
.news_list:hover i.news_list_close{ display:block;}

/*消息设置*/
.newssetup_box{ padding:0 15px 20px; margin-top:10px;}
.newssetup_box h4{ font-size:16px; color:#333; margin:0; padding:5px 0;}
.newssetup_box h4 i{ color:#27b0f2; font-size:16px}
.newssetup_box h4 a{font-size:16px; color:#333;}
.newssetup_box h4 a:hover{ text-decoration:inherit; color:#737373;}

.newssetup_li{ padding:15px 15px 0 30px;}
.newssetup_li_appname{ line-height:50px; padding-left:10px;}

.qky_switch{ width:50px; height:30px; border-radius:30px; background:#999; border:2px solid #999;}
.qky_switch_btn{ width:26px; height:26px; background:#fff; border-radius:30px;}
.qky_switch.active{ background:#27b0f2; border-color:#27b0f2;}
.qky_switch.active .qky_switch_btn{ margin-left:20px; box-shadow:-1px 1px 2px 0 rgba(0,0,0,0.20);}

/*账户设置*/

.title_bar{ background:#f5f5f5; height:40px; line-height:40px; padding-left:20px;}
.changephotos_box{ padding:30px 60px;}
.changephotos_box img{ width:100px; height:100px; border-radius:50%;}
.changephotos_box .btn{ margin-top:23px;}
.changephotos_box .btn i{ color:#737373 !important;}
.changephotos_box span{ color:#737373; display:block; line-height:24px; font-size:13px;}
.accset_form{ padding:20px 75px 10px; }
.accset_form hr{ margin:0 -75px 15px; border-color:#dfdfdf;}
.accset_form .control-label{ text-align:left; color:#535353; padding-top:5px;}
.accset_form .form-group{ padding-bottom:10px; margin-bottom:0;}
.accset_form .error_color{ line-height:24px;}
.accset_form .submit_box{ border-top:1px solid #d8d8d8; margin:20px -20px; padding:20px;}
.password_grade{ margin-top:5px; position:relative;}
.password_grade span{ display:block; clear:both;}
.password_grade div{ float:left; width:32%; height:20px; background:#eaeaea; border-radius:3px;}
.password_grade div.two{ margin:0 2%;}
.password_grade:after{ content:"弱"; position:absolute; left:100%; top:0; height:20px; line-height:20px; color:#737373;}
.password_grade.weak .one{ background:#f0485f;}
.password_grade.weak:after{ content:"弱";}
.password_grade.mid .one,.password_grade.mid .two{ background:#ff7800;}
.password_grade.mid:after{ content:"中";}
.password_grade.strong div{background:#2baf2b;}
.password_grade.strong:after{ content:"强";}

/*提示弹层*/
.mask_poptips{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:55555; display:none; text-align:center;}
.mask_poptips div{ position:relative; min-width:120px; height:60px; margin:-60px auto 0;  top:50%; line-height:60px;  color:#fff; background:rgba(0,0,0,0.6); border-radius:5px; padding:0 20px; display:inline-block;}
/*更换头像弹层*/
.image-editor{ width:100%; height:340px; background:#eaeaea; padding:50px 0; position:relative; overflow:hidden; margin-bottom:10px;}
.cropit-preview {background-color: #f8f8f8;background-size: cover;margin:0 auto;}
.cropit-preview-image-container {cursor: move;}
.cropit-preview-background {opacity: .2;cursor: auto;}
.slider-wrappers{ position:absolute; bottom:0; left:0; z-index:5555; width:100%; background:#fff; height:40px; padding-top:16px;}
.slider-wrappers .clear{ width:250px; margin:0 auto;}
.slider-wrappers span{ display:inline-block; float:left; width:35px; text-align:center; line-height:24px; color:#737373;}
.slider-wrappers input.cropit-image-zoom-input{ display:inline-block; width:180px; float:left; height:24px;}
.slider-wrappers input[type=range]{ -webkit-appearance:none; border-radius:10px;background:#d8d8d8; height:1px; outline:none; margin-top:11px;}
.slider-wrappers input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; background:#27b0f2;width:10px;height:10px;border-radius:100%;}


/**********4.组件改装**********/

/*按钮改装*/
.btn{ padding:4px 15px;}
.btn.auto{ padding-left:0; padding-right:0; width:100%; text-align:center;}
.btn-xl, .btn-group-xl > .btn {padding:16px 20px;font-size:20px;line-height:1.33;border-radius: 6px;}
.btn-lg, .btn-group-lg > .btn {padding:5px 15px;}
.btn-sm, .btn-group-sm > .btn {padding:4px 10px;line-height: 1.3;}
.btn-xs, .btn-group-xs > .btn {padding:1px 5px;line-height: 1.35;}
.btn.qkybtn{min-width:80px; height:30px; border-radius:3px; }
.auto{ min-width:auto;}
.btn-primary{ color:#fff; border-color:#2baf2b; background-color:#2baf2b;}
.btn-primary:hover,.btn-primary:focus{ background-color:#1e7a1e; border-color:#1e7a1e; color:#fff;}
.btn-primary.app{ color:#fff; border-color:#27b0f2; background-color:#27b0f2;}
.btn-primary.app:hover,.btn-primary.app:focus{ background-color:#27b0f2; border-color:#27b0f2; color:#fff;}
.btn-onlytxt{ border:0; color:#333; font-weight:normal; background:none; padding:auto}
.btn-onlytxt:hover{ color:#737373; text-decoration:inherit;}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {background-color: #1e7a1e;border-color: #1e7a1e;color:#fff;}
.btn-default{color:#333 !important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {color: #fff;background-color: #1e7a1e;border-color: #1e7a1e;}

/*表单改装*/
.form-control {height:30px;padding:4px 12px;}

/*下拉组改装*/
.qkydropdown .btn{ width:100%; text-align:left; position:relative; height:30px; padding:4px 30px 4px 15px; }
.qkydropdown .btn .caret{ position:absolute; right:10px; top:7px; border:0; width:14px; height:14px; text-align:center; line-height:14px; color:#333;}
.qkydropdown .btn .caret{font-family:"qkyicon_14" !important;font-size:12px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.qkydropdown .btn .caret:before{content:'\e617';}
.qkydropdown.dropup .btn .caret:before{content:'\e67d';}
.qkydropdown .dropdown-menu{ width:100%;}
.maxh{ max-height:200px; overflow-y:auto;}

/*单选改装*/
.radio label{ line-height:30px; height:30px;}
.radio_a{ display:block; width:14px; height:14px; border:1px solid #ddd; border-radius:50%; background:#ffffff; margin-top:8px; }
.radio_a b{ width:6px; height:6px; display:block; margin:3px;border-radius:50%;}
.select .radio_a{background:#2baf2b; border:1px solid #2baf2b;}
.select .radio_a b{background:#fff;}
.accset .select .radio_a{background:#27b0f2; border:1px solid #27b0f2;}
.accset .select .radio_a b{background:#fff;}

.disabled .radio_a{background:#ffffff; border:1px solid #dadada;}
.disabled.select .radio_a{background:#2baf2b; border:1px solid #2baf2b; opacity:0.4;}
.disabled.select .radio_a b{background:#fff;}

.error .radio_a{background:#ffffff; border:1px solid #f0485f;}
.error.select .radio_a{background:#f0485f; border:1px solid #f0485f;}
.error.select .radio_a b{background:#fff;}

/*复选改装*/
.checkbox label{line-height:30px; height:30px;}
a.checkbox_a{display:block; width:16px; height:16px; border:1px solid #dadada; border-radius:4px;background:#ffffff; line-height:15px; text-align:center; text-decoration: inherit; margin:6px 5px 0 0;}
.checkbox_a i{ color:#fff;}
.select a.checkbox_a{background:#2baf2b; border:1px solid #2baf2b;}
.disabled a.checkbox_a{background:#ffffff; border:1px solid #dadada;}
.disabled.select a.checkbox_a{background:#2baf2b; border:1px solid #2baf2b; opacity:0.4;}
.error a.checkbox_a{background:#ffffff; border:1px solid #f0485f;}
.error.select a.checkbox_a{background:#f0485f; border:1px solid #f0485f;}
.news_rightmian .select a.checkbox_a{background:#27b0f2; border:1px solid #27b0f2;}

/*按钮表格组改装*/
.td_mc{ text-align:center; vertical-align:middle !important;}
.table_btn{ color:#333; text-decoration:inherit; cursor:pointer;}
.table_btn:hover{ color:#999;text-decoration:inherit;}
.ns{ overflow: inherit;}/*表格外框不出现滚动条*/
.table_card a{ color:#737373; cursor:pointer; text-decoration:inherit;}
.table_card a:hover{ color:#333;}
.table{ margin-bottom:0;}
.table >thead >tr >th{ padding:10px 20px; background:#f5f5f5; font-weight:normal; color:#737373; border-bottom:1px solid #f5f5f5;}
.table>tbody >tr >td,.table >tbody >tr >th{ padding:20px; border-top:1px  solid #dfdfdf;  color:#333;}
.table.bor_b>tbody >tr >td,.table.bor_b>tbody >tr >th{ border-bottom:1px  solid #dfdfdf; border-top:none; vertical-align:middle;}
.table>tbody >tr{background:#fff;}
.table.table-striped > tbody > tr:nth-child(odd) {background-color:#ffffff;}
.table.table-striped > tbody > tr:nth-child(even) {background-color:#fbfbfb;}
.table.table-bordered  >thead >tr >th{ border-bottom:1px solid #dfdfdf;}
.table.table-bordered  >tbody >tr >td{ border-top:1px solid #dfdfdf;}
.table-hover> tbody > tr:hover >td {background-color:#f9f9f9;}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 10px;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f9f9f9;
}

/*禁区父类*/
.no_open{ opacity:0.6; background:#f1f1f1;}
.no_open a.checkbox_a{background:#ffffff; border:1px solid #dadada;}
.no_open .select a.checkbox_a{background:#2baf2b; border:1px solid #2baf2b; opacity:0.4;}

/*没数据模块*/
.nodata{ width:100%;text-align:center; padding:10% 0;}
.nadata_icon{ color:#2baf2b; width:100%; text-align:center;}
.nadata_txt{ font-size:16px; padding:20px 0 10px; color:#737373; display:inline-block;}

/*出错模块*/
.error_box{ width:100%;text-align:center; padding:10% 0;}
.error_box>p{margin-top:0; display:block; font-size:60px;}
.error_box_img{ padding:15px 0;}
.error_box_img img{ display:block; max-width:80%; margin:0 auto;}
.error_box_txt{ font-size:16px; padding:10px 0 10px; color:#737373; display:inline-block;}

.err_400>p{ color:#ff7800; }
.err_404>p{ color:#27b0f2; }
.err_500>p{ color:#f0485f; }
.err_fix>p{ color:#27b0f2; font-size:25px; }

/*标签改装*/
.tooltip.top,.tooltip.bottom,.tooltip.left,.tooltip.right{ opacity:1;}
.tooltip.top .tooltip-arrow{border-top-color: #f1f1f1;}
.tooltip.bottom .tooltip-arrow{border-bottom-color: #f1f1f1;}
.tooltip.left .tooltip-arrow{border-left-color: #f1f1f1;}
.tooltip.right .tooltip-arrow {border-right-color: #f1f1f1;}
.tooltip-inner { color: #666;background-color: #f1f1f1;}

/*模态窗口改装*/
.modal-body{ padding:20px;}
@media (min-width: 768px) {
    .modal-dialog .modal-body{min-height:234px;}
    .modal-sm {width:480px;}
    .modal-xs {width:300px;}
    .modal-sm .modal-body{min-height:164px;}
}
@media (min-width: 992px) {
    .modal-lg .modal-body{min-height:404px;}
}
.modal-footer{ text-align:center; border-top:none;}
.modal_auto{ min-height:auto !important;}

/*分页改装*/
.qkypage{ text-align:center; position:relative;}
.qkypage .pageinfo{ height:30px; line-height:30px; text-align:left;color:#a5a5a5;  display:none;}
.qkypage .page_prv,.qkypage .page_next,.qkypage .page_input{ display:none;}
.qkypage li a{ padding:5px 10px; color:#737373;}
.qkypage li.disabled a{ color:#a5a5a5;}
.qkypage li.active  a{ background:#2baf2b;}
.qkypage li > a:hover{ background:none; color:#72D572;}
.qkypage .form-control{ height:30px; padding:4px 10px; width:100px;}
.qkypage .btn{ width:30px; min-width:auto; padding:4px 0; text-align:center; box-sizing:border-box; color:#535353;}
.qkypage .btn:hover{ background:#2baf2b; color:#fff !important; border-color:#2baf2b;}
@media (min-width: 768px) {.qkypage .pageinfo,.qkypage .page_prv,.qkypage .page_next,.qkypage .page_input{ display:block}}
.page_center{ text-align:center;}
.page_center ul li{ float:none; display:inline-block !important;}
.news_rightmian .qkypage li.active  a{ background:#27b0f2;}
.news_rightmian .qkypage li > a:hover{ background:none; color:#27b0f2;}
.news_rightmian .qkypage .btn:hover{ background:#27b0f2; color:#fff !important; border-color:#27b0f2;}

/*加载模块*/
.load_mian{ width:100%; position:relative;}
.load_bg{ width:100%;padding:0 5% 5%;}
.load_bg_narrow{padding:0 10% 10%; }
.load_bgli{ width:100%; background:#f5f5f5; border-radius:3px; height:25px;margin:25px auto 0;  }
.load_bgli.right70{ float:right; width:70%;}
.load_bgli.left60{width:60%; margin-left:0; margin-right:0;}
.load_bgli.left70{width:70%; margin-left:0; margin-right:0;}
.load_bgli.row8{ height:150px;}
.load_bgli.circle{ height:30px; background: url(../images/load_bgcircle.png) no-repeat 0 50% #fff; padding:2px 0 0 40px;}
.load_bgli.circle div{ height:25px; width:50%; background:#f5f5f5;}
.load_mask{ width:140px; height:100px; background:#929292; border-radius:10px; padding:25px 45px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -70px;}
.loadbox {width: 50px;height: 50px;position: relative;}
.loadbox .loadchild {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.loadbox .loadchild:before {content: " ";display: block;margin: 0 auto;width: 14%;height: 14%;background-color: #fff;border-radius:50%;-webkit-animation: loadboxBounceDelay 1.2s infinite ease-in-out both;animation: loadboxBounceDelay 1.2s infinite ease-in-out both;}
.loadbox .loadbox2 {-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg); }
.loadbox .loadbox3 {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg); }
.loadbox .loadbox4 {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); }
.loadbox .loadbox5 {-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg); }
.loadbox .loadbox6 {-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg); }
.loadbox .loadbox7 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); }
.loadbox .loadbox8 {-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg); }
.loadbox .loadbox9 {-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg); }
.loadbox .loadbox10 {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg); }
.loadbox .loadbox11 {-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg); }
.loadbox .loadbox12 {-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg); }
.loadbox .loadbox2:before {-webkit-animation-delay: -1.1s;animation-delay: -1.1s; }
.loadbox .loadbox3:before {-webkit-animation-delay: -1s;animation-delay: -1s; }
.loadbox .loadbox4:before {-webkit-animation-delay: -0.9s;animation-delay: -0.9s; }
.loadbox .loadbox5:before {-webkit-animation-delay: -0.8s;animation-delay: -0.8s; }
.loadbox .loadbox6:before {-webkit-animation-delay: -0.7s;animation-delay: -0.7s; }
.loadbox .loadbox7:before {-webkit-animation-delay: -0.6s;animation-delay: -0.6s; }
.loadbox .loadbox8:before {-webkit-animation-delay: -0.5s;animation-delay: -0.5s; }
.loadbox .loadbox9:before {-webkit-animation-delay: -0.4s;animation-delay: -0.4s; }
.loadbox .loadbox10:before {-webkit-animation-delay: -0.3s;animation-delay: -0.3s; }
.loadbox .loadbox11:before {-webkit-animation-delay: -0.2s;animation-delay: -0.2s; }
.loadbox .loadbox12:before {-webkit-animation-delay: -0.1s;animation-delay: -0.1s; }
@-webkit-keyframes loadboxBounceDelay {
    0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);}
    40% {-webkit-transform: scale(1);transform: scale(1);}
}

@keyframes loadboxBounceDelay {
    0%, 80%, 100% {-webkit-transform: scale(0);transform: scale(0);}
    40% {-webkit-transform: scale(1);transform: scale(1);}
}

/*轮播模块*/
.swiper-container{ height:320px;}
.arrow{position: absolute;top: 50%;margin-top: -15px;width:40px;height:40px;text-align:center; line-height:40px;background:rgba(255,255,255,0.4); border-radius:4px;}
.arrow:hover,.arrow:focus{ text-decoration:inherit;background:rgba(255,255,255,0.8);}
.arrow.left{ left:10px;}
.arrow.right{right:10px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:20px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius:3px;background: #fff;margin-right:10px;opacity:0.6;filter:alpha(opacity=60);filter:"alpha(opacity=60)";filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);cursor: pointer;}
.swiper-active-switch {opacity:1;filter:alpha(opacity=100);filter:"alpha(opacity=100)";filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.slid_img{ width:100%; height:100%; background:center center no-repeat;}

/*步骤模块*/
.steps{ text-align:center; margin:20px 0;}
.steps a{ display:inline-block; text-decoration:inherit; padding:0 15px;position:relative;}
.steps a b{ position:absolute; top:15px; width:100%; height:1px; background:#d8d8d8; left:50%;}
.steps a em{font-style:inherit; display:block; width:30px; height:30px; border-radius:50%; background:#d8d8d8; color:#fff; line-height:30px; margin:0 auto; cursor:pointer; position:relative; z-index:2;}
.steps a em:hover{ background:#A3E9A4;}
.steps a span{ display:block; text-align:center; color:#333; margin-top:10px;}
.steps a.active em{ background:#2baf2b;}
.steps a span{ display:block; text-align:center; color:#333; margin-top:10px;}
.steps a.active b{ background:#2baf2b;}
.steps a.active span{ color:#2baf2b;}
.steps.steps_m a{ padding:0 20px;}
.steps.steps_m a b{ top:20px;}
.steps.steps_m a em{ width:40px; height:40px; line-height:40px; font-size:14px;}
.steps.steps_l a{ padding:0 25px;}
.steps.steps_l a b{ top:25px;}
.steps.steps_l a em{ width:50px; height:50px; line-height:50px; font-size:16px;}
.steps.steps_xl a{ padding:0 30px;}
.steps.steps_xl a b{ top:30px;}
.steps.steps_xl a em{ width:60px; height:60px; line-height:60px; font-size:18px;}

.steps_mian{ display:none; border:1px solid #eee; background:#f5f5f5; border-radius:6px; padding-bottom:15px;}
.steps_mian.open{ display:block;}

/*数据视图模块*/
.data_view{ margin:0 0 20px;  padding:20px 20px 0;}
.data_view_li{ margin-bottom:20px; padding:0;}
.data_view_tit{ text-align:center; color:#8e8e8e; line-height:34px;}
.data_view_limain{ height:300px;}

/*登录模块*/
.login_box{ width:100%; height:100%;background:url(../images/loginbg.png) no-repeat center center;  left:0; top:0;}
.login_box.bgfluid{position: absolute; background-size:100% 100%; padding:0;}
.login_mian{ width:470px; background:#fff;box-shadow:0 0 22px 0 rgba(86,177,175,0.59);border-radius:10px;padding:20px; margin:0 auto; }
.login_mian.pjmian{ width:96%; max-width:900px; padding:10px;}
.login_mian.juzhong{ position:absolute; left:50%; top:50%; margin-left:-235px; margin-top:-250px; padding:40px; height:500px;}
.login_mian.pjmian.juzhong{margin-left:-450px; padding:20px; top:15%;}
.login_logo{ background:url(../images/loginlogobg.png) no-repeat right center; width:100%; background-size:100%; padding:10% 0 10%;}
.login_logo img{ width:40%; display:block; margin:0 auto;}
.login_mian.pjmian .login_logo{ background:none; padding:10px 0 0;}
.login_mian.pjmian .login_logo img{ width:30%; margin:0;}
.login_pjbox{ border-right:1px solid #ebebeb; height:230px; margin-top:-15px; padding-top:25px; padding-right:10px;}
.login_pjbox .swiper-container{ height:100%;}
.login_pjbox .pagination{ margin:0; bottom:0;}
.login_pjbox .swiper-pagination-switch{ background:#d8d8d8; width:7px; height:7px; margin-right:5px; border-radius:1px;}
.login_pjbox .swiper-active-switch{ background:#2baf2b;}
.login_pjbox_txt{ overflow:auto; height:40px; line-height:20px;}
.login_body .nav{ width:90%; margin:0 auto 10px;}
.login_body .nav >li{ padding:0 15px;}
.login_body .nav >li >a{ color:#737373; font-size:18px; border-bottom:2px solid #fff; cursor:pointer; padding:10px 0;}
.login_body .nav >li >a:hover,.login_body .nav >li.active >a{ background:#fff; border-bottom:2px solid #2baf2b; color:#333;}
.login_type{ display:none;}
.login_type.one{ display:block;}
.login_box .input-group-addon { background:#fff; padding:6px;}
.login_qw{ width:46%; padding:5px; border:1px solid #d8d8d8; margin:20px auto 0;}
.login_qw img{ width:100%;}
.login_qwtxt{ width:46%;margin:5px auto 10px; line-height:20px; font-size:13px; color:#333;}
.login_oth span{ line-height:26px;}
.login_oth a{ width:26px; height:26px; display:inline-block; cursor:pointer;}
.login_oth a:hover{ width:28px; height:28px;}
.login_oth a img{ width:100%;}
.login_opt{ padding-top:2px;}
.login_opt a.btn{ padding:0 0 0 5px ;}
.login_opt a.btn.one{ padding-left:0; padding-right:5px; border-right:1px solid #d8d8d8;}

/*全屏模块分左右*/
.container_left {display:none;}
@media (min-width: 768px) {
    .container_left {position: fixed;top: 51px;bottom: 50px;left: 0;z-index: 1000;display: block;padding: 20px;overflow-x: hidden;overflow-y: auto; background-color: #f5f5f5;border-right: 1px solid #eee; height:100%;}
}
.container_left_nav{ width:100%; list-style:none; padding:0; margin:0 -10px 0;}
.container_left_nav li{ padding:6px 10px; list-style:none; width:100%; border:2px solid #f5f5f5; margin-bottom:10px; cursor:pointer;}
.container_left_nav li{-webkit-transition: all 0.25s ease-out 0s;-moz-transition: all 0.25s ease-out 0s;transition: all 0.25s ease-out 0s;}
.container_left_nav li:hover{ border:2px dashed #ddd; border-radius:8px;}
.container_left_nav li.nav_title{ padding:20px 0 30px; margin:0; border:0; font-size:22px; color:#737373; font-weight:bold;}
.container_left_nav li.nav_title:hover{}
.container_left_nav li table{ width:100%;}
.container_left_nav li a{ text-decoration:inherit;}
.container_left_nav li a:hover{ text-decoration:inherit;}
.container_left_nav li table tr td:nth-child(1){ width:20% !important;}
.container_left_nav li table tr td:nth-child(2){ width:30% !important;}
.container_left_nav li table tr td:nth-child(3){ width:50% !important;}
.container_left_nav li .xu{display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; background:#d4d4d4;border-radius:50%;}
.container_left_nav li label{ display:block;line-height:60px; color:#333; margin:0; width:100%;}
.container_left_nav li span{ display:block;line-height:24px; color:#333; width:100%;}
.container_left_nav li.active{ border:2px dashed #cde7cd; border-radius:8px;}
.container_left_nav li.active .xu{ background:#2baf2b}
.container_left_nav li.active label{ color:#2baf2b;}
.container_left_nav li.active span{color:#42b442;}
.container_right{ padding:20px;}
/*分页总条数显示不换行*/
.qkypage .pageinfo{white-space: nowrap}