a:hover,a:focus { text-decoration:none; }
.form-text { display:block; margin-top:7px; margin-bottom:8px; color:#bcc2c8; }
.box { width:100%; height:auto; display:table; padding:20px; border:1px solid #eee; text-align:left; margin-bottom:18px; }
.btn .coolc { font-size:15px !important; }
.date { width:100%; background:url(../../skin/images/date.png) no-repeat #fff right center!important; }

.left-menu-box { padding-top:10px; }
.left-menu-box ul li { height:75px; }
.left-menu-box ul li a i { line-height:60px!important; }
.left-menu-box ul li .coolc-menu-title { left:0px; width:100%; height:30px; font-size:12px; text-align:center; display:block; padding-top:32px; }
@media (max-width:767px){.coolc-menubar-light{ width:90px; height:61px; border-right:none; }}
@media (min-width:768px){.coolc-menubar-light{ width:90px; height:61px; border-right:1px solid #dedede; }}

.left-menu-box ul li.active { background:url(../../skin/images/do.gif) no-repeat right 17px!important; }
.left-menu-box ul li.active a { background:url(../../skin/images/left_bg.png) no-repeat center 7px!important; }
.left-menu-box ul li.active a i { color:#fff; }
.left-menu-box ul li.active a .coolc-menu-title { color:#666; }

.breadcrumb { background:none; padding:8px 0 4px 0; }
.breadcrumb a { color:#999; }
.breadcrumb a:hover { text-decoration:none; color:#FF6600; }
.breadcrumb li { color:#999!important; }
.f20 { font-size:20px; color:#00c681; }
.f30 { font-size:30px!important; }
.f34 { font-size:34px!important; }
.f40 { font-size:40px!important; }
.mr-20 { margin-right:20px; }

/* 时间 */
.worktime{ width:400px; }
.worktime table{ border:1px solid #eee; width:100%; line-height:24px;  text-align:center; }
.worktime table tr td{ border-right:1px solid #eee; padding:3px 0; }
.worktime table tr td:first-child{ width:20%;}
.worktime table tr{ border:1px solid #eee; }
.worktime table tr:nth-child(2n){ background:rgba(0,0,0,0.04); }
.worktime table .ok{ color:#3bc320; }

/* 价格 */
.workjg { width:600px; }
.workjg table{ border:1px solid #eee; width:100%; line-height:24px;  text-align:center; }
.workjg table tr td{ border-right:1px solid #eee; padding:3px 0; }
.workjg table tr td:first-child{ width:20%;}
.workjg table tr{ border:1px solid #eee; }
.huagan_box { width:519px; padding:30px 20px; position:relative; }

input[type="range"] { width:400px; height:6px; display:block; -webkit-appearance:none; background-color:#bdc3c7; border-radius:6px; outline:0; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; background-color:#e74c3c; width:30px; height:30px; border-radius:50%; border:2px solid white; cursor:pointer; transition:0.3s ease-in-out; }
input[type="range"]::-webkit-slider-thumb:hover { background-color:white; border:2px solid #e74c3c; }
input[type="range"]::-webkit-slider-thumb:active { transform:scale(1.6); }

.value { text-align:center; font-weight:bold; text-align:center; font-size:30px; width:59px; height:66px; line-height:66px; position:absolute; right:20px; top:0px; }
.value span { font-size:14px!important; font-weight:500; padding-left:3px; color:#999999; }

/* 正方形大小 */
.square-30 { width:30px; height:30px; line-height:30px; text-align:center; display:block; }
.square-40 { width:40px; height:40px; line-height:40px; text-align:center; display:block; }
.square-50 { width:50px; height:50px; line-height:50px; text-align:center; display:block; }
.square-55 { width:55px; height:55px; line-height:55px; text-align:center; display:block; }
.square-60 { width:60px; height:60px; line-height:60px; text-align:center; display:block; }

.btn-round-100 { border-radius:100%; }

/* 渐变图标-加阴影 */
.circle-violet { color:#fff; display:block; background:#7e42f8; background:linear-gradient(to right,#7e42f8 30%,#af3cef 70%); -moz-box-shadow:0px 2px 10px #7e42f8; -webkit-box-shadow:0px 2px 10px #7e42f8; box-shadow:0px 2px 10px #7e42f8; }
.circle-red { color:#fff; display:block; background:#ff7200; background:linear-gradient(to right,#ff7200 30%,#ff0f00 70%); -moz-box-shadow:0px 2px 10px #ff1500; -webkit-box-shadow:0px 2px 10px #ff1500; box-shadow:0px 2px 10px #ff1500; }
.circle-green { color:#fff; display:block; background:#00ddbd; background:linear-gradient(to right,#00ddbd 30%,#05c28e 70%); -moz-box-shadow:0px 2px 10px #00ddbd; -webkit-box-shadow:0px 2px 10px #00ddbd; box-shadow:0px 2px 10px #00ddbd; }
.circle-orange { color:#fff; display:block; background:#ffd200; background:linear-gradient(to right,#ffd200 30%,#ff9d00 70%); -moz-box-shadow:0px 2px 10px #ffd200; -webkit-box-shadow:0px 2px 10px #ffd200; box-shadow:0px 2px 10px #ffd200; }
.circle-blue { color:#fff; display:block; background:#00b3ff; background:linear-gradient(to right,#00b3ff 30%,#007fff 70%); -moz-box-shadow:0px 2px 10px #00b3ff; -webkit-box-shadow:0px 2px 10px #00b3ff; box-shadow:0px 2px 10px #00b3ff; }
.circle-cyan { color:#fff; display:block; background:#00d4ff; background:linear-gradient(to right,#00d4ff 30%,#0bc5ff 70%); -moz-box-shadow:0px 2px 10px #00d4ff; -webkit-box-shadow:0px 2px 10px #00d4ff; box-shadow:0px 2px 10px #00d4ff; }
.circle-black { color:#fff; display:block; background:#333; background:linear-gradient(to right,#999 30%,#333 70%); -moz-box-shadow:0px 2px 10px #999; -webkit-box-shadow:0px 2px 10px #999; box-shadow:0px 2px 10px #999; }

/* 渐变图标-不加阴影 */
.circle-noshadow-violet { color:#fff; display:block; background:#7e42f8; background:linear-gradient(to right,#7e42f8 30%,#af3cef 70%); }
.circle-noshadow-red { color:#fff; display:block; background:#ff7200; background:linear-gradient(to right,#ff7200 30%,#ff0f00 70%); }
.circle-noshadow-green { color:#fff; display:block; background:#00ddbd; background:linear-gradient(to right,#00ddbd 30%,#05c28e 70%); }
.circle-noshadow-orange { color:#fff; display:block; background:#ffd200; background:linear-gradient(to right,#ffd200 30%,#ff9d00 70%); }
.circle-noshadow-blue { color:#fff; display:block; background:#00b3ff; background:linear-gradient(to right,#00b3ff 30%,#007fff 70%); }
.circle-noshadow-cyan { color:#fff; display:block; background:#00d4ff; background:linear-gradient(to right,#00d4ff 30%,#0bc5ff 70%); }

/* 左侧线条 */
@media (max-width:767px){.border-xs-left { border-left:none!important; } }
@media (min-width:768px){.border-sm-left { border-left:1px solid #dedede!important; } }
@media (min-width:992px){.border-md-left { border-left:none!important; } }
@media (min-width:1200px){.border-lg-left { border-left:1px solid #dedede!important; } }


.coolc-box-square h2 { margin:0px; margin-top:3px; font-size:30px!important; }
.coolc-box-square p { margin-bottom:0px; font-size:14px; }

.example-coolc .example-col { margin:0px!important; margin-bottom:20px!important; }
.example-coolc .example-col-10 { margin:0px!important; margin-bottom:10px!important; }
.example-coolc table tr td { padding:12px!important; }
.example-coolc table span { color:#999; font-size:12px; }
.example-coolc table h3 { color:#333; font-size:20px; margin:5px 0!important; }
.coolc-a a { display:block; color:#666; }
.coolc-a a:hover { color:#f00; }

.coolc-table td,.coolc-table th { border-width:1px!important; border-style:solid!important; border-color:#eee!important; }
.coolc-table td,.coolc-table th { position:relative!important; padding:9px 15px!important; font-size:14px!important; }
.form-control{ display:block; width:100%; height:34px; padding:4px 12px; font-size:14px; line-height:1.6; color:#76838f; background-color:#fff; background-image:none; border:1px solid #dedede; border-radius:2px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;}
select.auto{ height:30px; padding:3px 3px 2px 3px; margin-right:5px; border:1px solid #e1e1e1; color:#7a7a7a; float:left; }
.coolc-nav a { padding:10px 0px!important; margin-right:26px!important; }


/* 登录页面 */
.video-player{ width:100%; height:100%; display:block;position:absolute;z-index: 1;top:0; background:url(../images/login_bg.jpg) no-repeat center; background-size:100% auto; }
.video_mask{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:90; background-color:rgba(0,0,40,0.6); }
.login{ height:300px; width:326px; padding:23px; background-color:rgba(255,255,255); border-radius:5px; position:absolute; left:50%; top:50%; margin:-165px 0 0 -160px; z-index:99; }
.login h1{ text-align:center; color:#333; font-size:22px; font-weight:bold; margin-bottom:20px; margin-top:5px; }
.login p { width:100%; display:block; text-align:center; font-size:12px; color:#ccc; padding-top:8px; }
.login p a { color:#ccc; }
.login p a:hover { color:#f00; }
.form_code{ position:relative; }
.form_code .code{ position:absolute; border-left:1px solid #dedede; right:1px; top:1px; cursor:pointer; }

/* 锁屏弹层 */
.blur{ width:100%; height:100%; position:absolute; left:0px; top:0px; right:0px; bottom:0px; -webkit-filter:blur(5px); -moz-filter:blur(5px); -ms-filter:blur(5px); filter:blur(5px); }
.lock_box { width:100%; height:auto; display:table; padding:20px; }
.lock_box .lock_info { width:100%; height:auto; display:table; text-align:center; }
.lock_box .lock_info .img_box { width:70px; height:70px; margin:0 auto; background:#ffd200; border-radius:100%; }
.lock_box .lock_info .img_box img { width:70%; margin:15%; }
.lock_box .lock_info p { width:100%; height:40px; line-height:40px; display:block; margin:0px; }
.lock_box .lock_info .form-control { text-align:center; font-size:22px; font-weight:bold; letter-spacing:8px; }
.lock_box .lock_info .btn-round { margin:18px auto 0 auto; padding:4px 15px!important; }

.layui-layer { border-radius:6px !important; overflow:hidden !important; }
.test_pic_box { width:100%; height:160px; border:2px dotted #ccc; }
.box-green-radius { width:16px; height:16px; line-height:16px; text-align:center; color:#fff; display:block; background:#00ddbd; border-radius:100%; }
.box-green-radius i { width:16px; height:16px; line-height:16px; text-align:center; display:block; font-size:12px; }
.class_left_box { padding:0px; border:0px; background:none; }


.post_absolute { position:relative; }
.post_absolute .coolc_post_box { width:100%; position:fixed; padding:15px 0; left:90px; right:0px; bottom:0px; z-index:9; background:#fff; box-shadow:0px 2px 10px #999; }

.panel { margin-bottom:0px !important; }

.w-20 { width:20px!important }
.w-30 { width:30px!important }
.w-40 { width:40px!important }
.w-50 { width:50px!important }
.w-60 { width:60px!important }
.w-80 { width:80px!important }
.w-100 { width:100px!important }
.w-120 { width: 120px!important }
.w-150 { width:150px!important }
.w-160 { width:160px!important }
.w-200 { width:200px!important }
.w-250 { width:250px!important }
.w-300 { width:300px!important }
.w-350 { width:350px!important }
.w-400 { width:400px!important }
.w-450 { width:450px!important }
.w-500 { width:500px!important }
.w-600 { width:600px!important }

/* 样音检索 */
.form_search { width:100%; padding:15px; border-bottom:1px solid #eee; }
.table_body { width:100%; height:428px; overflow:auto; padding:15px; }
.bottom_search { width:100%; padding:15px; border-top:1px solid #eee; }

.patbox { letter-spacing:-2px; }
.zhedie { width:24px; height:24px; line-height:22px; display:block; border:1px solid #eee; background:#fff; border-radius:3px; text-align:center; cursor:pointer; margin:0 auto; }
.zhedie i { font-size:12px; color:#999; }

/* 样音管理列表 */
.file_list { width:100%; height:auto; display:table; clear:both; margin:0px; padding:0px; }
.file_list ul { margin:0px!important; padding:0px; }
.file_list ul li { width:100px; height:120px; float:left; border:1px solid #eee; margin-bottom:20px; margin-right:20px; border-radius:3px; }
.file_list ul li i { width:100px; height:90px; display:block; background:url(../images/file.svg) no-repeat center; background-size:80% 80%; }
.file_list ul li span { width:100%; height:30px; display:block; text-align:center; color:#999; font-size:12px; }
.footer_btn { width:100%; padding-bottom:20px; display:block; }

/* 老师收藏 */
.teacher_li { width:100%; height:90px; padding:15px; border:1px solid #eee; margin-top:10px; border-radius:3px; }
.teacher_li .photo { width:60px; height:60px; float:left; }
.teacher_li .photo img { width:60px; height:60px; }
.teacher_li .teacher_info { width:400px; height:60px; padding-left:15px; float:left; }
.teacher_li .teacher_info h2 { font-size:14px; }
.teacher_li .teacher_info .color-ccc { color:#ccc; }
.teacher_li .order { width:100px; line-height:55px; text-align:center; float:left; color:#999; }
.teacher_li .time { width:200px; height:55px; text-align:center; float:left; color:#999; padding-top:10px; }

/* 详情关联样音 */
.join_music_case { width:100%; height:auto; display:table; }
.join_music_case ul { padding:0px!important; }
.join_music_case ul li { width:100%; height:60px; background:#f2f4f5; float:left; padding:10px; padding-left:60px; position:relative; }
.join_music_case ul li i { width:40px; height:40px; line-height:40px; font-size:40px; text-align:center; display:block; position:absolute; left:10px; background:#ff7e00; color:#fff; border-radius:100px; }
.join_music_case ul li i::after { width:40px; height:40px; border:4px solid #ff7e00; content:""; position:absolute; left:0px; border-radius:100px; }
.join_music_case ul li .os { position:absolute; right:12px; bottom:12px; }
.join_music_case ul li b { width:100%; font-size:14px; font-weight:500; padding-bottom:2px; color:#000; }
.join_music_case ul li p { width:100%; font-size:12px; font-weight:500; color:#999; }

.table-responsive { width:auto!important; border:1px solid #eee; height:auto; border-right:0px; }
.table-responsive tr td { padding:10px!important; }
.table-responsive thead tr { border-bottom:1px solid #eee; background:rgba(243,247,249,.5); }
.table-responsive thead tr td { text-align:center; border-right:1px solid #eee; }
.table-responsive tbody tr td { text-align:center; border-right:1px solid #eee; }

.table_middle tr td { display:table-cell; vertical-align:middle !important; }
.propert_box { width:100%; clear:both; padding-top:12px; }
.propert_box table { width:100%!important; }

.form-table { width:100%; }
.form-table td,.form-table th { display:table-cell; vertical-align:middle; border-top:0px; border-bottom:0px; }
.form-table tr:nth-child(1) th,.form-table tr:nth-child(1) td { border-top:0px; }
.form-table td .input-w-sm { width:40%; }
.form-table td .input-w-xs { width:20%; }
.form-table td .input-w-xxs { width:10%; }
.form-table td .w-auto { width:auto; }
.form-table th { text-align:right; font-size:13px; color:#a9b2bb; }
.form-table td .custom_box { width:100%; display:block; clear:both; }
.form-table td .custom_box .checkbox-custom, .form-table td .custom_box .radio-custom { margin-top:0px; margin-bottom:0px; }

.order_pic { width:100%; height:40px !important; position:relative; padding-left:26px; }
.order_pic .badge { position:absolute; left:0px; top:0px; }
.order_pic img { position:absolute; left:26px; top:0px; border-radius:2px; }
.order_pic p { height:40px !important; font-size:14px !important; display:block; padding-left:70px; }
.order_pic p span { height:18px; line-height:14px; font-size:12px; color:#ccc; display:block; }

/* 排行榜 */
.tips_box { width:100%; height:auto; display:table; background:#fff; margin-bottom:12px; border:1px solid #eee; }
.tips_box .title { width:100%; height:50px; padding:0 15px; }
.tips_box .title b { height:50px; line-height:50px; display:block; font-size:16px; font-weight:500; float:left; position:relative; padding-left:14px; }
.tips_box .title b::before { width:8px; height:8px; border-radius:20px; position:absolute; content:""; background:#46be8a; left:0px; top:50%; margin-top:-4px; }
.tips_box .title span { height:50px; line-height:52px; font-size:12px; padding-left:6px; color:#999; display:block; float:left; overflow:hidden; }

.ranking_box { width:100%; height:auto; overflow:hidden; }
.ranking_box ul { padding:0px; margin:0px; }
.ranking_box ul li { width:100%; height:43px; line-height:42px; border-bottom:1px solid #eee; }
.ranking_box ul li b { width:15%; display:inline-block; text-align:center; overflow:hidden; font-weight:500; }
.ranking_box ul li em { width:20%; display:inline-block; text-align:center; overflow:hidden; font-style: initial; }
.ranking_box ul li img { margin-right:5px; border-radius:100%; }
.ranking_box ul li span { width:65%; height:43px; display:inline-block; overflow:hidden; }
.ranking_box ul li.table_title { background:#eee; }
.ranking_box ul li:nth-child(2) b,.ranking_box ul li:nth-child(2) em { color:#F44336; font-weight:bold; font-size:19px; }
.ranking_box ul li:nth-child(3) b,.ranking_box ul li:nth-child(3) em { color:#FF9800; font-weight:bold; font-size:17px; }
.ranking_box ul li:nth-child(4) b,.ranking_box ul li:nth-child(4) em { color:#03A9F4; font-weight:bold; font-size:15px; }
.ranking_box ul li:nth-last-child(1) { border-bottom:0px; }

/* 查询标题是否重复 */
.titlequery { width:100%;display:none; margin-top:38px; position:relative; }
.titlequery .em_length { height:24px; line-height:24px; padding:0 6px; border-radius:2px; display:inline-block; font-style:normal; background:#f2a654; color:#fff; position:absolute; top:-29px; }
.titlequery ul { width:100%; height:90px; overflow-y:auto; margin:0px!important; padding:5px!important; border:1px solid #eee; border-radius:2px; }
.titlequery ul li { width:100%; height:auto; display:table; padding:2px 5px; color:#ccc; }