*[disabled=disabled]{cursor: not-allowed;}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width:8px;
    height:8px;
    background-color: #F5F5F5;
    border-radius:4px;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius:4px;
    background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius:4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}
input[type=range] {-webkit-appearance: none;border-radius: 3px;}
input[type=range]:focus {outline: none;}
input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 6px;cursor: pointer;background: cadetblue;border-radius:3px;}
input[type=range]::-webkit-slider-thumb {height: 14px;width: 14px;border-radius:50%;background: #ffffff;cursor: pointer;-webkit-appearance: none;margin-top: -4px;}

input[type=range]::-moz-range-track {width: 100%;height: 6px;cursor: pointer;background: cadetblue;border-radius:3px;}
input[type=range]::-moz-range-thumb {height: 14px;width: 14px;border-radius:50%;background: #ffffff;cursor: pointer;-webkit-appearance: none;margin-top: -4px;}
input[type=range]::-ms-track {width: 100%;height: 6px;cursor: pointer;background: cadetblue;border-radius:3px;}
input[type=range]::-ms-fill-lower {background: #2a6495;border: 0.2px solid #010101;border-radius: 2.6px;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type=range]::-ms-fill-upper {background: #3071a9;border: 0.2px solid #010101;border-radius: 2.6px;box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;}
input[type=range]::-ms-thumb {height: 14px;width: 14px;border-radius:50%;background: #ffffff;cursor: pointer;-webkit-appearance: none;margin-top: -4px;}
input[type=range]:focus::-ms-fill-lower {background: #3071a9;}
input[type=range]:focus::-ms-fill-upper {background: #367ebd;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;}
@keyframes bg_opacity_first { 0%   {opacity:0;} 100%  {opacity:0.3;} }
@keyframes bg_opacity_last { 0%   {opacity:0.3;} 100%  {opacity:0;} }
@keyframes bg_box_first { 0%   {opacity:0;} 100%  {opacity:1;} }
@keyframes bg_box_last { 0%   {opacity:1;} 100%  {opacity:0;} }
@-webkit-keyframes bg_opacity_first { 0%   {opacity:0;} 100%  {opacity:0.3;} }
@-webkit-keyframes bg_opacity_last { 0%   {opacity:0.3;} 100%  {opacity:0;} }
@-webkit-keyframes bg_box_first { 0%   {opacity:0;} 100%  {opacity:1;} }
@-webkit-keyframes bg_box_last { 0%   {opacity:1;} 100%  {opacity:0;} }

.Layer_close,.Layer_max{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;overflow: hidden;}
.Layer_url{position: absolute;top:7px;left: 10px;width: 150px;border: 2px #e5e5e5 solid;border-radius: 13px;height: auto;padding: 1px 3px;overflow: hidden;transition: width 0.5s;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;}
.Layer_url:hover,.Layer_url:focus{border-color: #000;width:80%;padding-right: 20px; }
.Layer_max{right:37px;top:12px;border: 2px #e5e5e5 solid;width: 8px;height: 8px;}
.Layer_max:hover{border-color: #000;}
.Layer_close:hover,.Layer_max{cursor:pointer;opacity:1;}
.Layer_close::before, .Layer_close::after {content: '';position: absolute;width: 80%;top: 50%;left: 10%;height: 3px;margin-top: -3px;border-radius: 5px;background-color: #e5e5e5;}
.Layer_close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.Layer_close::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.Layer_close:hover::before, .Layer_close:hover::after{background-color: #000;}

.btn{line-height:30px;background-color:#E83A18;;padding: 0 15px;color: #fff;border-radius:4px;cursor: pointer;display: inline-block;border: none;outline: none;text-decoration: none;}
.btn:hover{background-color:#E88316;}
.btn[disabled=disabled]{background-color: cornflowerblue; cursor: not-allowed;}
.chooseBtn {display: none;}
.choose-label {-webkit-box-shadow: #ccc 0px 0px 0px 1px;box-shadow: #ccc 0px 0px 0px 1px;width:35px;height:14px;display:inline-block;border-radius: 7px;position:relative;background-color:#bdbdbd;overflow: hidden;cursor:pointer;}
.choose-label:before {content: '';position: absolute;left: 0;width:14px;height: 14px;display: inline-block;border-radius:50%;background-color: #fff;z-index: 20;-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.chooseBtn:checked + label.choose-label:before {left: 21px;}
.chooseBtn:checked + label.choose-label {  background-color: #51ccee;}
