
blockquote,body,button,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;font-size:100%;user-select:none}
dd,dl,dt,li,ol,u,ul{list-style:none;padding:0;margin:0}
a,address,caption,cite,code,dfn,em,i,s,strong,th,var{font-style:normal;text-decoration:none}
label input{vertical-align:middle}
a{ text-decoration:none!important; color:#575757}
a:hover{ text-decoration:none; color:#E93234; }
a.hidefocus{ outline:0; }
body{font:12px/1.5 "微软雅黑",Arial,Helvetica,sans-serif;color:#000;background:#fff}
img{border:0;vertical-align:middle}
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}

.pull-left { float:left!important; 

}
.pull-overflow{
    width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.pull-right { float:right!important; }
.clearpadiing{ padding:0; }
.clearmargin{ margin:0; }
.clearborder{ border:0!important; }

.color-999{ color:#666!important; }
.color-333{ color:#333!important; }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
   color: #999; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
   color: #999; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
   color: #999; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
   color: #999; 
}

.red-100{color:#ffdbdc!important}
.red-200{color:#ffbfc1!important}
.red-300{color:#ffa1a4!important}
.red-400{color:#ff8589!important}
.red-500{color:#ff666b!important}
.red-600{color:#ff4c52!important}
.red-700{color:#f2353c!important}
.red-800{color:#e62020!important}
.red-900{color:#d60b0b!important}
.pink-100{color:#ffd9e6!important}
.pink-200{color:#ffbad2!important}
.pink-300{color:#ff9ec0!important}
.pink-400{color:#ff7daa!important}
.pink-500{color:#ff5e97!important}
.pink-600{color:#f74584!important}
.pink-700{color:#eb2f71!important}
.pink-800{color:#e6155e!important}
.pink-900{color:#d10049!important}
.purple-100{color:#eae1fc!important}
.purple-200{color:#d9c7fc!important}
.purple-300{color:#c8aefc!important}
.purple-400{color:#b693fa!important}
.purple-500{color:#a57afa!important}
.purple-600{color:#9463f7!important}
.purple-700{color:#8349f5!important}
.purple-800{color:#7231f5!important}
.purple-900{color:#6118f2!important}
.indigo-100{color:#e1e4fc!important}
.indigo-200{color:#c7cffc!important}
.indigo-300{color:#afb9fa!important}
.indigo-400{color:#96a3fa!important}
.indigo-500{color:#7d8efa!important}
.indigo-600{color:#667afa!important}
.indigo-700{color:#4d64fa!important}
.indigo-800{color:#364ff5!important}
.indigo-900{color:#1f3aed!important}
.blue-100{color:#d9e9ff!important}
.blue-200{color:#b8d7ff!important}
.blue-300{color:#99c5ff!important}
.blue-400{color:#79b2fc!important}
.blue-500{color:#589ffc!important}
.blue-600{color:#3e8ef7!important}
.blue-700{color:#247cf0!important}
.blue-800{color:#0b69e3!important}
.blue-900{color:#0053bf!important}
.cyan-100{color:#c2f5ff!important}
.cyan-200{color:#9de6f5!important}
.cyan-300{color:#77d9ed!important}
.cyan-400{color:#54cbe3!important}
.cyan-500{color:#28c0de!important}
.cyan-600{color:#00a0de!important}
.cyan-700{color:#0099b8!important}
.cyan-800{color:#007d96!important}
.cyan-900{color:#006275!important}
.teal-100{color:#c3f7f2!important}
.teal-200{color:#92f0e6!important}
.teal-300{color:#6be3d7!important}
.teal-400{color:#45d6c8!important}
.teal-500{color:#28c7b7!important}
.teal-600{color:#17b3a3!important}
.teal-700{color:#089e8f!important}
.teal-800{color:#008577!important}
.teal-900{color:#00665c!important}
.green-100{color:#c2fadc!important}
.green-200{color:#99f2c2!important}
.green-300{color:#72e8ab!important}
.green-400{color:#49de94!important}
.green-500{color:#28d17c!important}
.green-600{color:#11c26d!important}
.green-700{color:#05a85c!important}
.green-800{color:#008c4d!important}
.green-900{color:#006e3c!important}
.light-green-100{color:#dcf7b0!important}
.light-green-200{color:#c3e887!important}
.light-green-300{color:#add966!important}
.light-green-400{color:#94cc39!important}
.light-green-500{color:#7eb524!important}
.light-green-600{color:#6da611!important}
.light-green-700{color:#5a9101!important}
.light-green-800{color:#4a7800!important}
.light-green-900{color:#3a5e00!important}
.yellow-100{color:#fff6b5!important}
.yellow-200{color:#fff39c!important}
.yellow-300{color:#ffed78!important}
.yellow-400{color:#ffe54f!important}
.yellow-500{color:#ffdc2e!important}
.yellow-600{color:#ffcd17!important}
.yellow-700{color:#fcb900!important}
.yellow-800{color:#faa700!important}
.yellow-900{color:#fa9600!important}
.orange-100{color:#ffe1c4!important}
.orange-200{color:#ffc894!important}
.orange-300{color:#fab06b!important}
.orange-400{color:#fa983c!important}
.orange-500{color:#f57d1b!important}
.orange-600{color:#eb6709!important}
.orange-700{color:#de4e00!important}
.orange-800{color:#b53f00!important}
.orange-900{color:#962d00!important}
.brown-100{color:#f5e2da!important}
.brown-200{color:#e0cdc5!important}
.brown-300{color:#cfb8b0!important}
.brown-400{color:#bda299!important}
.brown-500{color:#ab8c82!important}
.brown-600{color:#997b71!important}
.brown-700{color:#82675f!important}
.brown-800{color:#6b534c!important}
.brown-900{color:#57403a!important}
.grey-100{color:#fafafa!important}
.grey-200{color:#eee!important}
.grey-300{color:#e0e0e0!important}
.grey-400{color:#bdbdbd!important}
.grey-500{color:#9e9e9e!important}
.grey-600{color:#757575!important}
.grey-700{color:#616161!important}
.grey-800{color:#424242!important}
.grey-900{color:#474747!important}
.black{color:#000!important}
.white{color:#fff!important}

.background-white{background: #fff!important}
.background-e5e5e5{background:#e5e5e5!important}

.vertical-align-bottom{vertical-align:bottom}
.inline{display:inline!important}
.inline-block{display:inline-block!important}
.block{display:block!important}
.none{display:none!important}
.text-top{vertical-align:top!important}
.text-middle{vertical-align:middle!important}
.text-bottom{vertical-align:bottom!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.l-s-5 { letter-spacing:-1px; }


.font-weight-unset{font-weight:unset!important}
.font-weight-100{font-weight:100!important}
.font-weight-200{font-weight:200!important}
.font-weight-300{font-weight:300!important}
.font-weight-400{font-weight:400!important}
.font-weight-500{font-weight:500!important}
.font-weight-600{font-weight:600!important}
.font-weight-700{font-weight:700!important}
.font-weight-800{font-weight:800!important}
.font-weight-900{font-weight:900!important}
.font-weight-light{font-weight:300!important}
.font-weight-normal{font-weight:400!important}
.font-weight-medium{font-weight:500!important}
.font-weight-bold{font-weight:700!important}


.font-size-0{font-size:0!important}
.font-size-10{font-size:10px!important}
.font-size-12{font-size:12px!important}
.font-size-14{font-size:14px!important}
.font-size-16{font-size:16px!important}
.font-size-18{font-size:18px!important}
.font-size-20{font-size:20px!important}
.font-size-22{font-size:22px!important}
.font-size-24{font-size:24px!important}
.font-size-26{font-size:26px!important}
.font-size-28{font-size:28px!important}
.font-size-30{font-size:30px!important}
.font-size-32{font-size:32px!important}
.font-size-35{font-size:35px!important}
.font-size-38{font-size:38px!important}
.font-size-40{font-size:40px!important}
.font-size-50{font-size:50px!important}
.font-size-60{font-size:60px!important}
.font-size-70{font-size:70px!important}
.font-size-80{font-size:80px!important}
.font-size-90{font-size:90px!important}
.font-size-100{font-size:100px!important}


.m-0{margin:0!important}
.mr-3,.mx-3{margin-right:3px!important}
.mr-120,.mx-120{margin-right:120px!important}
.ml-3,.mx-3{margin-left:3px!important}
.mt-3,.my-3{margin-top:3px!important}
.mb-3,.my-3{margin-bottom:3px!important}
.m-3{margin:3px!important}
.mr-5,.mx-5{margin-right:5px!important}
.ml-5,.mx-5{margin-left:5px!important}
.mt-5,.my-5{margin-top:5px!important}
.mb-5,.my-5{margin-bottom:5px!important}
.m-5{margin:5px!important}
.mr-10,.mx-10{margin-right:10px!important}
.ml-10,.mx-10{margin-left:10px!important}
.mt-10,.my-10{margin-top:10px!important}
.mb-10,.my-10{margin-bottom:10px!important}
.m-10{margin:10px!important}
.mr-15,.mx-15{margin-right:15px!important}
.ml-15,.mx-15{margin-left:15px!important}
.mt-15,.my-15{margin-top:15px!important}
.mb-15,.my-15{margin-bottom:15px!important}
.m-15{margin:15px!important}
.mr-20,.mx-20{margin-right:20px!important}
.ml-20,.mx-20{margin-left:20px!important}
.mt-20,.my-20{margin-top:20px!important}
.mb-20,.my-20{margin-bottom:20px!important}
.m-20{margin:20px!important}
.mr-25,.mx-25{margin-right:25px!important}
.ml-25,.mx-25{margin-left:25px!important}
.mt-25,.my-25{margin-top:25px!important}
.mb-25,.my-25{margin-bottom:25px!important}
.m-25{margin:25px!important}
.mr-30,.mx-30{margin-right:30px!important}
.ml-30,.mx-30{margin-left:30px!important}
.mt-30,.my-30{margin-top:30px!important}
.mb-30,.my-30{margin-bottom:30px!important}
.m-30{margin:30px!important}
.mr-35,.mx-35{margin-right:35px!important}
.ml-35,.mx-35{margin-left:35px!important}
.mt-35,.my-35{margin-top:35px!important}
.mb-35,.my-35{margin-bottom:35px!important}
.m-35{margin:35px!important}
.mr-40,.mx-40{margin-right:40px!important}
.ml-40,.mx-40{margin-left:40px!important}
.mt-40,.my-40{margin-top:40px!important}
.mb-40,.my-40{margin-bottom:40px!important}
.m-40{margin:40px!important}
.mr-45,.mx-45{margin-right:45px!important}
.ml-45,.mx-45{margin-left:45px!important}
.mt-45,.my-45{margin-top:45px!important}
.mb-45,.my-45{margin-bottom:45px!important}
.m-45{margin:45px!important}
.mr-50,.mx-50{margin-right:50px!important}
.ml-50,.mx-50{margin-left:50px!important}
.mt-50,.my-50{margin-top:50px!important}
.mb-50,.my-50{margin-bottom:50px!important}
.m-50{margin:50px!important}
.mr-60,.mx-60{margin-right:60px!important}
.ml-60,.mx-60{margin-left:60px!important}
.mt-60,.my-60{margin-top:60px!important}
.mb-60,.my-60{margin-bottom:60px!important}
.m-60{margin:60px!important}
.mr-70,.mx-70{margin-right:70px!important}
.ml-70,.mx-70{margin-left:70px!important}
.mt-70,.my-70{margin-top:70px!important}
.mb-70,.my-70{margin-bottom:70px!important}
.m-70{margin:70px!important}
.mr-80,.mx-80{margin-right:80px!important}
.ml-80,.mx-80{margin-left:80px!important}
.mt-80,.my-80{margin-top:80px!important}
.mb-80,.my-80{margin-bottom:80px!important}
.m-80{margin:80px!important}
.mr-100,.mx-100{margin-right:100px!important}
.ml-100,.mx-100{margin-left:100px!important}
.mt-100,.my-100{margin-top:100px!important}
.mb-100,.my-100{margin-bottom:100px!important}
.m-100{margin:100px!important}
.mr--30,.mx--30{margin-right:-30px!important}
.ml--30,.mx--30{margin-left:-30px!important}
.mt--30,.my--30{margin-top:-30px!important}
.mb--30,.my--30{margin-bottom:-30px!important}
.m--30{margin:-30px!important}
.mr--25,.mx--25{margin-right:-25px!important}
.ml--25,.mx--25{margin-left:-25px!important}
.mt--25,.my--25{margin-top:-25px!important}
.mb--25,.my--25{margin-bottom:-25px!important}
.m--25{margin:-25px!important}
.mr--20,.mx--20{margin-right:-20px!important}
.ml--20,.mx--20{margin-left:-20px!important}
.mt--20,.my--20{margin-top:-20px!important}
.mb--20,.my--20{margin-bottom:-20px!important}
.m--20{margin:-20px!important}
.mr--15,.mx--15{margin-right:-15px!important}
.ml--15,.mx--15{margin-left:-15px!important}
.mt--15,.my--15{margin-top:-15px!important}
.mb--15,.my--15{margin-bottom:-15px!important}
.m--15{margin:-15px!important}
.mr--10,.mx--10{margin-right:-10px!important}
.ml--10,.mx--10{margin-left:-10px!important}
.mt--10,.my--10{margin-top:-10px!important}
.mb--10,.my--10{margin-bottom:-10px!important}
.m--10{margin:-10px!important}
.mr--5,.mx--5{margin-right:-5px!important}
.ml--5,.mx--5{margin-left:-5px!important}
.mt--5,.my--5{margin-top:-5px!important}
.mb--5,.my--5{margin-bottom:-5px!important}
.m--5{margin:-5px!important}
.mr--3,.mx--3{margin-right:-3px!important}
.ml--3,.mx--3{margin-left:-3px!important}
.mt--3,.my--3{margin-top:-3px!important}
.mb--3,.my--3{margin-bottom:-3px!important}
.m--3{margin:-3px!important}
.mr--1,.mx--1{margin-right:-1px!important}
.ml--1,.mx--1{margin-left:-1px!important}
.mt--1,.my--1{margin-top:-1px!important}
.mb--1,.my--1{margin-bottom:-1px!important}
.m--1{margin:-1px!important}


.p-0{padding:0!important}
.pr-3,.px-3{padding-right:3px!important}
.pl-3,.px-3{padding-left:3px!important}
.pt-3,.py-3{padding-top:3px!important}
.pb-3,.py-3{padding-bottom:3px!important}
.p-3{padding:3px!important}
.pr-5,.px-5{padding-right:5px!important}
.pl-5,.px-5{padding-left:5px!important}
.pt-5,.py-5{padding-top:5px!important}
.pb-5,.py-5{padding-bottom:5px!important}
.p-5{padding:5px!important}
.pr-10,.px-10{padding-right:10px!important}
.pl-10,.px-10{padding-left:10px!important}
.pt-10,.py-10{padding-top:10px!important}
.pb-10,.py-10{padding-bottom:10px!important}
.p-10{padding:10px!important}
.pr-15,.px-15{padding-right:15px!important}
.pl-15,.px-15{padding-left:15px!important}
.pt-15,.py-15{padding-top:15px!important}
.pb-15,.py-15{padding-bottom:15px!important}
.p-15{padding:15px!important}
.pr-20,.px-20{padding-right:0px!important}
.pl-20,.px-20{padding-left:20px!important}
.pt-20,.py-20{padding-top:20px!important}
.pb-20,.py-20{padding-bottom:20px!important}
.p-20{padding:20px!important}
.pr-25,.px-25{padding-right:25px!important}
.pl-25,.px-25{padding-left:25px!important}
.pt-25,.py-25{padding-top:25px!important}
.pb-25,.py-25{padding-bottom:25px!important}
.p-25{padding:25px!important}
.pr-30,.px-30{padding-right:30px!important}
.pl-30,.px-30{padding-left:30px!important}
.pt-30,.py-30{padding-top:30px!important}
.pb-30,.py-30{padding-bottom:30px!important}
.p-30{padding:30px!important}
.pr-35,.px-35{padding-right:35px!important}
.pl-35,.px-35{padding-left:35px!important}
.pt-35,.py-35{padding-top:35px!important}
.pb-35,.py-35{padding-bottom:35px!important}
.p-35{padding:35px!important}
.pr-40,.px-40{padding-right:40px!important}
.pl-40,.px-40{padding-left:40px!important}
.pt-40,.py-40{padding-top:40px!important}
.pb-40,.py-40{padding-bottom:40px!important}
.p-40{padding:40px!important}
.pr-45,.px-45{padding-right:45px!important}
.pl-45,.px-45{padding-left:45px!important}
.pt-45,.py-45{padding-top:45px!important}
.pb-45,.py-45{padding-bottom:45px!important}
.p-45{padding:45px!important}
.pr-50,.px-50{padding-right:50px!important}
.pl-50,.px-50{padding-left:50px!important}
.pt-50,.py-50{padding-top:50px!important}
.pb-50,.py-50{padding-bottom:50px!important}
.p-50{padding:50px!important}
.pr-60,.px-60{padding-right:60px!important}
.pl-60,.px-60{padding-left:60px!important}
.pt-60,.py-60{padding-top:60px!important}
.pb-60,.py-60{padding-bottom:60px!important}
.p-60{padding:60px!important}
.pr-70,.px-70{padding-right:70px!important}
.pl-70,.px-70{padding-left:70px!important}
.pt-70,.py-70{padding-top:70px!important}
.pb-70,.py-70{padding-bottom:70px!important}
.p-70{padding:70px!important}
.pr-80,.px-80{padding-right:80px!important}
.pl-80,.px-80{padding-left:80px!important}
.pt-80,.py-80{padding-top:80px!important}
.pb-80,.py-80{padding-bottom:80px!important}
.p-80{padding:80px!important}
.pr-100,.px-100{padding-right:100px!important}
.pl-100,.px-100{padding-left:100px!important}
.pt-100,.py-100{padding-top:100px!important}
.pb-100,.py-100{padding-bottom:100px!important}
.p-100{padding:100px!important}

.text-overflow-1{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-overflow-2{display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

.ovflow-hidden{overflow: hidden;}
.cleraborder-rouder{border-radius: 0;}

/* 包屑导航 */
.breadcrumb { width:1200px; margin:0 auto; padding-left:0px; color:#9e9d9d; }
.breadcrumb .breadcrumb-item+.breadcrumb-item:before { color:#9e9d9d; }
.breadcrumb .coolc { font-size:12px; color:#9e9d9d; }
.breadcrumb .coolc:before { margin-right:5px; }

/* 没有数据提示 */
.no_data_box { width:100%; height:auto; display:table; text-align:center; padding:100px 0; background:#fff; }
.no_data_box span { width:260px; height:140px; margin:0 auto; display:block; background:url(../image/nodata2.svg) no-repeat center; background-size:auto 100%; }
.no_data_box em { width:260px; height:140px; margin:0 auto; display:block; background:url(../image/cart_no.svg) no-repeat center; background-size:auto 100%; }
.no_data_box u { width:260px; height:140px; margin:0 auto; text-decoration:none; display:block; background:url(../image/noorder.svg) no-repeat center; background-size:auto 100%; }
.no_data_box h3 { width:100%; height:40px; line-height:25px; padding-top:15px; font-size:16px; display:block; }
.no_data_box p { width:100%; height:40px; line-height:20px; font-size:12px; color:#999; display:block; }
.no_data_box p a { padding-left:5px; }
.no_data_box .btn { margin-top:8px; }

/* 通用TAB */
.tabs_right_box_min { width:100%; height:42px; display:table; margin:0 auto; margin-bottom:20px; border-bottom:1px solid #eee; position:relative; }
.tabs_right_box_min ul { width:100%; height:42px; position:absolute; left:0px; top:0px; }
.tabs_right_box_min ul li { float:left; height:42px; line-height:40px; margin-right:30px; }
.tabs_right_box_min ul li a { font-size:16px; display:block; }
.tabs_right_box_min ul li span { margin-left:5px; }
.tabs_right_box_min ul li.active { height:42px; border-bottom:3px solid #e93234; margin-bottom:-3px; display:block; }
.tabs_right_box_min ul li.active a { color:#e93234; }
.tabs_right_box_min ul li.active span { background:#e93234; color:#fff; }

/* 表单验证 */
textarea.invalid-text,input.invalid-text,select.invalid-text{border:2px #DD0000 solid !important;}
textarea.valid-text,input.valid-text,select.valid-text{border:1px #06AC87 solid;}

/* 右侧BAR工具栏 */
.global_toolbar { width:36px; height:100%; position:fixed; background:#383838; z-index:1001; top:0; right:0; -webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91); transition:all .4s cubic-bezier(.2,.83,.42,.91); }
.global_toolbar .toolbar_btn { width:100%; height:100%; position:relative; padding-top:100px; float:left; }
.global_toolbar .toolbar_btn a { width:36px; height:auto; cursor:pointer; display:block; margin-bottom:1px; position:relative;  }
.global_toolbar .toolbar_btn a .em { width:auto; text-align:right; line-height:40px; white-space:nowrap; padding:0 3px 0 13px; font-size:14px; position:absolute; right:36px; top:0px; bottom:0px; display:none; background:#e93234; color:#fff; }
.global_toolbar .toolbar_btn a:hover .em { display:block; right:36px; }
.global_toolbar .toolbar_btn a samp { width:36px; height:30px; line-height:30px; font-size:20px; color:#f00; text-align:center; display:block; }
.global_toolbar .toolbar_btn a:hover,.global_toolbar .toolbar_btn a.active,.global_toolbar .toolbar_btn a.default { background:#e93234; }
.global_toolbar .toolbar_btn a:hover samp { color:#fff !important; }
.global_toolbar .toolbar_btn a.user_btn { height:auto; display:table; padding:5px 0 10px 0; }
.global_toolbar .toolbar_btn a.user_btn samp { height:26px; line-height:26px; }
.global_toolbar .toolbar_btn a.user_btn em { width:36px; height:16px; text-align:center; display:block; color:#fff; }
.global_toolbar .toolbar_btn a.bar_cart { height:auto; display:table; padding:5px 0 10px 0; }
.global_toolbar .toolbar_btn a.bar_cart em { width:16px; height:auto; font-size:13px; line-height:14px; display:table; text-align:center; margin:0 auto; color:#fff; }
.global_toolbar .toolbar_btn a.bar_all { height:auto; display:table; padding:6px 0; }
.global_toolbar .toolbar_btn a.bottom_top { height:auto; display:table; padding:4px 0; position:absolute; bottom:10px; left:0px; }
.global_toolbar .toolbar_btn .lmliCount { width:20px; height:20px; line-height:20px; display:block; color:#e93234; overflow:hidden; margin:6px auto 0 auto; background:#fff; border-radius:30px; text-align:center; }
.global_toolbar .toolbar_btn .qr_code { position:relative; }
.global_toolbar .toolbar_btn .qr_code .wechatqr { display:none; box-shadow:0 0px 10px rgba(0,0,0,.2); }
.global_toolbar .toolbar_btn .qr_code:hover .wechatqr { display:block; left:-110px; position:absolute; top:0px; background:#fff; padding:5px; }
.global_toolbar .toolbar_btn .qr_code:hover .wechatqr p { width:100%; height:20px; line-height:18px; text-align:center; display:block; color:#999; }
.global_toolbar .toolbar_content { width:0; background:#fff; position:absolute; right:0px; top:0px; bottom:0px; overflow:hidden; -webkit-transition:all .4s cubic-bezier(.2,.83,.42,.91); transition:all .4s cubic-bezier(.2,.83,.42,.91); }
.global_toolbar .toolbar_content a.coolc { display:none; }

/* 重置分页样式 */
.pagination .active span { background:#E93234; border:1px solid #E93234; }
.pagination li>a:focus,.pagination li>a:hover,.pagination li>span:focus,.pagination li>span:hover { background-color:#E93234; color:#fff; }
.pagination .active:hover span { background:#E93234; border:1px solid #E93234; color:#fff; }
.page_bottom_box { width:100%; height:auto; text-align:center !important; background:#fff; padding-bottom:20px; }
.page_bottom_box .pagination { width:auto; margin:0 auto; height:auto; text-align:center !important; }
.page_bottom_box .pagination span,.page_bottom_box .pagination a { font-size:16px !important; }

/* minlogin 弹层样式 */
.mask_input_box { width:100%; height:auto; display:table; padding:20px 26px; }
.mask_input_box .form-control { height:40px; border-radius:0px; }
.mask_input_box .btn { height:40px; border-radius:0px; background:#e93234; border:1px solid #e93234; }
.mask_input_box .btn:hover { background:#e93234; border:1px solid #e93234; }
.mask_input_box .title { width:100%; height:40px; }
.mask_input_box .title b { font-size:18px; display:block; float:left; }
.mask_input_box .title span { height:27px; line-height:32px; overflow:hidden; display:block; float:right; }
.mask_input_box .title span a { color:#e93234; }
.mask_input_box .reg_box { width:100%; height:30px; padding-top:10px; }
.mask_input_box .reg_box span { display:block; float:left; color:#999; }
.mask_input_box .reg_box a { display:block; float:right; color:#e93234; }

/* 播放器样式 */
.bottom{ position:fixed; left:0; bottom:-66px; width:100%; height:70px; z-index:99; background:url("../image/music_bg.png") repeat; }
.playerWrap{ position:relative; height:100%; padding-left:80px; padding-right:130px; }
.playerWrap .hand { position:absolute; top:-18px; left:0; width:60px; height:22px; background: url("../image/bottom_hand.png") no-repeat 50%; cursor:pointer; }
.playerWrap .hand i { position:relative; left:24px; top:2px; font-size:12px; color:#ccc; }
.playerCon { position:absolute; top:0; left:0; width:80px; height:70px; }
.playerCon .pbtn{ display:block; width:59px; height:59px; }
.playerCon .pbtn .coolc { width:100%; height:59px; text-align:center; font-size:40px; line-height:59px; top:6px; position:absolute; color:#fff; }
.playerCon .pbtn .coolc:hover { color:#e93234; }
.playInfo{ height:100%; position:relative; }
.trackInfo{ position:absolute; width:100%; height:18px;line-height:18px; top:14px; color:#fff; }
.trackInfo a{color: #fff;font-size: 14px;text-decoration: none;}
.trackInfo a:hover{ color:#e93234;}
.trackCon{ float:right; width:100px; height:18px; }
.trackCon a { width:27px; height:18px; display:block; font-size:18px; float:right; padding-left:9px; }
.trackCon a:hover { color:#e93234; }

.songName,.songPlay{ float:left; }
.playerLength{ width:100%; height:20px; font-size:10px; position:absolute; top:38px; }
.position{width: 40px;height: 18px;line-height: 18px;position: absolute;left:0;color: #fff;opacity: 0.3}
.duration{width: 40px;height: 18px;line-height: 18px;position: absolute;right:0;color: #fff;opacity: 0.3;text-align: right;}
.pro_box { position:absolute; left:40px; right:40px; height:18px; }
.pro1,.pro2{position: absolute;left: 0;height: 100%;width: 100%;background: url("../image/pro1.png") repeat-x 0 50%;cursor: pointer;}
.dian,.dian2{ display:block; width:12px; height:18px; position:absolute; top:0; background:url("../image/music1.png") no-repeat -32px -338px; }
.dian2{left: 79px;}
.dian2:hover{background:url("../image/music1.png") no-repeat -44px -338px;}
.line { height:4px; background:#e93234; display:block; position:absolute; top:7px; }

.vol{ position:absolute; top:0; right:0; width:110px; height:100%; }
.vol .volm{ position:absolute; width:110px; height:18px; top:28px; right:0px; }
.vol .volSpeaker{ position:absolute; width:18px; height:18px; background:url("../image/music1.png") no-repeat 0 -295px; }
.vol .volControl{ position:absolute; left:24px; width:80px; height:18px; background:url("../image/pro1.png") repeat-x 0 50%; }

.date { width:100%; background:url(../image/date.png) no-repeat right center !important; }

/* 试听导航 */
.left_nav { width:120px; height:auto; display:table; background:#fff; border:1px solid #e93234; border-radius:2px; position:fixed; left:5px; z-index:99; }
.left_nav .title { width:100%; height:40px; line-height:40px; color:#fff; background:#e93234; text-align:center; position:relative; }
.left_nav .title i { display:inline-block; }
.left_nav .title span { display:inline-block; font-size:15px; padding-left:5px; }
.left_nav .title .guanbi_btn { width:24px; height:24px; position:absolute; text-align:center; background:#e93234; right:-12px; top:-12px; border:2px solid #fff; border-radius:50px; overflow:hidden; }
.left_nav .title .guanbi_btn a { width:20px; height:20px; line-height:20px; color:#fff; display:block; }
.left_nav .title .guanbi_btn a i { font-size:12px !important; }
.left_nav .title .guanbi_btn:hover { background:#fff; }
.left_nav .title .guanbi_btn:hover a { color:#e93234; }
.left_nav ul li { width:100%; height:40px; line-height:40px; font-size:13px; text-align:center;  }
.left_nav ul li a { width:100%; display:block; }
.left_nav ul li a:hover { color:#fff; background:#e93234; }

/* QQ客服浮层 */
#maskQqkefu_box { display:none; position:absolute; }
.maskQqkefu_box { width:200px; height:auto; display:table; position:relative; border-radius:5px; box-shadow:0 0 5px #ccc; background:#fff; padding:10px; }
.maskQqkefu_box::before { width:0; height:0; border-right:8px solid transparent; border-left:8px solid transparent; border-bottom:8px solid #fff; position:absolute; left:9px; top:-8px; content:''; }
.maskQqkefu_box a { width:50%; height:28px; line-height:28px; float:left; position:relative; }
.maskQqkefu_box a i { width:24px; height:28px; line-height:28px; color:#00a4db; position:absolute; }
.maskQqkefu_box a em { width:100%; height:28px; padding-left:20px; line-height:28px; display:block; overflow:hidden; }
.maskQqkefu_box a.grey i { color:#999; }
.maskQqkefu_box a.grey em { color:#ccc; }

/* 上传框架 */
.file_box { width:100%; height:auto; display:table; margin-bottom:8px; clear:both; }
.file_box ul li { width:90px; height:auto; float:left; overflow:hidden; border:1px solid #eee; border-radius:4px; margin-right:6px; position:relative; }
.file_box ul li i { width:20px; height:20px; line-height:20px; text-align:center; position:absolute; top:0px; right:0px; font-size:12px; background:rgba(0,0,0,.6); color:#fff; }
.file_box ul li img { width:90px; height:90px; border-bottom:1px solid #eee; padding:18px 0; }
.file_box ul li span { width:90px; height:30px; line-height:30px; padding:0 6px; color:#ccc; text-align:center; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* 分享按钮 */
#hover_share { position:relative; }
#hover_share::before { height:4px; background:#fff; position:absolute; bottom:-5px; left:-1px; right:-1px; content:""; }
#hover_share #share { width:130px; padding:8px; padding-top:0px; padding-right:0px; position:absolute; top:34px; right:-1px; background:#fff; border:1px solid #eee; border-radius:2px; display:none; }
#hover_share .social-share .social-share-icon { display:block!important; }
#hover_share:hover #share { display:block; }

.min_icon .social-share-icon { width:20px; height:20px; position:relative; display:block; float:left; font-size:14px; border-radius:50%; line-height:20px; border:1px solid #666; color:#666; text-align:center; vertical-align:middle; transition:background 0.6s ease-out 0s; }

/* 详情关联样音 */
.join_music_case { width:100%; height:auto; display:table; padding-top:20px; padding-bottom:30px; border-bottom:1px solid #eee; }
.join_music_case ul li { width:400px; height:60px; background:#f2f4f5; margin-top:10px; float:left; margin-left:30px; 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:#e93234; color:#fff; border-radius:100px; }
.join_music_case ul li i::after { width:40px; height:40px; border:4px solid #e93234; 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; }
.join_music_case ul li p { width:100%; font-size:12px; font-weight:500; color:#999; }

/* 404页面样式 */
.box_404 { width:100%; height:auto; display:table; background:#fff; padding:150px 300px 150px 200px; border:1px solid #eee; margin-bottom:20px; } 
.box_404 .scc_info { width:100%; height:auto; display:table; padding-bottom:10px; padding-left:150px; background:url(../image/success.svg) no-repeat left top; background-size:auto 100%; }
.box_404 .scc_info .error-details { width:100%; height:40px; font-size:20px; font-weight:bold; color:#11c26d; }
.box_404 .scc_info p { width:100%; height:32px; display:block; color:#999; }
.box_404 .nogoods_info { width:100%; height:auto; display:table; padding-bottom:10px; padding-left:150px; background:url(../image/error.svg) no-repeat left top; background-size:auto 100%; }
.box_404 .nogoods_info .error-details { width:100%; height:32px; font-size:20px; font-weight:bold; color:#e4393c; }
.box_404 .nogoods_info p { width:100%; height:50px; display:block; font-size:14px; color:#999; }
.box_404 .error-actions { width:100%; height:32px; display:block; }
.box_404 .error-actions .btn { margin-right:4px; }

/*播放图标*/
.icon-suspend { color:#e93234; }
.playBtn .icon-suspend,.join_music_case .icon-suspend { /*color:#fff !important;*/ }
.m-block .m-newgoods-list ul li .icon-suspend{ color:#e93234; }
/*面包绡颜色统一*/
.breadcrumb-item a{color:#9e9d9d;}