/*********************************************************/
body{background-color: #F2F5F7;}
.fwb{font-weight: bold;}
.container{position: relative;}
.w-full {width: 100%;}
.h-full {height: 100%;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.ml-5 {margin-left: 5px;}
.ml-10 {margin-left: 10px;}
.ml-15 {margin-left: 15px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.mr-5 {margin-right: 5px;}
.mr-10 {margin-right: 10px;}
.mr-15 {margin-right: 15px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.pointer {cursor: pointer;}
.bg-white {background-color:#fff;}
.rounded {border-radius: 6px;}
/* 头部 */
.header {height: 126px;position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
.header .top_box {width: 1200px;margin: 0 auto;height: 126px;}
.header .logo_box {width: 134px;height: 46px;background: url(../static/images/haitong_logo_white.png) no-repeat center;background-size: 100%;display: block;}
.header .login_reg a,
.header .login_reg {font-size: 14px;color: #fff;}
.header .login_reg {width: 150px;}
.header .top_menu {min-width: 86px;background: #FFFFFF;border-radius: 4px;font-size: 14px;color: #00A3DF;text-align: center;line-height: 19px;margin-left: 30px;padding: 5px 10px;}
.header .top_menu.active{background-color: #1e7ccb;color: #fff;}
.header .top_menu:hover{background-color: #1e7ccb;color: #fff;}
.header~.container {padding-top: 126px;}
/* 底部 */
.footer{width: 100%;background-color: #fff;padding:30px 0;text-align: center;color: #adadad;}
.footer a{padding: 0 0 0 70px;color: #1e7ccb;}
/* 0.0.1 */
.login {height: calc(100vh - 108px);background: url(../static/icons/login_bg.png) no-repeat center;background-size: cover;width: 100%;display: flex; justify-content: center; align-items: center;}
.login_box {width: 560px;padding: 20px 60px 40px;background: #FFFFFF;box-shadow: 0px 7px 27px 0px rgba(133, 169, 231, 0.51);border-radius: 20px;}
.login_box .title {font-size: 16px;color: #666;padding: 30px 0 20px;}
.login_box .input_box {width: 440px;height: 60px;line-height: 60px;padding: 0 22px;background: #F5F6F7;border: 1px solid #E6E6E6;border-radius: 2px;font-size: 20px;color: #333;}
.login_box .login_btn {width: 440px;height: 60px;background:#00A3DF;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;margin: 40px 0;}
.login_box .reg_forg {font-size: 14px;color: #666;}
/* 0.0.2 */
.register {background: url(../static/icons/top_bg.png) no-repeat top center;background-size: cover;background-color: #F2F5F7;height: 310px;position: absolute;top: 0;left: 0;right: 0;}
.title_box {padding-top: 33px;color: #fff;}
.title_box .t1 {font-size: 26px;font-weight: bold;color: #FFFFFF;line-height: 30px;}
.title_box .t1::after {content: "";display: block;width: 100px;height: 2px;background: #FFFFFF;margin-top: 14px;}
.title_box .t2 {font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 41px;}
.box {background: #FFFFFF;border-radius: 6px;margin-top: 15px;margin-bottom: 34px;}
.box .meet_list{min-height: 400px;}
.register_box{width: 553px;margin: 0 auto;}
.register_box .title {font-size: 16px;color: #666;padding: 52px 0 20px;}
.register_box .input_box {width: 553px;height: 60px;line-height: 60px;padding: 0 22px;background: #F5F6F7;border: 1px solid #E6E6E6;border-radius: 2px;font-size: 20px;color: #333;}
.register_box .input_box::placeholder{color: #BDBDBD;}
.register_box .login_btn {width: 553px;height: 60px;background:#00A3DF;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;line-height: 60px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;margin: 60px 0 56px;}
.wrap_tips{width: 520px;background: #FFFFFF;border-radius: 15px;text-align: center;padding-top: 41px;padding-bottom: 21px;}
.wrap_tips .tips1{font-size: 20px;color: #333;font-weight: bold;}
.wrap_tips .tips2{font-size: 20px;color: #333;}
.wrap_tips .con_btn{width: 300px;height: 56px;background: #00A3E0;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;line-height: 56px;text-align: center;font-size: 16px;font-weight: bold;display: block;color: #fff;margin:35px auto 0;}
.suc_tip{width: 272px;height: 110px;background: rgba(0, 0, 0, .7);border-radius: 6px;font-size: 20px;color: #fff;line-height: 55px;text-align: center;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.code_box{width: 160px;height: 50px;background: #E6E8EB;font-size: 20px;font-weight: bold;font-style: italic;color: #999999;line-height: 50px;text-align: center;margin-left: 180px;
}
.refresh{width: 36px;height: 40px;margin-left: 26px;}
.code{padding:30px 0 30px;}
.code_input{width: 300px;height: 63px;background: #FFFFFF;border: 1px solid #999999;border-radius: 6px;padding: 0 20px;font-size: 20px;}
/* 1.0.0 */
.index {background: url(../static/icons/top_index.png) no-repeat top center;background-size: cover;background-color: #F2F5F7;height: 437px;position: absolute;top: 0;left: 0;right: 0;}
.top_nav{width: 1200px;text-align: center;height: 96px;background: rgba(30, 124, 203, 0.9);border-radius: 8px;}
.top_nav a{color: #fff;font-size: 16px;position: relative;height: 96px;padding-top: 25px;}
.top_nav a:hover {background: #fff; color: #1e7ccb; border-radius: 8px;}
.top_nav a.active::after{content: "";display: block;width: 24px;position: absolute;bottom: 12px;left: 50%;transform: translateX(-50%);height: 6px;background: #FFFFFF;border-radius: 2px;}
.top_nav a:hover:after{content: "";display: block;width: 24px;position: absolute;bottom: 12px;left: 50%;transform: translateX(-50%);height: 6px;border-radius: 2px;}
.meet_menu{width: 240px;background-color: #fff;margin-top: 245px;margin-right: 20px;}
.meet_menu .menu_item{font-size: 16px;color: #555;line-height: 26px;font-weight: 400;height: 80px;border-left: 5px solid #fff;}
.meet_menu .menu_item::before{content: "";display: block;width: 16px;height: 19px;margin-right: 14px;margin-left: 28px;background: url(../static/icons/icon_item1.png) no-repeat center;background-size: 100%;}
.meet_menu .menu_item:nth-of-type(2):before{background-image: url(../static/icons/icon_item2.png);}
.meet_menu .menu_item:nth-of-type(3):before{background-image: url(../static/icons/icon_item3.png);}
.meet_menu .menu_item.active{background-color: #00A3DF;border-left: 5px solid #00A3E0;box-sizing: content-box;color: #fff;}
.meet_menu .menu_item.active::before{background-image: url(../static/icons/icon_item1-on.png);}
.meet_menu .menu_item.active:nth-of-type(2)::before{background-image: url(../static/icons/icon_item2-on.png);}
.meet_menu .menu_item.active:nth-of-type(3)::before{background-image: url(../static/icons/icon_item3-on.png);}

.meet_menu .menu_item:hover{background-color: #00A3DF;border-left: 5px solid #00A3E0;box-sizing: content-box;color: #fff;}
.meet_menu .menu_item:hover::before{background-image: url(../static/icons/icon_item1-on.png);}
.meet_menu .menu_item:nth-of-type(2):hover::before{background-image: url(../static/icons/icon_item2-on.png);}
.meet_menu .menu_item:nth-of-type(3):hover::before{background-image: url(../static/icons/icon_item3-on.png);}

.box.right_box{height: auto;overflow: hidden;}
.right_box .meet_title{max-height: 45px !important;font-size: 16px;font-weight: bold;color: #333333;line-height: 22.5px;margin-bottom: 20px;min-height: auto;}
.right_box .meet_item{padding:30px;display: block;border-bottom: 1px solid #E6E6E6;}
.right_box .item-hover:hover {
    background: rgba(224, 239, 245, 0.9);
}
.right_box .meet_item .label{margin-right:10px; padding: 0 12px;height: 26px;background: #FFFFFF;border: 1px solid #00A3DF;border-radius: 4px;text-align: center;font-size: 14px;font-weight: bold;color: #00A3DF;line-height: 26px;display: inline-block;}
.right_box .meet_item .time,.right_box .meet_item .type,.right_box .meet_item .person,.right_box .meet_item .owner,.right_box .meet_item .add{font-size: 16px;color: #666;padding-top: 20px;}
.right_box .meet_item .time::before{content: "";display: block;width: 15px;height: 17px;background: url(../static/icons/icon_calendar.png) no-repeat center;background-size: 100% auto;margin-right: 11px;}
.right_box .meet_item .type::before{content: "";display: block;width: 16px;height: 15px;background: url(../static/icons/icon_meetype.png) no-repeat center;background-size: 100% auto;margin-right: 10px;}
.right_box .meet_item .person::before{content: "";display: block;width: 16px;height: 15px;background: url(../static/icons/icon_name.png) no-repeat center;background-size: 100% auto;margin-right: 10px;}
.right_box .meet_item .owner::before{content: "";display: block;width: 16px;height: 15px;background: url(../static/icons/icon_nav3-on.png) no-repeat center;background-size: 100% auto;margin-right: 10px;}
.right_box .meet_item .add::before{content: "";display: block;width: 15px;height: 17px;background: url(../static/icons/icon_add.png) no-repeat center;background-size: 100% auto;margin-right: 11px;}
.right_box .meet_item .company::before{content: "";display: block;width: 17px;height: 17px;background: url(../static/icons/icon_company.png) no-repeat center;background-size: 100% auto;margin-right: 9px;}
.right_box .meet_item .name::before{content: "";display: block;width: 17px;height: 17px;background: url(../static/icons/icon_name.png) no-repeat center;background-size: 100% auto;margin-right: 9px;}
.right_box .meet_item .label.scheduled{background: #00A3DF;border-radius: 4px;color: #fff;margin-right: 10px;}
.right_box .meet_item .label.cancel{background: #C2C2C3;border-radius: 4px;color: #fff;border-color: #C2C2C3;margin-right: 10px;}
.right_box .meet_item .label.enrolled{background: #3ED89A;border-radius: 4px;color: #fff;border-color: #3ED89A;margin-right: 10px;}
/* 分页器样式 */
.paging_box {display: flex;align-items: center;justify-content: center;padding: 60px 0 30px;background-color: #fff;margin: 0 30px;border-top: 1px solid #E6E6E6;}
.clearfix {clear: both;}
.clearfix:after {clear: both;content: "";display: block;height: 0;visibility: hidden;}
.pager {max-width: 800px;text-align: center;display: inline-block;margin: 0 auto;}
.pager a {cursor: pointer;}
.pager a,
.pager span {/* 按钮内数字 */width: 36px;height: 36px;color: #646464;display: block;line-height: 34px;float: left;font-size: 14px;text-decoration: none;margin: 0 2px;border-radius: 4px;position: relative;z-index: 1;margin: 0 5px;background: #fff;border: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: center;}
.pager a:hover,
.pager span:hover {background:#00A3DF;color: #000;cursor: pointer;color: #fff;}
.pager span.current {background:#00A3DF;color: #000;cursor: pointer;color: #fff;}

.pager .pg-first,.pager .pg-last,.pager .pg-prev,.pager .pg-next{width: auto;padding:0 14px;}
.pager .pg-first::after {content: "首页";}
.pager .pg-prev::after {content: "上一页";}
.pager .pg-next::after {content: "下一页";}
.pager .pg-last::after {content: "尾页";}
/* 1.1.0 */
.event {background: url(../static/icons/top_event.png) no-repeat top center;background-size: cover;background-color: #F2F5F7;height: 310px;position: absolute;top: 0;left: 0;right: 0;}
.title_btn{width: 210px;height: 50px;background: #00A3E0;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 50px;text-align: center;margin-left: 30px;}
.title_btn.overtime{background: #BDBDBD;box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.14);}
.meet_detail{padding:15px 30px;font-size: 14px;font-weight: 400;color: #333333;line-height: 30px;}
.meet_list .meet_item:last-child{border-bottom: transparent;}
.meet_detail .titles{padding-bottom: 20px;font-size: 14px;font-weight: bold;color: #333333;}
.meet_item.flex-box{ display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /*旧*/ -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; box-align: center; /*新*/ -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center;}

.checkbox[type=checkbox] {cursor: pointer;font-size: 14px;width: 32px;height: 32px;position: relative;overflow: hidden;border: 1px solid #e6e6e6;}
.checkbox[type=checkbox]:after {position: absolute;width: 32px;height: 32px;top: 0;content: " ";background-color: #fff;color: #fff;display: inline-block;visibility: visible;border: 1px solid #00a3df;}
.checkbox[type=checkbox]:checked:after {content: "✓";font-size: 20px;text-align: center;line-height: 30px;background-color: #00A3DF;border: 1px solid #00a3df;}
.choose_all{padding:30px;}

.limit_box{width: 86px;height: 26px;line-height: 26px;text-align: center;background: rgba(0, 163, 224, .1);border-radius: 4px;font-size: 14px;font-weight: bold;color: #00A3E0;margin-left: 20px;}

.enroll_wrap{width: 520px;background: #FFFFFF;border-radius: 15px;text-align: center;padding:50px 20px 20px;}
.enroll_wrap .t1{font-size: 20px;color: #333;font-weight: bold;padding-bottom: 5px;}
.enroll_wrap .t2{font-size: 20px;color: #333;padding-bottom: 44px;}
.enroll_wrap .btn1{width: 220px;height: 50px;background: #FFFFFF;border: 1px solid #00A3E0;border-radius: 6px;font-size: 16px;font-weight: bold;color: #00A3E0;line-height: 48px;}
.enroll_wrap .btn2{width: 220px;height: 50px;background: #00A3E0;border: 1px solid #00A3E0;border-radius: 6px;font-size: 16px;font-weight: bold;color: #ffffff;line-height: 48px;}

/* 2.0.1 */
.my_meet_menu{width: 240px;background-color: #fff;margin-top: 245px;margin-right: 20px;}
.my_meet_menu .menu_item{font-size: 16px;color: #555;line-height: 26px;font-weight: 400;height: 80px;border-left: 5px solid #fff;padding-left: 50px;}
.my_meet_menu .menu_item.active{background-color: #00A3DF;border-left: 5px solid #00A3E0;box-sizing: content-box;color: #fff;}
.my_meet_menu .menu_item:hover{background-color: #00A3DF;border-left: 5px solid #00A3E0;box-sizing: content-box;color: #fff;}

.event_title{height: 64px;background: rgb(30, 124, 203, .15);font-size: 16px;display: block;font-weight: bold;color: #00A3DF;line-height: 64px;padding:0 96px 0 30px;}
.event_title.m-cell-rt::after{right: 38px;}

.info_box{height: 613px;background: #FFFFFF;border-radius: 6px;margin-bottom: 104px;padding:30px;}
.info_box .input_title{font-size: 14px;font-weight: 400;color: #333333;line-height: 36px;width: 177px;}
.info_box .input_box{width: 350px;height: 34px;line-height: 34px;background: #FFFFFF;border: 1px solid #E8E8E8;padding-left: 15px;}
.info_box .input_box_short{width: 110px;height: 34px;line-height: 34px;background: #FFFFFF;border: 1px solid #E8E8E8;text-align: center;margin-right: 10px;}
.info_box .input_box_long{width: 230px;height: 34px;line-height: 34px;background: #FFFFFF;border: 1px solid #E8E8E8;text-align: center;margin-right: 10px;}
.info_box .input_item{padding-bottom: 20px;}
.info_box input{font-size: 14px;}
.info_box input::placeholder{color: #ADADAD;}
.info_box .info_btn{padding:0 20px;height: 50px;line-height: 50px;background: #00A3E0;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 48px;margin-right: 30px;margin-top: 20px;}
.top_btn{min-width: 210px;text-align: center;height: 50px;background: #00A3E0;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 50px;padding:0 40px;margin-left: 20px;}
.top_btn_disabled {background: #a5a3a3;box-shadow: none;color: #eee;cursor: not-allowed;}
.top_btn_disabled:hover {color: #eee;}
.export{width: 122px;height: 30px;background: #00A3E0;border: 1px solid #00A3E0;border-radius: 4px;font-size: 14px;font-weight: bold;color: #FFFFFF;}
.export::before{content:"";display: block;width: 16px;height: 16px;background: url(../static/icons/icon_exports.png) no-repeat center;background-size: 100%;margin-right: 4px;}
.exprot_box{padding:24px 0 17px;margin: 0 30px;border-top: 1px solid #e6e6e6;}

.add_btn{width: 122px;height: 30px;background: #fff;border: 1px solid #00A3E0;border-radius: 4px;font-size: 14px;font-weight: bold;color: #00A3E0;margin-right: 20px;}
.add_btn::before{content:"";display: block;width: 16px;height: 16px;background: url(../static/icons/icon_addbtn.png) no-repeat center;background-size: 100%;margin-right: 4px;}

.limit_btn{width: 141px;height: 30px;background: #fff;border: 1px solid #00A3E0;border-radius: 4px;font-size: 14px;font-weight: bold;color: #00A3E0;margin-right: 20px;}
.limit_btn::before{content:"";display: block;width: 16px;height: 16px;background: url(../static/icons/icon_limit.png) no-repeat center;background-size: 100%;margin-right: 4px;}

.total_num{padding:0 30px 30px;}
.list_title{height:30px;line-height: 30px;background: rgba(30, 124, 203, .1);font-size: 14px;font-weight: bold;color: #00A3DF;}
.list_title .title1{width: 150px;padding-left: 30px;}
.list_title .title2{width: 195px;padding-left: 20px;}
.list_title .title3{width: 300px;padding-left: 20px;}
.list_title .title4{width: 134px;padding-left: 20px;}
.list_title .title5{width: 176px;padding-left: 20px;}
.list_title .title6{padding-left: 40px;}

.list_item{padding-top: 22px;}
.list_item .title1{width: 150px;padding-left: 30px;font-size: 14px;color: #666;}
.list_item .title2{width: 195px;padding-left: 20px;}
.list_item .title3{width: 300px;padding-left: 20px;}
.list_item .title4{width: 134px;padding-left: 20px;}
.list_item .title5{width: 176px;padding-left: 20px;}
.list_item .title6{padding-left: 40px;}
.list_item .title6_select{padding-left: 40px;}
.list_item .email_btn{width:25px;height:22px;background: url(../static/icons/icon_email.png) no-repeat center;background-size: 100% auto;}
.list_item .del_btn{width:20px;height:20px;background: url(../static/icons/icon_delete.png) no-repeat center;background-size: 100% auto;margin-left: 30px;}
.list_item .title6 .enroll{width: 186px;height: 28px;background: rgba(69, 195, 87, .15);border-radius: 4px;font-size: 14px;font-weight: 400;color: #45C357;line-height: 28px;text-align: center;}
.list_item .title6 .notreg{width: 186px;height: 28px;background: rgba(237, 37, 37, .15);border-radius: 4px;font-size: 14px;font-weight: 400;color: #ED2424;line-height: 28px;text-align: center;}
.meet_list .list_item:last-child{padding-bottom: 150px;}
/* 4.1.1 */
.sear_res{font-size: 20px;font-weight: bold;color: #333333;line-height: 20px;}
.res_item{width: 553px;background: #F5F7F7;border-radius: 6px;margin-top: 30px;padding:30px;font-size: 16px;color: #666;}
.res_item div{padding-bottom: 13px;line-height: 16px;}
.res_item div:last-child{padding-bottom: 0;}

.enroll_wrap .res_item{width: 100%;text-align: left;margin-top: -14px;margin-bottom: 40px;}
.lookfor_title{height: 55px;background-color: #ddebf7;line-height: 55px;color: #00A3DF;font-size: 16px;}

.checkhis[type=checkbox] {cursor: pointer;font-size: 14px;width: 24px;height: 24px;position: relative;overflow: hidden;border: 1px solid #e6e6e6;margin-right: 20px;}
.checkhis[type=checkbox]:after {position: absolute;width: 24px;height: 24px;top: 0;content: " ";background-color: #fff;color: #fff;display: inline-block;visibility: visible;border: 1px solid #00a3df;}
.checkhis[type=checkbox]:checked:after {content: "✓";font-size: 20px;text-align: center;line-height: 22px;background-color: #00a3df;border: 1px solid #e6e6e6;}

.lookfor_title .title1{width:220px;border-right: 1px solid #CDD2D4;padding-left: 30px;}
.lookfor_title .title2{border-right: 1px solid #CDD2D4;padding-left: 22px;}
.lookfor_title .title3{padding-left: 20px;width:170px;}

.lookfor_title .title4{padding-left: 20px;width:293px;}
.lookfor_title .title5{width:254px;}
.lookfor_title .title6{width:258px;}
.lookfor_title .title7{width:200px;}
.lookfor_title .title8{width: 164px;height: 40px;background: #FFFFFF;border-radius: 6px;}
.lookfor_title .title8::before{content: "";display: block;width:22px;height: 22px;background: url(../static/icons/icon_mirror.png) no-repeat center;background-size: 100% auto;margin: 0 10px;}

.lookfor_item{height: 64px;border-bottom: 1px solid #e6e6e6;line-height: 64px;color: #000;font-size: 16px;}
.lookfor_item .title1{width:220px;padding-left: 30px;}
.lookfor_item .title2{padding-left: 22px;padding-right: 20px;}
.lookfor_item .title3{padding-left: 20px;width:170px;}

.lookfor_item .title4{padding-left: 20px;width:293px;font-weight: bold;}
.lookfor_item .title5{width:254px;font-weight: bold;}
.lookfor_item .title6{width:258px;font-weight: bold;}
.lookfor_item .title7{width:200px;font-weight: bold;}

.prve_next{height: 55px;background: rgba(30, 124, 203, .15);}
.prve_next a{margin-right: 30px;font-size: 16px;color: #999;}
.prve_next a.active{color: #00A3DF;}

.email_detail{padding:30px;}
.email_detail .titels{font-size: 16px;font-weight: bold;color: #333333;margin-bottom: 18px;}
.email_detail .details{font-size: 16px;color: #666;padding-bottom: 20px;}
.col1e{color: #00A3DF !important;}
.email_detail .e_details{margin-top: 10px;border-top: 1px solid #e6e6e6;padding:30px 0 0;font-size: 14px;font-weight: 400;color: #333333;line-height: 36px;}

.detail_form{padding-right: 80px;}
.pt30{padding-top: 30px;}
.title_left{width: 220px;padding-right: 37px;font-size: 16px;color: #333;text-align: right;position: relative;font-weight: bold;}
.title_left.must::after{content: "*";font-size: 16px;font-weight: bold;color: #FF2B2B;line-height: 32px;position: absolute;right: 20px;top: 0;bottom: 0;}
.right_input{padding:0 11px !important;height: 32px !important;line-height: 32px !important;background: #FFFFFF !important;border: 1px solid #E6E6E6 !important;}
.right_input::placeholder{color: #666;}

.selects{width: 296px;height: 32px;background: #FFFFFF;border: 1px solid #E6E6E6;position: relative;border-radius: 4px;overflow: hidden;}
.selects select{border: none;position: relative;height: 32px;width: 100%;z-index: 2;background: transparent;padding-left: 11px;color: #666;margin:0;line-height: 24px;width: 296px;}
.arrowd_box{width: 30px;height: 30px;background-color: #f5f6f7;position: absolute;top: 0px;right: 0px;border-left: 1px solid #e6e6e6;background-image: url(../static/icons/arrowd.png);background-repeat: no-repeat;background-position: center;background-size: 14px 8px;z-index: 1;}
.input-append {margin: 0;border-radius: 0;}
.input-append span.add-on{height: 32px;width: 32px;text-align: center;line-height: 32px;padding: 8px 0;}

.durations{font-size: 16px;font-weight: bold;}
.durations span{padding:0 20px;color: #00A3DF;}
.radio input[type="radio"] {position: absolute;display: none;}
.radio input[type="radio"] + .radio-label:before {content: '';background: #f4f4f4;border-radius: 100%;border: 1px solid #b4b4b4;display: inline-block;width:16px;height:16px;position: relative;top: 2px;margin-right: 11px;vertical-align: top;cursor: pointer;text-align: center;-webkit-transition: all 250ms ease;transition: all 250ms ease;}
.radio input[type="radio"]:checked + .radio-label:before {background-color: #3197EE;box-shadow: inset 0 0 0 3px #f4f4f4;}
.radio input[type="radio"]:focus + .radio-label:before {outline: none;border-color: #3197EE;}
.companies{padding:29px 30px 24px;background: #F5F6F7;}
.companies .compan{font-size: 16px;font-weight: bold;color: #666666;line-height: 18px;padding-bottom: 30px;}
.check_label div{width: 33.3%;}
.check_box{padding-bottom: 12px;}


.checkcom[type=checkbox] {cursor: pointer;font-size: 14px;width: 20px;height: 20px;position: relative;overflow: hidden;border: 1px solid #e6e6e6;margin-right: 20px;}
.checkcom[type=checkbox]:after {position: absolute;width: 20px;height: 20px;top: 0;content: " ";background-color: #fff;color: #fff;display: inline-block;visibility: visible;border: 1px solid #e6e6e6;}
.checkcom[type=checkbox]:checked:after {content: "✓";font-size: 16px;text-align: center;line-height: 18px;background-color: #00A3DF;border: 1px solid #e6e6e6;}

.text_box .text_title_box{height: 32px;background: #F5F6F7;border: 1px solid #E6E6E6;background-image: url(../static/icons/arrowd.png);background-position: 99% center;background-size: 14px 8px;background-repeat: no-repeat;}
.text_box textarea{resize: none;width: 100%;border-radius: 0 0 4px 4px;border-top: 0;}

.btn_boxs a{height: 30px;padding:0 20px;background: #FFFFFF;border: 1px solid #00A3E0;border-radius: 4px;font-size: 16px;font-weight: bold;color: #00A3E0;line-height: 30px;margin-right: 20px;}
.btn_boxs a::before{content: "";display: block;width: 16px;height: 16px;background-size: 16px 16px;background-position: center;background-repeat: no-repeat;margin-right: 10px;}
.btn_boxs a.add::before{background: url(../static/icons/icon_addbtn.png);}
.btn_boxs a.import::before{background: url(../static/icons/icon_importbtn.png);}
.btn_boxs a.export_createmeeting::before{background: url(../static/icons/icon_exportbtn.png);}
.enroll_box{padding:30px;border: 1px solid #E5E5E5;margin: 20px 0 35px;}
.enroll_box .email_btn{width:25px;height:22px;background: url(../static/icons/icon_email.png) no-repeat center;background-size: 100% auto;}
.enroll_box .del_btn{width:20px;height:20px;background: url(../static/icons/icon_delete.png) no-repeat center;background-size: 100% auto;margin-left: 30px;}
.enroll_box .enroll_item{padding-bottom: 30px;}
.enroll_box .enroll_item:last-child{padding-bottom: 0;}
.enroll_wrap .enroll_title{font-weight: bold;margin-top: -20px;}
.enroll_wrap .client_box{width: 470px;background: #F5F6F7;border: 1px solid #E5E5E5;margin: 20px 0 40px;padding:30px 0 30px 35px;font-size: 14px;color: #666;max-height: 324px;overflow-x: hidden;overflow-y: scroll;}
.enroll_wrap .client_item{padding-bottom: 20px;}
.enroll_wrap .client_item:last-child{padding-bottom: 0;}
/* ::-webkit-scrollbar {display:none} */

.search_top{height: 76px;padding:0 30px;background-color: rgba(30, 124, 203, .15);font-size: 16px;font-weight: bold;color: #00A3DF;}
.search_top .search_box{width: 412px;height: 40px;background: #FFFFFF;border-radius: 6px;}
/* .search_top .search_box::before{content: "";display: block;width:22px;height: 22px;background: url(../static/icons/icon_mirror.png) no-repeat center;background-size: 100% auto;margin: 0 10px;} */
.search_top .search_box::before{cursor: pointer;content: "";display: block;width:22px;height: 22px;background: url(../static/icons/icon_mirror.png) no-repeat center;background-size: 100% auto;margin: 0 10px;}

/* .event_list{padding:0 30px;} */
.event_list .event_item{padding:30px;border-bottom: 1px solid #e6e6e6;position: relative;}
.event_item .idbox{padding-right: 30px;font-size: 16px;font-weight: bold;}
.event_item .label{padding:0 9px;height: 26px;background: #FFFFFF;border: 1px solid #00A3DF;border-radius: 4px;text-align: center;font-size: 14px;color: #00A3DF;line-height: 26px;display: inline-block;}
.event_item .label.scheduled{background: #00A3DF;border-radius: 4px;color: #fff;margin-right: 10px;}
.event_item .label.cancel{background: #C2C2C3;border-radius: 4px;color: #fff;border-color: #C2C2C3;margin-right: 10px;}
.event_item .label.enrolled{background: #3ED89A;border-radius: 4px;color: #fff;border-color: #3ED89A;margin-right: 10px;}
.event_item .create_time{font-size: 16px;color: #999;text-align: right;}
.event_item .id_title{padding-bottom: 13px;padding-top: 10px}
.event_item .time,.event_item .type,.event_item .add,.event_item .company,.event_item .name{font-size: 16px;color: #666;padding-top: 20px;}
.event_item .time::before{content: "";display: block;width: 15px;height: 17px;background: url(../static/icons/icon_calendar.png) no-repeat center;background-size: 100% auto;margin-right: 11px;}
.event_item .type::before{content: "";display: block;width: 16px;height: 15px;background: url(../static/icons/icon_meetype.png) no-repeat center;background-size: 100% auto;margin-right: 10px;}
.event_item .add::before{content: "";display: block;width: 15px;height: 17px;background: url(../static/icons/icon_add.png) no-repeat center;background-size: 100% auto;margin-right: 11px;}
.event_item .company::before{content: "";display: block;width: 17px;height: 17px;background: url(../static/icons/icon_company.png) no-repeat center;background-size: 100% auto;margin-right: 9px;}
.event_item .name::before{content: "";display: block;width: 17px;height: 17px;background: url(../static/icons/icon_name.png) no-repeat center;background-size: 100% auto;margin-right: 9px;}
.event_item .operate_box{right: 30px;bottom: 30px;position: absolute;z-index: 2;}
.event_item .operate_box .puton{padding: 0 15px;height: 30px;background: #FFFFFF;border: 1px solid #00A3E0;border-radius: 6px;font-size: 14px;font-weight: bold;color: #00A3E0;line-height: 30px;text-align: center;margin-left: 20px;}
.event_item .operate_box .putdown{padding: 0 15px;height: 30px;background: #00A3E0;border: 1px solid #00A3E0;border-radius: 6px;font-size: 14px;font-weight: bold;color: #fff;line-height: 30px;text-align: center;margin-left: 20px;}
.event_item .operate_box .del{padding: 0 15px;height: 30px;background: #FFFFFF;border: 1px solid #f44;border-radius: 6px;font-size: 14px;font-weight: bold;color: #f43;line-height: 30px;text-align: center;margin-left: 20px;}
.event_item .operate_box .cancel{padding: 0 15px;height: 30px;background: #FFFFFF;border: 1px solid #f44;border-radius: 6px;font-size: 14px;font-weight: bold;color: #f43;line-height: 30px;text-align: center;margin-left: 20px;}
.add_btns{width: 210px;height: 32px;background: #00A3DF;border-radius: 6px;font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 32px;text-align: center;margin-top: 20px;}

.title_left.left1{width: auto;padding:0 20px 0 30px;}
.title_left.left2{width: 200px;}
.check_boxes{width: 898px;background: #EDEFF0;border: 1px solid #E3E5E6;padding:20px 20px 0;margin-top: 20px;}
.check_boxes .check_label div{width: 23%;}
.check_boxes .check_label a{color: #00A3DF;}
.pl30{padding-left: 30px;}
.btn_box{padding-bottom: 20px;}
.btn_box .btn1{width: 202px;height: 50px;background: #00A3E0;box-shadow: 0px 1px 18px 0px rgba(0, 163, 224, 0.3);border-radius: 6px;font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 50px;text-align: center;margin-right: 20px;}
.btn_box .btn2{width: 202px;height: 50px;background: #FFFFFF;border: 1px solid #00A3E0;border-radius: 6px;font-size: 16px;font-weight: bold;color: #00A3E0;line-height: 50px;text-align: center;margin-right: 20px;}

.event_list.list2{background: #F2F5F7;padding:30px;}
.event_list.list2 .event_item{background-color: #fff;padding-left: 30px;padding-right: 30px;border: transparent;margin-bottom: 20px;border-radius: 6px;}
.event_list.list2 .event_item:last-child{margin-bottom: 0;}
.event_list.list2 .event_item .operate_box{right: 30px;}


.import_wrap{width: 740px;padding:45px 30px;background: #FFFFFF;border-radius: 15px;}
.import_wrap .inputbox{width: 480px;height: 50px;background: #F5F7F7;border-radius: 6px;}
.import_wrap .upload{font-size: 16px;font-weight: bold;color: #FFFFFF;line-height: 50px;width: 180px;height: 50px;background: #00A3DF;border-radius: 6px;position: relative;cursor: pointer;text-align: center;margin-left: 20px;}
.import_wrap .upload input{opacity: 0;position: absolute;top: 0;left: 0;width: 180px;height: 50px;cursor: pointer;}
.import_wrap .btn_box{padding:60px 0 0;}

.enroll_wrap .input_box{padding:0 5px;text-align: left;}
.enroll_wrap .input_box div{font-size: 16px;color: #666;}
.enroll_wrap .input_box input{font-size: 16px;color: #666;margin:20px 0 30px;width: 100%;padding: 0 20px;height: 50px;background: #F5F7F7;border-radius: 6px;line-height: 50px;}


.select {width: 200px;height: 28px;border: 1px solid #00A3E0;display: inline-block;position: relative;vertical-align: middle;padding: 0;overflow: hidden;background-color: #fff;color: #555;text-shadow: none;border-radius: 4px;	transition: box-shadow 0.25s ease;z-index: 2;}
.select:hover {background-color: #E5F6FC;}
.select:before {content: "";position: absolute;width: 14px;height: 8px;background:url(../static/icons/icon_arrowd.png) no-repeat center;background-size: 14px 8px;top: 0;bottom: 0;margin: auto;right: 10px;cursor: pointer;z-index: 2;}.select select {line-height: 28px;padding-left: 12px;cursor: pointer;width: 100%;border: none;background: transparent;background-image: none;-webkit-appearance: none;-moz-appearance: none;color: #00a3e0;}
.select select:focus {outline: none;}


.email_box{padding: 55px 30px 70px 0;}
.email_box .email_item{padding-bottom: 20px;}
.email_box .box_left{width: 200px;padding-right: 30px;text-align: right;font-size: 16px;color: #00A3DF;}
.email_box .box_right{width: 971px;height: 40px;background: #F5F6F7;border: 1px solid #E6E6E6;border-radius: 4px;padding:0 20px;line-height: 40px;}
.email_box .add_user{width: 24px;height: 24px;background:url(../static/icons/icon_addbig.png) no-repeat center;background-size: 100% auto;}
.email_box .detail_box{width: 971px;background: #F5F6F7;border: 1px solid #E6E6E6;border-radius: 4px;padding:30px;}
.email_box .detail_box .title{padding-bottom: 28px;font-weight: bold;}
.email_box .con_type{padding-bottom: 30px;border-bottom: 1px solid #e6e6e6;font-size: 16px;color: #666;}
.email_box .time{font-size: 16px;color: #666;padding-bottom: 18px;}
.email_box .textarea{resize: none;width: 100%;margin: 30px 0 0;background-color: transparent;border: none;font-size: 14px;font-weight: 400;color: #333333;line-height: 25px;height: 390px;}
.email_box .upload{font-size: 16px;font-weight: 400;color: #00A3DF;}
.email_box .upload::before{content: "";display: block;width: 20px;height: 22px;background: url(../static/icons/icon_fujian.png) no-repeat center;background-size: 100%;margin-right: 15px;}
.email_box .file_box{height: 46px;background: rgba(30, 124, 203, .1);border-radius: 4px;margin-bottom: 20px;}
.email_box .file_box .file_name{font-size: 16px;font-weight: 400;color: #333333;}
.email_box .file_box .file_name::before{content: "";display: block;width: 20px;height: 22px;background: url(../static/icons/icon_fujian.png) no-repeat center;background-size: 100%;margin-right: 15px;margin-left: 20px;}
.email_box .file_box a{font-size: 16px;font-weight: 400;color: #00A3DF;padding-left: 30px;}

.user_wrap{width: 1200px;background-color: #fff;border-radius: 10px;}
.user_wrap .title_box{height: 60px;line-height: 60px;text-align: center;font-size: 20px;font-weight: bold;color: #FFFFFF;background-color: #00A3DF;border-radius: 10px 10px 0 0;padding: 0;}
.user_wrap .user_list{padding: 30px;}
.user_wrap .user_left{width: 772px;box-sizing: border-box;}
.user_wrap .user_list .user_title{height: 34px;background-color: #D6D6D6;font-size: 16px;padding:0 20px;}
.user_wrap .input{width: 180px;height: 22px;background: #FFFFFF;border-radius: 2px;}
.user_wrap .input::before{content: "";display: block;width: 16px;height: 16px;background:url(../static/icons/icon_mirror.png) no-repeat center;background-size: 100% auto;margin: 0 10px;}
.user_wrap .input input{height: 22px;line-height: 22px;font-size: 14px;}
.user_wrap .file_list{width: 260px;border-right: 1px solid #D6D6D6;height: 610px;padding: 15px 0;}
.user_wrap .user_left{border:1px solid #D6D6D6;}
.user_wrap .file_names{padding: 0 20px;font-size: 14px;font-weight: 400;color: #000000;line-height: 28px;display: block;}
.user_wrap .file_names.active{background: #00A3DF;color: #fff;}
.user_wrap .name_email{height: 26px;background: #F2F5F7;border-bottom: 1px solid #D6D6D6;}
.user_wrap .name_email .name{width: 158px;border-right: 1px solid #d6d6d6;line-height: 14px;height: 14px;font-size: 14px;font-weight: 400;color: #000000;padding-left: 20px;}
.user_wrap .name_email .email{padding-left: 20px;}
.user_wrap .name_email_item.active{color: #fff;background: #00A3DF;}
.user_wrap .name_email_item{height: 30px;}
.user_wrap .name_email_item .name{width: 158px;line-height: 14px;height: 14px;font-size: 14px;font-weight: 400;color: #000000;padding-left: 20px;}
.user_wrap .name_email_item .email{padding-left: 20px;}
.user_wrap .name_email_item.active .name{color: #fff;}
.user_wrap .right{width: 47px;height: 28px;background: #F2F5F7;border: 1px solid #D6D6D6;background:url(../static/icons/icon_right.png) no-repeat center;background-size: 19px 16px;display: block;;margin:10px 20px;}
.user_wrap .right.on{background-image: url(../static/icons/icon_right-on.png);}

.user_wrap .left{width: 47px;height: 28px;background: #F2F5F7;border: 1px solid #D6D6D6;background:url(../static/icons/icon_left.png) no-repeat center;background-size: 19px 16px;display: block;margin:10px 20px;}
.user_wrap .left.on{background-image: url(../static/icons/icon_left-on.png);}
.user_wrap .user_right{width: 280px;}
.user_wrap .right_title{height: 34px;background: #E8EBEE;border: 1px solid #D6D6D6;line-height: 34px;padding:0 20px;cursor: pointer;}
.user_wrap .name_list{height: 273px;border: 1px solid #d6d6d6;border-top: transparent;}
.user_wrap .name_list .name_item{height: 30px;line-height: 30px;padding: 0 20px;color: #333;display: block;}
.user_wrap .name_list .name_item.active{background-color: #00A3DF;color: #fff;}
.user_wrap .right_title.up::after{content: "";width: 16px;height: 14px;display: block;background: url(../static/icons/icon_up.png) no-repeat center;background-size: 16px;}
.user_wrap .right_title.down::after{content: "";width: 16px;height: 14px;display: block;background: url(../static/icons/icon_down.png) no-repeat center;background-size: 16px;}


.top_btn.client_btn{min-width: 160px;}
.clients_title{height: 76px;background-color: #DDEBF7;padding: 0 30px;font-size: 16px;font-weight: bold;color: #00A3DF;}
.clients_title .box1{width: 263px;}
.clients_title .box2{width: 254px;}
.clients_title .box3{width: 258px;}
.clients_title .box4{width: 201px;}
.clients_title .search_box{width: 164px;height: 40px;background: #FFFFFF;border-radius: 6px;}
.clients_title .search_box::before{content: "";display: block;width:22px;height: 22px;background: url(../static/icons/icon_mirror.png) no-repeat center;background-size: 100% auto;margin: 0 10px;}

.clients_item{padding:30px 0;margin: 0 30px;border-bottom: 1px solid #e6e6e6;}
.clients_item .box1{width: 263px;}
.clients_item .box2{width: 254px;}
.clients_item .box3{width: 258px;}
.clients_item .box4{width: 201px;}
.clients_item .title{font-size: 16px;color: #333;padding-bottom: 28px;font-weight: bold;}
.clients_item .salename{font-size: 14px;font-weight: 400;color: #999999;line-height: 15px;padding-bottom: 20px;}
.clients_item .name{font-size: 14px;font-weight: 400;color: #333333;line-height: 13px;}
.right_box .clients_item:last-child{border-bottom: transparent;}

/* (石) 活动列表快速搜索框样式 start */
.events_title .search_box{width: 164px;height: 40px;background: #FFFFFF;border-radius: 6px;}
.events_title .search_box::before{cursor: pointer;content: "";display: block;width:22px;height: 22px;background: url(../static/icons/icon_mirror.png) no-repeat center;background-size: 100% auto;margin: 0 10px;}
/* (石) 活动列表快速搜索框样式   end */

.info_wrap{padding:30px;width: 970px;max-height: calc(100vh - 100px);background: #FFFFFF;border-radius: 15px;overflow-x: hidden;overflow-y:scroll;}
.info_wrap .t1{text-align: center;font-size: 20px;color: #333;font-weight: bold;padding-bottom: 5px;}
.info_wrap .t2{text-align: center;font-size: 20px;color: #333;padding-bottom: 44px;}
.info_wrap .btn1{text-align: center;width: 220px;height: 50px;background: #FFFFFF;border: 1px solid #00A3E0;border-radius: 6px;font-size: 16px;font-weight: bold;color: #00A3E0;line-height: 48px;margin: 0 20px;}
.info_wrap .btn2{text-align: center;width: 220px;height: 50px;background: #00A3E0;border: 1px solid #00A3E0;border-radius: 6px;font-size: 16px;font-weight: bold;color: #ffffff;line-height: 48px;margin: 0 20px;}
.info_wrap .title{font-size: 16px;font-weight: 400;color: #666666;line-height: 16px;}
.info_wrap input{margin: 20px 0 0;width: 100%;height: 50px;background: #F5F7F7;border-radius: 6px;padding:0 20px;font-size: 16px;}
.info_wrap input::placeholder{color: #BDBDBD;}

.info_wrap .input_box1{width: 240px;margin-right: 20px;}
.info_wrap .input_box2{width: 390px;}
.info_wrap .input_box3{width: 500px;margin-right: 20px;}

.info_wrap .title.must::before{content: "*";display: block;color: #FF3232;margin-right: 5px;}

.pb30{padding-bottom: 30px;}

.title_box{position: relative;}
.title_box .sure{position: absolute;top: 0;right: 80px;bottom: 0;margin: auto;color: #fff;}
.title_box .closemask{position: absolute;top: 0;right: 20px;bottom: 0;margin: auto;color: #fff;}


.res_list{max-height: 250px;overflow-y: scroll;overflow-x: hidden;margin-bottom: 40px;margin-top: 20px;}
.res_list .res_item{margin-top: 0;}
.res_list .res_item:last-child{margin-bottom: 0;}
.res_list .res_item div{line-height: 35px;}
.chooseall{padding: 30px 0;margin: 0 30px;color: #00A3E0;border-bottom: 1px solid #E6E6E6;}

.search_box {
    position: relative !important;
}
#mask-search {
    opacity: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 42px !important;
    cursor: pointer;
}
.cursor {
    cursor: pointer;
}
.download {
    color: #1e7ccb;
    margin-left: 30px;
    cursor: pointer;
    position: relative;
}
.download .qrcode-box {
    position: absolute;
    left: 0;
    bottom: 60px;
    padding: 10px;
    background: #fff;
    border: 1px solid #00a3e0;
    display: none;
}
.download .qrcode-box::after {
    content:'';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00a3e0;
    position: absolute;
    bottom: -10px;
    left: 20px;
}
.download .qrcode-box .flex-box {
    display: flex;
}
.download .ios {
    width: 120px;
    height: 160px;
    background: url('../static/icons/ios.png') no-repeat center;
    background-size: 100%;
    margin-right: 10px;
}
.download .android {
    width: 120px;
    height: 160px;
    background: url('../static/icons/android.png') no-repeat center;
    background-size: 100%;
}
.download .google {
    width: 120px;
    height: 160px;
    background: url('../static/icons/google.png') no-repeat center;
    background-size: 100%;
    margin-right: 10px;
}
.download:hover {
    color: #00a3e0;
}
.download:hover .qrcode-box {
    display: flex;
}