﻿/* CSS Document */

*{font-size:9pt;border:0;margin:0;padding:0;}
body{font-family:'微软雅黑'; margin:0 auto;min-width:980px;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style: none;}
img{border:0;}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#00a4ac;text-decoration:none;}
cite{font-style:normal;}
h2{font-weight:normal;}


/*login*/
.logintop span{color:#fff; line-height:47px; background:url(../images/loginsj.png) no-repeat 21px 18px; text-indent:44px; color:#afc5d2; float:left;}
.logintop ul{float:right; padding-right:30px;}
.logintop ul li{float:left; margin-left:20px; line-height:47px;}
.logintop ul li a{color:#afc5d2;}
.logintop ul li a:hover{color:#fff;}
.loginbody{background:url(../images/loginbg3.png) no-repeat center center; width:100%; height:100%; overflow:hidden; position:absolute; top:47px;}
.loginbox{width:692px; height:336px; background:url(../images/logininfo.png) no-repeat; margin-top:30px;}
.loginbox ul{margin-top:88px; margin-left:285px;}
.loginbox ul li{margin-bottom:25px;}
.loginbox ul li label{color:#687f92; padding-left:25px;}
.loginbox ul li label a{color:#687f92;}
.loginbox ul li label a:hover{color:#3d96c9;}
.loginbox ul li label input{margin-right:5px;}
.loginbox .loginbox3{width:692px; height:373px;margin-top:30px;}
.loginuser{width:299px; height:48px; background:url(../images/loginuser.png) no-repeat; border:none; line-height:48px; padding-left:44px; font-size:14px; font-weight:bold;}
.loginpwd{width:299px; height:48px; background:url(../images/loginpassword.png) no-repeat; border:none;line-height:48px; padding-left:44px; font-size:14px; color:#90a2bc;}
.loginbtn{width:111px;height:35px; background:url(../images/buttonbg.png) repeat-x; font-size:14px; font-weight:bold; color:#fff;cursor:pointer; line-height:35px;}
.loginbm{height:50px; line-height:50px; text-align:center; background:url(../images/loginbg2.png) repeat-x;position:absolute; bottom:0; width:100%; color:#0b3a58;}
.loginbm a{font-weight:bold;color:#0b3a58;}
.loginbm a:hover{color:#fff;}
.loginbox3{background:url(../images/logininfo2.png) no-repeat;}
.loginbox3 ul li{margin-bottom:16px;}
.yzm{width:341px; height:46px; background:url(../images/yzmbg.png) no-repeat; padding-bottom:5px;}
.yzm span{display:block; float:left;width:227px; height:46px;}
.yzm span input{background:none; border:none; width:183px; height:46px; line-height:46px;padding-left:44px;font-size:14px; color:#cee4f1;}
.yzm span img { width: 114px;height: 46px;display: block;margin-left: 227px;margin-top: -46px;; }
.yzm cite{float:right; width:114px; height:46px; line-height:46px; font-size:18px; color:#fff; text-align:center;}


/*top.html*/
.header{height:88px;}
.topleft{height:88px;/*background-color: #317DBB;*/float:left; width:320px;}
.topleft img{margin-top:21px;}
.topright{height:88px;/*background-color: #317DBB;*/float:right;}
.nav{float:left; position: absolute; left:320px;}
.nav li{float:left;width:87px;height:88px; text-align:center;}
.nav li a{display:block;width:87px;height:88px;-moz-transition: none; transition: background-color 0.3s linear; -moz-transition: background-color 0.3s linear; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; }
.nav li a.selected{background:url(../images/navbg.png) no-repeat;}
.nav li a:hover{display:block;background:#000;color:#fff;background: none repeat scroll 0% 0% rgb(43, 127, 181);}
.nav li img{margin-top:10px;}
.nav li a{display:block;}
.nav a h2{font-size:14px;color:#d6e8f1;}
.nav a:hover h2{color:#fff;}
.topright ul{padding-top:15px; float:right; padding-right:12px;}
.topright ul li{float:left; padding-left:9px; padding-right:9px; margin-top: 20px;}
.topright ul li:last-child{background:none;}
.topright ul li a{font-size:13px; color:#e9f2f7;}
.topright ul li a:hover{color:#fff;}
.topright ul li span{margin-top:2px;float:left;padding-right:3px;}

/*left.html*/
.lefttop{background:url(../images/lefttop.gif) repeat-x;height:40px;color:#fff;font-size:14px;line-height:40px;}
.lefttop span{margin-left:8px; margin-top:10px;margin-right:8px; background:url(../images/leftico.png) no-repeat; width:20px; height:21px;float:left;}
.leftmenu{width:187px;/*padding-bottom: 9999px;margin-bottom: -9999px; */overflow:hidden; }
.leftmenu dd{background:url(../images/leftmenubg.gif) repeat-x;line-height:35px;font-weight:bold;font-size:14px;border-right:solid 1px #b7d5df;}
.leftmenu dd span{margin:10px 8px 0 12px;}
.leftmenu dd .menuson{display:none;}
.leftmenu dd:first-child .menuson{display:block;}
.menuson {line-height:30px; font-weight:normal;}
.menuson li{cursor:pointer;}
.menuson li.active{position:relative; background:url(../images/libg.png) repeat-x; line-height:30px; color:#fff;}
.menuson li cite{display:block; float:left; margin-left:32px; background:url(../images/list.gif) no-repeat; width:16px; height:16px; margin-top:7px;}
.menuson li.active cite{background:url(../images/list1.gif) no-repeat;}
.menuson li.active i{display:block; background:url(../images/sj.png) no-repeat; width:6px; height:11px; position:absolute; right:0;z-index:10000; top:9px; right:-1px;}
.menuson li a{ display:block; *display:inline; *padding-top:5px;}
.menuson li.active a{color:#fff;}
.title{cursor:pointer;}
.title a{margin-left: -4px;}
#file1 + i,
#file0 + i { display: block; }


/**支持二级菜单覆盖样式**/
.menuson li .header{height:30px;}
.menuson li .sub-menus{ display:none; background:#d9ebf3;padding:10px 0;border-bottom:1px solid #b7d5df;}
.menuson li .sub-menus li{height:25px;line-height:25px;padding-left:48px;border-left:1px solid #d9ebf3;}
.menuson li .sub-menus li.active{position:relative;right:-1px;border-left:none;background:#fff;}
.menuson li .sub-menus li a{padding-left:9px;color:#000000; background:url(../images/sub-menu-icon.png) 0 12px no-repeat;}
.menuson li .sub-menus li a:hover{color:#238ac5;}
.menuson li .sub-menus li.active a{color:#238ac5;}
.menuson li.active.open cite{margin-top:12px;margin-left:37px; background:url(../images/jtx.png) no-repeat;}



/*right.html*/
.place{height:40px; background:url(../images/righttop.gif) repeat-x;}
.place span{line-height:40px; font-weight:bold;float:left; margin-left:12px;}
.placeul li{float:left; line-height:40px; padding-left:7px; padding-right:12px; background:url(../images/rlist.gif) no-repeat right;}
.placeul li:last-child{background:none;}
.rightinfo{padding:8px;}
.tablelist{border:solid 1px #cbcbcb; width:100%; clear:both;}
.tablelist th{background:url(../images/th.gif) repeat-x; height:34px; line-height:34px; border-bottom:solid 1px #b6cad2; text-indent:11px; text-align:left;}
.tablelist td{line-height:35px; text-indent:11px; border-right: dotted 1px #c7c7c7;}
.tablelist tbody tr.odd{background:#f5f8fa;}
.tablelist tbody tr:hover{background:#e5ebee;}
.tablelink{color:#056dae;}

/*tip*/
.tip{width:485px; height:260px; position:fixed;top:10%; left:12%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;display:none; z-index:111111;}
.tiptop{height:40px; line-height:40px; background:url(../images/tcbg.gif)  repeat-x; cursor:pointer;}
.tiptop span{font-size:14px; font-weight:bold; color:#fff;float:left; text-indent:20px;}
.tiptop a{display:block; background:url(../images/close.png) no-repeat; width:22px; height:22px;float:right;margin-right:7px; margin-top:10px; cursor:pointer;}
.tiptop a:hover{background:url(../images/close1.png) no-repeat;}
.tipinfo{padding-top:30px;margin-left:65px; height:95px;}
.tipinfo span{width:95px; height:95px;float:left;}
.tipright{float:left;padding-top:15px; padding-left:10px;}
.tipright p{font-size:14px; font-weight:bold; line-height:35px;}
.tipright cite{color:#858686;}
.tipbtn{margin-top:25px; margin-left:125px;}
.sure ,.cancel{width:96px; height:35px; line-height:35px; color:#fff; background:url(../images/btnbg1.png) repeat-x; font-size:14px; font-weight:bold;border-radius: 3px; cursor:pointer;}
.cancel{background:url(../images/btnbg2.png) repeat-x;color:#000;font-weight:normal;margin-left: 30px;}

.uptip {width:670px; height:465px; position:fixed;top:10%; left:25%;background:#fcfdfd;box-shadow:1px 8px 10px 1px #9b9b9b;border-radius:1px;display:none; z-index:111111;}
.uptip .tipbtn { margin-left: 150px; }
.uptip .forminfo { margin-top: 20px; }
.uptip .textinput { background-color: #fff; }
.uptip .sure,.uptip .cancel { width: 130px; }

/*footer*/
.footer{background:#f0f9fd; height:30px; border-top:solid 1px #c2d2d7; line-height:30px; color:#98a4a9;}
.footer span{display:block; float:left; background:url(../images/info.png) no-repeat 11px 8px; padding-left:35px;}
.footer i{display:block; float:right; font-style:normal; margin-right:10px; background:url(../images/fjt.png) no-repeat right; padding-right:12px; }


/*列表*/
.option{float: right;}
.imgtable{width:100%;border:solid 1px #cbcbcb;vertical-align: middle; }
.imgtable th{background-color: #F0F5F7;height: 34px;line-height:34px;border-right:1px solid #B6CAD2;border-bottom:1px solid #B6CAD2;text-indent:0px;text-align: center;}
.imgtable th:last-child { border-right: 0; }
.imgtable td{line-height:20px; text-indent:0px; border-right: dotted 1px #c7c7c7;text-align: center;padding:5px;}
/*.imgtable .imgtd img{margin:10px 0px 10px 0px;}*/
.imgtable td p{word-break: break-word;text-align: left;}
.imgtable td i{font-style:normal; color:#ea2020;}
.imgtable td button{ width: 86px;height: 27px;border-radius: 2px;color: white;background-color: #53B8E4;}
.imgtable>tbody>tr>td:last-child { border-right: 0; }
.imgtable tbody tr.odd{background:#f5f8fa;}
.imgtable tbody tr:hover{background:#e5ebee;}
.caozuo img{display: inline;line-height: 50px;border-radius: 3px;padding: 5px 10px 5px 10px;vertical-align: middle;}
.idinput { display: none; }
/*.dfinput{width:135px; height:32px; line-height:32px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df;border-bottom:solid 1px #ced9df; background:url(../images/inputbg.gif) repeat-x; text-indent:10px;}*/
/*.dfselect{ height:34px; line-height:32px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df;border-bottom:solid 1px #ced9df; background:url(../images/inputbg.gif) repeat-x;}*/
/*.find button {width:35px;height:34px;background-color: #4198CA;color:#FFF;}*/
/*.select{height: 20px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df;border-bottom:solid 1px #ced9df;}*/
.tools { clear: both;height: 35px;margin-bottom: 8px;}
.toolbar{float: left;display: inline-block;margin-bottom: 10px;}
.toolbar i { color: #7f7f7f;font-style: normal;display: inline-block;margin-top: 9px; }
.toolbar li { background: url(../images/toolbg.gif) repeat-x;line-height: 33px;height: 33px; border: solid 1px #d3dbde;float: left;padding-right: 10px;margin-right: 5px;border-radius: 3px;cursor: pointer;}

.toolbar li span { float: left;margin-left: 10px;margin-right: 5px;margin-top: 5px;}
.toolbar1 { float: right;}
.toolbar1 li { float: left;margin-left: 5px;border-radius: 3px;}
.toolbar1 li .inputBox { width: 145px; }
.toolbar1 li button { height: 27px;width: 40px;cursor: pointer; }
.toolbar1 li button:last-child { margin-top: 3px; }
.select1 { border: 1px solid #b9b5b5; }


/*分页*/
.pagin ul { margin-top: 20px;float: right;margin-right: 100px; }
.pagin li { border: 1px solid #C1C4C6;padding: 5px 10px;float: left;margin-left: 3px; }
.pagin .active { background-color: #3492DF; }
.pagin .active a { color: #FFF; }

/*发布界面*/
.formbody{padding:10px 18px;}
.formtitle {border-bottom:solid 1px #d0dee5; line-height:35px; position:relative; height:35px; margin-bottom:28px;}
.tab { width: 100%;height:36px;border-bottom: solid 1px #d0dee5;border-left: solid 1px #d0dee5; }
.tab li { width: 110px;height:33px;line-height:35px; position:relative;float: left;border-top: 1px solid #d0dee5;border-right: 1px solid #d0dee5;}
.tab li span {font-weight:bold;font-size:14px; float:left;margin-left: 24px; position:absolute;z-index:100; bottom:-1px; padding:0 3px; height:30px; line-height:26px;}
.tab2 { width: 250px;height:36px;margin-left: 7px;margin-top: 15px; }
.tab2 li { width: 110px;height:33px;line-height:35px; position:relative;float: left;border-bottom: 1px solid #d0dee5;cursor: pointer;}
.tab2 li span { margin-left: 24px;font-size: 16px; }
.tab .active { border-top:solid 3px #66c9f3;border-bottom: 1px solid #FFF; }
.tab2 .active { border-bottom: 3px solid #66c9f3; }
.formtitle span,
.tab li span {font-weight:bold;font-size:14px; float:left;/*margin-left: 24px;*/ position:absolute;z-index:100; bottom:-1px; padding:0 3px; height:30px; line-height:26px;}
.formtitle span { border-bottom:solid 3px #66c9f3; }
.tabforminfo { margin-top: 28px; }
.tabforminfo input[type="reset"] { margin-left: 20px; }
.forminfo {padding-left:23px;}
.forminfo li{margin-bottom:13px; clear:both;}
.forminfo li i{color:#7f7f7f; padding-left:20px; font-style:normal;}
.infoforminfo .title, .tabforminfo .title { padding-left: 9px;display: block;margin-top: -18px; }
#img0,#img1 { margin-top: 10px; }
.forminfo li cite{display:block; padding-top:10px;}
.forminfo li label{width:96px;line-height:34px; display:block; float:left;}
.forminfo li label span{ display: inline-block;width: 9px;color: red; }
.tab+.forminfo label { width:111px;}
.tab+.forminfo label span{ display: inline-block;width: 9px;color: red; }
#upfile { width: 98px;height: 34px;position: absolute;margin-left: -103px;opacity: 0; }
.inputBox{width:345px; height:32px; line-height:32px; border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc;border-right:solid 1px #ced9df; border-bottom:solid 1px #ced9df; background:url(../images/inputbg.gif) repeat-x; text-indent:10px;}
.textinput{border-top:solid 1px #a7b5bc; border-left:solid 1px #a7b5bc; border-right:solid 1px #ced9df;border-bottom:solid 1px #ced9df; background:url(../images/inputbg.gif) repeat-x; padding:10px; width:504px;height:135px; line-height:20px; overflow:hidden;}
.btn{width:137px;height:35px; background:url(../images/btnbg.png) no-repeat; font-size:14px;font-weight:bold;color:#fff; cursor:pointer;margin-top: 20px;}
#file0 { margin-top: 9px; }
.deletebtn img { height: 16px; }
.click img { height: 16px;cursor: pointer; }
.select2 { width: 145px; }
/* 默认选中500首的按钮修改 */
.hoverdiv-0, .hoverdiv-1{ width: 130px;height: 33px;margin-top: 0px;border: 1px solid;position: absolute;opacity: 0; }
.hoverdiv-1 { width: 111px;display: none; }
/* 添加商品分类 */
.radio-0[value='moren'] { margin-top: 10px; }
.radio-0[value='zizeng'] { margin-left: 15px; }
.forminfo .moren { margin-left: 33px;display: none; }
.forminfo .zizeng { margin-left: 96px;display: none; }
.forminfo .moren li { margin-left: 63px;display: inline-block; }
.forminfo .moren label,
.forminfo .zizeng label { width: 100px; }
/*新增包厢*/
.img-box {  margin-top: -15px;margin-left: 86px; }
.img-box > div { display: inline-block;position: relative;margin-left: 3px;margin-right: 15px; }
.img-box > div > input { width: 120px;display: block; }
.img-box .img-box-close { height: 18px;display: block;position: absolute;top: 2px;right: 23px; }

/* K歌大赛列表所有信息详情 */
.infotip { width: 762px;height: 591px;right: 16%;}
.prizetip, .songlisttip, .upprizetip, .matchtip { width: 762px;height: 476px;right: 16%;}
.infotip .infoforminfo { height: 476px;padding-top: 13px;overflow-y: scroll;margin-left: 47px;}
.prizetip .prizeforminfo { height: 375px;overflow-y: scroll;padding: 13px;margin-top: 27px; }
.songlisttip .songlistforminfo { padding: 13px;height: 343px;overflow-y: scroll;margin-top: 27px; }
.matchtip .matchforminfo { padding: 13px;height: 375px;overflow-y: scroll;margin-top: 17px; }
.infotip .tipbtn { margin-top: 16px; }
.infotip .forminfo li label { width: 120px; }

/*修改奖品*/
.upprizetip .upprizeinfo { padding-left: 77px;margin-top: 27px;}
.upprizetip .tipbtn { margin-top: 50px;margin-left: 190px;}
.addimgbtn { position: absolute;right: 35px;top: 48px;cursor: pointer;}

/*财升设置*/
.imgtable td span.changetype { background: #cac7c7;border-radius: 5px;padding: 4px 8px;cursor: pointer;}

/*霸屏推送*/
.bp-formbody .tabforminfo-0 { margin-top: 20px; }
.bp-formbody .tabforminfo-0 li label { width: 70px; }
.bp-formbody .tabforminfo-0 li > .inputBox { margin-left: 20px; }
.bp-formbody .tabforminfo-0 ol { margin-left: 60px; }
.bp-formbody .tabforminfo-0 ol li { background-color: #f8f8f8;border-radius: 4px;display: inline-block;position: relative;margin-left: 20px;padding: 3px; }
.bp-formbody .tabforminfo-0 ol li > img { height: 75px;width: 75px; }
.bp-formbody .tabforminfo-0 ol li > input { height: 77px;width: 77px;position: absolute;opacity: 0; }
.bp-formbody .tabforminfo-0 li.active { border: 1px solid red; }

.bp-formbody .tabforminfo-1 { display: none; }
.bp-formbody .tabforminfo-1 ol { margin-top: 20px; }
.bp-formbody .tabforminfo-1 ol li { width: 75px;line-height: 25px;text-align: center;box-sizing: border-box;font-size: 15px;display: inline-block; }
.bp-formbody .tabforminfo-1 .imgtable { width: 55%; }
.bp-formbody .tabforminfo-1 .imgtable tbody > div { max-height: 70px;overflow-y: auto; }
.bp-formbody .tabforminfo-1 .search-div { margin-bottom: 10px;margin-left: calc(55% - 250px); }
.bp-formbody .tabforminfo-1 .inputBox { width: 200px;height: 27px; }
.bp-formbody .tabforminfo-1 button { width: 44px;height: 27px; }
.bp-formbody .tabforminfo-1 .mac-box { max-height: 450px;overflow-y: auto; }
.bp-formbody .tabforminfo-1 ol li { cursor: pointer; }
.bp-formbody .tabforminfo-1 ol li.active { border-bottom: 2px solid #66c9f3; }

/* 秒杀 */
.vie-caozuo span { height: 20px;width: 45px;border-radius: 3px;color: #fff;display: inline-block;cursor: pointer;}
.vie-caozuo .red { background-color: #ff8100; }
.vie-caozuo .blue { background-color: #3294bf; }