/*Copyright:成都零点信息技术有限公司 QQ:863230477*/
body{background:#111111;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*一行，超出省略*/
.vmiddle{vertical-align:middle}
.close_btn{width:28px;height:28px;border:1px solid #ff0000;line-height:30px;border-radius:50%;font-size:16px;font-weight:bold;text-align:center;color:#EE0022;cursor:pointer}

.input_t{padding:4px 2px;font-size:14px}
.input_b{padding:4px 10px;font-size:13px}

.log_tab{width:100%;margin-bottom:20px;table-layout:fixed;text-align:center;font-size:13px;line-height:24px;border-top:1px solid #CCC;border-right:1px solid #CCC}
.log_tab tr:nth-child(2n+1){background:#E9E9E9}
.log_tab tr:hover{background:#DAE7F6}
.log_tab th{background:#E3D39E;font-weight:normal}
.log_tab tr td{border:1px solid #CCC;border-top:0;border-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/*登录页面*/
#login,#findpw,#register{width:400px;overflow:hidden;border:1px solid #ccc;border-radius:5px;box-shadow:1px 2px 1px #ddd}
#login{margin:50px auto 0;background:#f9f9f9}
#findpw,#register{margin:5px auto 20px;background:#ddd}
#login li,#findpw li,#register li{float:left;width:100%;height:45px}
#findpw li,#register li{height:40px}
li.login_tit{padding:15px 0 5px;text-indent:15px;font-size:16px;font-weight:bold;color:#000}
li.login_error{padding-left:85px;width:250px;margin:-18px 0 -10px;color:#F90}
.login_t{float:left;padding-left:15px}
.log_input{float:left;width:67%;height:25px;line-height:25px;padding:1px 5px;border:1px solid #aaa;border-radius:3px;font-size:15px}
.verify_input{width:116px}
.verify_code{width:150px;height:28px;cursor:pointer}
.getverify_input{width:116px}
.getverify_btn{padding:3px 9px}
.testnum{height:25px;line-height:25px;padding:1px 0;background:#FFFFFF;border:1px solid #aaa;border-radius:0 3px 3px 0}
.log_submit{float:left;margin:5px 0 0 85px;padding:8px 7%}
.logrf{float:left;margin:15px 0 0 15px;font-size:12px}

@media screen and (max-width:405px){
    #login,#findpw,#register{width:355px}
    .verify_code{width:121px}
}

/*头部*/
.header{padding:0 15px;min-width:970px;height:35px;line-height:35px;text-align:right;background:#000000;overflow:hidden}
#channel:hover:before{content:attr(data-title);background:#d9444a;color:#FFF;font-size:50px;line-height:50px;padding:10px 20px;border-radius:5px;position:absolute;left:100px;top:45px;z-index:99;white-space:nowrap;letter-spacing:3px}
.system_tip{position:absolute;top:0;right:-3px;width:6px;height:6px;border-radius:3px;background:#FF0000}
#down_qrc_box{position:fixed;z-index:3;left:auto;top:40px;right:25%;width:320px}
#note_box{position:fixed;z-index:3;left:auto;top:40px;right:20%;width:380px;padding:20px 0 20px}
#note_box input[type=text]{width:300px;padding:3px 3px;font-size:14px}
#note_box input[type=button]{padding:5px 15px;font-size:14px}

/*页面进入时背景音乐*/
@-webkit-keyframes rotate{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
}
@keyframes rotate{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
.rotate{-webkit-animation:rotate 3s linear infinite;-moz-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}
#bg_music_icon{position:absolute;top:36px;right:12px;z-index:20;width:60px;height:60px;border-radius:50%;background:url("../../img/normalmusic.svg");transform:scale(0.6);cursor:pointer}
.paused::after{position:absolute;left:0;top:50%;margin-top:-1px;width:100%;height:2px;content:"";transform:rotate(-45deg);-webkit-transform:rotate(-45deg);background:rgba(255,255,255,0.9)}

.fadeOut{-webkit-transform:scale(0);visibility:hidden;transition:all 1s linear}

/*系统消息*/
.pop_arrow{position:fixed;z-index:101;top:30px;left:700px;width:0;height:0;border-bottom:10px solid #FFFFFF;border-left:10px solid transparent;border-right:10px solid transparent}
#pop_cont{position:fixed;z-index:101;left:auto;top:38px;right:10px;width:25%;min-width:250px;min-height:300px;max-height:80vh;overflow:auto;padding:10px 1%}
#tab_msg td{border-bottom:1px dotted #CCCCCC}

/*左侧导航*/
#nav_box{width:90px}
#nav{overflow:hidden}
#nav li{line-height:45px;border-bottom:1px solid #ccc;color:#CCCCCC;cursor:pointer;position:relative;white-space:nowrap;text-align:center}
#nav li:hover{background:#333333}
#nav li.hover{color:#000000;background:#FFFFFF}

/*导航图标*/
.ico_k{padding:5px 14px;background:url(../../img/client/client_ico.png) no-repeat}
.ico_come{background-position:0 0}
.ico_tel{background-position:0 -25px}
.ico_web{background-position:0 -50px}

.ico_order{background-position:0 -75px}
.ico_book{background-position:0 -100px}
.ico_count{background-position:0 -125px}
.ico_set{background-position:0 -150px}
.ico_user{background-position:0 -175px}
.ico_dish{background-position:0 -200px}
.ico_spread{background-position:0 -225px}
.ico_board{background-position:0 -250px}


@media screen and (min-width:1021px) and (max-width:1600px){
    #nav_box{width:60px}
    #nav li em{display:none}
}
@media screen and (max-width:1020px){
    #nav_box{width:27px}
    #set li span{display:none}
}


/*主界面*/
#state{width:400px;min-width:400px;max-width:calc(100vw - 170px);background:#DDDDDD}
.next_btn{padding:3px 15px}
.four_btn{padding:3px 5px}

/*班组选项卡*/
#tag{padding:8px 0 3px;border-bottom:solid 1px #aaa;overflow:hidden}
#tag li{float:left;height:30px;padding:1px 10px;margin:0 3px 5px 5px;line-height:30px;white-space:nowrap;overflow:hidden;border:1px solid #bbb;border-radius:3px;background:#ddd;color:#999;cursor:pointer}
#tag li:hover{color:#333333}
#tag li.hover{background:#F9F9F9;color:#000;font-weight:bold}
#tag li:last-child{border:1px dashed #bbb;background:#FFFFFF}
#tag li:last-child.hover{border:1px dashed #666;background:#EEEEEE}

#student_mask{position:absolute;z-index:999;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.1)}

/*菜单列表*/
#list{padding:0 0 20px 3px;clear:both}
#list::-webkit-scrollbar{width:2px}
#list::-webkit-scrollbar-track{background-color:#999999}
#list::-webkit-scrollbar-thumb{background-color:#000000}

.zoom1 li{margin:10px 5px 0 2px;width:39px;height:38px;line-height:38px;padding-top:0;border-radius:20px}
.zoom2 li{margin:10px 5px 0 2px;width:50px;height:48px;line-height:22px;padding-top:0;border-radius:5px}
.zoom3 li{margin:10px 6px 1px 2px;width:65px;height:80px;line-height:20px;padding-top:3px;border-radius:3px}
.zoom4 li{margin:10px 8px 1px 2px;width:90px;height:110px;line-height:20px;padding-top:4px;border-radius:3px}
.zoom5 li{margin:10px 10px 2px 2px;width:112px;height:130px;line-height:20px;padding-top:5px;border-radius:3px}
#list li,.zoom4 li{float:left;cursor:pointer;text-align:center;background:#CCCCCC;box-sizing:border-box;position:relative}
#li_last{border:1px dashed #bbb;color:#999999}
.centerbox{display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center}
.zoom1 #dossier{display:none}

#list li:hover{opacity:0.9}

#list li.absent{opacity:0.4}
#list li.absent:hover{opacity:0.5}
#list li p,.zoom4 li p{white-space:nowrap;overflow:hidden}
.zoom1 li img,.zoom2 li img{display:none}
.zoom3 li img{width:50px;height:50px;border-radius:25px}
.zoom4 li img{width:80px;height:80px;border-radius:5px}
.zoom5 li img{width:100px;height:100px;border-radius:3px}
.zoom1 li p,.zoom2 li p{text-align:center}
.zoom3 li p,.zoom4 li p{padding:0 2px;text-align:right}
.zoom4 li p,.zoom5 li p{padding:0 5px}
.zoom1 li p b{display:none}
.zoom1 li p span{display:none}
.zoom2 li p b{float:none;display:block}

/*学员等级标识*/
.level{position:absolute;left:0;top:0;width:8px;height:8px;border-radius:4px}

/*拖拽学员排序*/
#list li .li_move{position:absolute;top:0;right:0;width:25px;height:20px;line-height:20px;background:rgba(0,0,0,0.2);cursor:move;display:none}
#list li:hover .li_move{display:block}
#list.zoom1 li:hover .li_move{display:none}

/*手动创建学员*/
.creat_btn{margin:0 5px;line-height:30px;background:#119911;color:#fff;border:none;width:95px;font-size:14px;border-radius:3px;text-align:center}


/*赞一个，加减分*/
#zan{position:fixed;z-index:99;font-size:18px;font-weight:bold;color:#C30;opacity:1}

/*新建分组/学员*/
#choose_sort{margin-bottom:15px}
#choose_sort li{float:left;margin:5px 10px 5px 0;padding:0 10px;border:1px solid #999;background:#EEEEEE;border-radius:3px;cursor:pointer;position:relative}
#choose_sort li p{position:absolute;right:-4px;top:-4px;line-height:18px;color:#009900;font-size:18px}

/*底部状态栏*/
#state_box{height:30px;padding:6px 5px;white-space:nowrap;overflow:hidden;border-top:1px dashed #999}
.search_input{width:60%;max-width:180px;font-size:14px;font-weight:bold;padding:3px 2px}
.btn_s{font-size:14px;padding:3px 10px}

/*横向拖拽区*/
#drag_line{width:3px;cursor:ew-resize}

#state_box_together{background:url(../../img/client/together.jpg) center top no-repeat;background-size:100% 100%}

/*缩放按钮*/
#zoom{position:fixed;right:5px;bottom:50px}
#zoom b{display:inline-block;width:30px;height:30px;line-height:32px;font-size:30px;border:1px solid #999999;border-radius:16px;text-align:center;cursor:pointer;background:#FFFFFF;opacity:0.8}
#zoom b:first-child{width:26px;height:26px;line-height:22px}
#zoom b:hover{opacity:1}


/*学员展示车*/
#car{position:absolute;z-index:3;left:90px;top:35px;bottom:0;width:400px;min-width:400px;max-width:calc(100vw - 170px);box-sizing:border-box;padding:5px 10px 30px;border:1px dotted #E22;background:#CCCCCC;overflow:auto}
@media screen and (min-width:1021px) and (max-width:1600px){
    #car{left:60px}
}
@media screen and (max-width:1020px){
    #car{left:27px}
}
#car::-webkit-scrollbar{width:2px}
#car::-webkit-scrollbar-track{background-color:#999999}
#car::-webkit-scrollbar-thumb{background-color:#000000}


#car_name{width:220px;margin-left:20px}
.ram{width:65%;padding:4px 2px;font-size:16px;border-radius:3px;background:transparent;border:none}
.ram:focus{background:#FFF;border:1px solid #aaa}

#car_input{margin:15px 0 20px}
#car_input li{margin:5px 0;font-size:16px}

#car_input input[type=button]{padding:4px 15px;font-size:14px;border:1px solid #aaa;border-radius:3px;background:#BBBBBB}
#car_input input[type=button]:hover{background:#B5B5B5}
.car_btn input{padding:10px 30px;margin:10px 20px;border:1px solid #999999;border-radius:3px;background:#bbb;font-size:14px;font-weight:bold}

/*展示车头像*/
#car_head{width:100px;height:100px;border:1px solid #FCCCE7}
.head_mask{position:absolute;top:0;left:0;width:100px;height:60px;padding-top:40px;line-height:30px;background:rgba(0,0,0,0.5);display:none}
#car_head:hover .head_mask{display:block}


/*展示车扩展信息*/
#more_info{max-height:200px;padding-bottom:5px;background:#E5E5E5;overflow:auto}
#more_info::-webkit-scrollbar{width:2px}
#more_info::-webkit-scrollbar-track{background-color:#999999}
#more_info::-webkit-scrollbar-thumb{background-color:#000000}

#more_info textarea{vertical-align:middle;font-size:14px;line-height:18px;padding:2px}
#more_info img{height:30px;cursor:pointer}
.file_download{font-size:14px}

/*开始/停止按钮*/
.start_btn{padding:25px 0 20px;position:relative}
.start_btn input{width:160px;height:40px}
#check_ul{padding:10px 20px 10px 30px;line-height:40px;font-size:16px}

#check_num{position:fixed;z-index:99;top:50%;left:190px;width:200px;text-align:center;background:transparent;display:-webkit-box;display:box;-webkit-box-pack:center;-webkit-box-align:center;opacity:0.5;text-shadow:0 0 10px #FF8899}
#check_card{padding:3px 3px;font-size:16px}

/*学员字段配置*/
.field{background:#bbb;color:#7B3911;margin:0 5px 5px 0;padding:3px 3px;line-height:24px}
.field_del{padding:0 3px}

.level_ul li{width:200px;background:#bbb;color:#7B3911;margin:0 5px 5px 0;padding:0 3px;line-height:24px;position:relative}


/*答题*/
.type_tag{width:140px;margin:10px auto 0;border:1px solid #999999}
.type_tag li{float:left;width:50%;cursor:pointer;color:#999999}
.type_tag li.hover{background:#009900;color:#000000}
#chart_box{width:100%;overflow:hidden}
#chart_box li{width:100%}

#chart_sign{padding:5px 0 10px}
#chart_sign li{display:inline-block;margin:0 5px;width:80px;height:35px;border-bottom:5px solid #999999;color:#999999;cursor:pointer}
#chart_sign li.hover{border-bottom:5px solid #006600;color:#333333}

.cmenu{position:fixed;width:80px;background:#FFFFFF;border:1px solid #999999;box-shadow:1px 1px 2px #AAAAAA;font-family:'Microsoft YaHei','微软雅黑'}
.cmenu li{border-bottom:1px solid #BBBBBB;font-size:13px;text-align:center;cursor:pointer}
.cmenu li:hover{background:#4281F4;color:#FFFFFF}

/*刷新、清空按钮*/
.btn_refresh,.btn_clear{left:15px;top:30px;padding:0 10px;border:1px dotted #999999;border-radius:3px}
.btn_clear{left:auto;right:15px}
.btn_refresh:hover,.btn_clear:hover{background:#EEDDCC}
.btn_refresh:active,.btn_clear:active{background:#EEDDCC;opacity:0.8;top:31px;}
/*上墙*/
#talk_box{margin:0 10px 10px;padding-bottom:30px;background:#FFFFFF;border:1px solid #999999}
#talk_box::-webkit-scrollbar{width:2px}
#talk_box::-webkit-scrollbar-track{background-color:#999999}
#talk_box::-webkit-scrollbar-thumb{background-color:#000000}

/*不同宽度样式*/
#talk_box li{margin:10px 5px;padding:5px;font-size:20px;background:#F1D1D4;border:1px solid #CCCCCC;overflow:hidden;cursor:default}
.talk_head{display:block;width:50px;height:50px;border:2px solid #FFFFFF;border-radius:3px}
.talk_li{margin-left:12px;font-size:18px;line-height:1.5}
.talk_li img{vertical-align:top;margin:0 1px}

.small #talk_box li{margin:12px 5px;padding:6px}
.small .talk_head{width:62px;height:62px}
.small .talk_li{font-size:22px}
.small .talk_li img{margin:0 2px}

.middle #talk_box li{margin:14px 5px;padding:8px}
.middle .talk_head{width:70px;height:70px}
.middle .talk_li{font-size:26px}
.middle .talk_li img{margin:0 3px}

.large #talk_box li{margin:16px 5px;padding:10px}
.large .talk_head{width:80px;height:80px}
.large .talk_li{font-size:32px}
.large .talk_li img{margin:0 4px}

/*抢答、抽奖*/
.cont_box{padding:10px 20px 20px;position:relative}
.cont_box::-webkit-scrollbar{width:2px}
.cont_box::-webkit-scrollbar-track{background-color:#999999}
.cont_box::-webkit-scrollbar-thumb{background-color:#000000}
#grab_ul,#random_ul{display:-webkit-flex;display:flex;justify-content:space-around;-webkit-flex-wrap:wrap;flex-wrap:wrap}

#grab_ul .level,#grab_ul .li_move,#random_ul .level,#random_ul .li_move{display:none}

/*抽奖特效*/
#random_jq,#together_jq{position:absolute;z-index:99;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.8);display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;display:box;box-pack:center;box-align:center;text-align:center}
#together_jq{position:relative;z-index:2;padding:15px 0;height:60vh;background:url("../../img/client/together_bg.png") no-repeat center 5%;border:1px solid #fff}
#together_jq li{margin:0 10px;position:relative}
#together_jq p{margin-top:20px;max-width:120px;white-space:nowrap;overflow:hidden}
#together_jq img{background:#fff;border-radius:68px;padding:2px}
.together_man,.together_woman{display:inline-block;position:absolute}
.together_man{width:75px;height:65px;background:url(../../img/client/man.png);bottom:25px;left:-11px}
.together_woman{width:95px;height:85px;background:url(../../img/client/woman.png);top:-33px;left:80px}


/*配对列表*/
#together_ul{min-height:60vh;padding:15px 10px;border:1px solid #FFFFFF}
#together_ul li{margin-bottom:20px;overflow:hidden}
.toge_head{width:80px;height:80px;border-radius:40px;background:#FFFFFF;overflow:hidden}
.toge_heart{margin:30px 5px 0;width:35px;height:30px;background:url(../../img/client/heart.png) no-repeat}
.hammer{margin:25px 0 0 10px;width:65px;height:35px;cursor:pointer;background:url(../../img/client/hammer.png) no-repeat}

/*设置*/
#set li{color:#999999;line-height:30px;border-top:1px dashed #333333;white-space:nowrap}
#set li:hover{color:#CCCCCC}

#set_box{position:fixed;top:0;bottom:0;z-index:999;width:300px;padding:20px 20px 10px;background:#000000;color:#FFFFFF}
.set_sub{margin-left:48px;padding:6px 20px}
#set_ul li{padding:1px 0}
#set_ul input[type=text],#set_ul select{padding:2px 3px}
.set_back{padding:0 15px;border:1px solid #CCCCCC;border-radius:3px}

/*邀请*/
#recommend_ul{height:120px;line-height:22px;background:#FFFFFF;overflow:auto;-webkit-user-select:auto}
#recommend_ul li{padding:0 5px}
#recommend_ul li:nth-child(even){background:#E5E5E5}


.iframe_box{position:fixed;z-index:4;top:0;bottom:0;left:90px;right:0;overflow:hidden}
@media screen and (max-width:1600px){
    .iframe_box{left:60px}
}
.iframe_box iframe{width:100%;height:100%;background:#FFFFFF}