/*@charset "UTF-8";*/
body,html{width:100%;height:100%}
html{position:relative;}
body{font-family:Arial,'Microsoft YaHei'}

*{outline:0!important}
a:active,a:focus,a:hover{text-decoration:none}
li,ul{list-style:none}




/* =================================================================
  基础文字样式 932ADE 深色A856E4
================================================================= */
/*对齐布局*/
.text-center,.center{text-align:center}
.pull-left,f-l,.f-left{float:left!important}
.pull-right,f-r,.f-right{float:right!important}
.hide{ display:none;!important}
.show{ display:block;!important}
.block{ display:block;!important}


.text-999{color:#999!important}
.text-888{color:#888!important}
.text-777{color:#777!important}
.text-666{color:#666!important}
.text-555{color:#515151!important}
.text-444{color:#444!important}
.text-333{color:#333!important}
.text-222{color:#222!important}
.text-111{color:#111!important}
.text-aaa{color:#aaa!important}
.text-bbb{color:#bbb!important}
.text-ccc{color:#ccc!important}
.text-ddd{color:#ddd!important}
.text-eee{color:#eee!important}
.text-muted{color:#999!important}

/*字体大小color:#313131;*/
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family: "Roboto", "Helvetica", "Arial", sans-serif;font-weight: 400;color: #222222; margin:0;}
h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small,
.h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {font-weight: 300;font-size:75%}
.h1,.h2,.h3,h1,h2,h3{ font-weight:500;}
.font-10{font-size:10px}
.font-12{font-size:12px}
.font-14{font-size:14px!important;}
.font-16{font-size:16px!important;}
.font-18{font-size:18px!important;}
.font-20{font-size:20px!important;}
.font-22{font-size:22px!important;}
.font-24{font-size:24px!important;}
.font-26{font-size:26px!important;}
.font-28{font-size:28px!important;}
.font-90{font-size:90%}

.sm{font-size:0.65rem;font-weight:300}
.big{font-size:1.25rem;font-weight:300}
.big3{font-size:3rem;font-weight:300}

/*字体颜色*/
a.text-daner,a.text-blue,a.text-yellow,a.text-success,a.text-white,a.text-purple,a.text-black,a.text-dark,a.text-grey{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}

.text-blue{color:#0D7EFD!important}
.text-blue .underline{border-bottom:1px solid #0D7EFD!important}
a.text-blue:focus,a.text-blue:hover{color:#41A7FA!important}
a.text-blue:focus .underline,a.text-blue:hover .underline{border-color:#41A7FA!important}

.text-success{color:#05D166!important}
.text-success .underline{border-bottom:1px solid #05D166!important}
a.text-success:focus,a.text-success:hover{color:#85d19d!important}
a.text-success:focus .underline,a.text-success:hover .underline{border-color:#85d19d!important}

.text-danger{color:#932ADE!important}
.text-danger .underline{border-bottom:1px solid #932ADE!important}
a.text-danger:focus,a.text-danger:hover{color:#f8847d!important}
a.text-danger:focus .underline,a.text-danger:hover .underline{border-color:#f8847d!important}

.text-yellow{color:#FFCE26!important}
.text-yellow .underline{border-bottom:1px solid #FFCE26!important}
a.text-yellow:focus,a.text-yellow:hover{color:#FFDF46!important}
a.text-yellow:focus .underline,a.text-yellow:hover .underline{border-color:#FFDF46!important}

.text-black{color:#09070A!important}
.text-black .underline{border-bottom:1px solid #09070A!important}
a.text-black:focus,a.text-black:hover{color:#1E1B25!important}
a.text-black:focus .underline,a.text-black:hover .underline{border-color:#1E1B25!important}

.text-dark{color:#242A33!important}
.text-dark .underline{border-bottom:1px solid #242A33!important}
a.text-dark:focus,a.text-dark:hover{color:#343D49!important}
a.text-dark:focus .underline,a.text-dark:hover .underline{border-color:#343D49!important}

.text-white{color:#fff!important}
.text-white .underline{border-bottom:1px solid #fff!important}
a.text-white:focus,a.text-white:hover{color:rgba(255,255,255,.7)!important}
a.text-white:focus .underline,a.text-white:hover .underline{border-color:rgba(255,255,255,.7)!important}

.text-grey {color: #999 !important;}
.text-grey .underline {border-bottom: 1px solid #999 !important;}
a.text-grey:focus, a.text-grey:hover { color: #aaa !important;}
a.text-grey:focus .underline, a.text-grey:hover .underline {border-color: #aaa !important;}

.text-purple{color:#9059F3 !important;}


/*bg 背景颜色*/
.no-bg{background:none!important}
.bg-blue{color:#fff!important;background-color:#0D7EFD!important;}
.bg-danger{color:#fff!important;background-color:#932ADE!important}
.bg-yellow{color:#fff!important;background-color:#FFCE26!important}
.bg-success{color:#fff!important;background-color:#05D166!important}
.bg-purple{color:#fff!important;background-color:#9059F3!important}
.bg-black{color:#fff!important;background-color:#09070A!important}
.bg-dark{color:#fff!important;background-color:#242A33!important}
.bg-white{background-color:#fff!important}

.bg-pink{color:#fff!important;background-color:#FF8080!important}
.bg-blue-light{color:#fff!important;background-color:#0D7EFD!important}

.bg-f1{background-color:#f1f1f1!important}
.bg-f5{background-color:#f5f5f5!important}
.bg-f9{background-color:#f9f9f9!important}
.bg-body{background-color:#F8FAFD!important}

a.bg-danger:focus,a.bg-danger:hover{background-color:#A856E4!important}
a.bg-yellow:focus,a.bg-yellow:hover{background-color:#EFC885!important}
a.bg-warning:focus,a.bg-warning:hover{background-color:#FFD33C!important}
a.bg-blue:focus,a.bg-blue:hover{background-color:#41A7FA!important}
a.bg-success:focus,a.bg-success:hover{background-color:#00E86F!important}
a.bg-purple:focus,a.bg-purple:hover{background-color:#A475FB!important}
a.bg-white:focus,a.bg-white:hover{background-color:#fff!important}
a.bg-dark:focus,a.bg-dark:hover{background-color:#343D49!important}
a.bg-black:focus,a.bg-black:hover{background-color:#1E1B25!important}

/*外边距*/
.m-0{margin:0!important}
.m-auto{margin:0 auto!important}
.m-025{margin:0.25rem 0.25rem!important}
.m-05{margin:0.5rem 0.5rem!important}
.m-1{margin:1rem 1rem!important}
.m-2{margin:2rem 2rem!important}

.m-t-0{margin-top:0!important;}
.m-t-025{margin-top:0.25rem!important;}
.m-t-05{margin-top:0.5rem!important}
.m-t-1{margin-top:1rem!important;}
.m-t-2{margin-top:2rem!important;}
.m-t-3{margin-top:3rem!important;}
.m-t-4{margin-top:4rem!important;}

.m-b-0{margin-bottom:0!important;}
.m-b-025{margin-bottom:0.25rem!important}
.m-b-05{margin-bottom:0.5rem!important}
.m-b-1{margin-bottom:1rem!important}
.m-b-2{margin-bottom:2rem!important}
.m-b-3{margin-bottom:3rem!important}
.m-b-4{margin-bottom:4rem!important}

.m-r-0{margin-right:0!important;}
.m-r-025{margin-right:0.25rem!important}
.m-r-05{margin-right:0.5rem!important}
.m-r-1{margin-right:1rem!important}
.m-r-2{margin-right:2rem!important}
.m-r-3{margin-right:3rem!important}
.m-r-4{margin-right:4rem!important}

.m-l-0{margin-left:0!important;}
.m-l-025{margin-left:0.25rem!important}
.m-l-05{margin-left:0.5rem!important}
.m-l-1{margin-left:1rem!important}
.m-l-2{margin-left:2rem!important}
.m-l-3{margin-left:3rem!important}
.m-l-4{margin-left:4rem!important}

.m-x-0{margin-right:0!important;margin-left:0!important}
.m-x-025{margin-right:0.25rem!important;margin-left:0.25rem!important}
.m-x-05{margin-right:0.5rem!important;margin-left:0.5rem!important}
.m-x-1{margin-right:1rem!important;margin-left:1rem!important}
.m-x-2{margin-right:2rem!important;margin-left:2rem!important}
.m-x-3{margin-right:3rem!important;margin-left:3rem!important}
.m-x-4{margin-right:4rem!important;margin-left:4rem!important}

.m-y-0{margin-top:0!important;margin-bottom:0!important}
.m-y-025{margin-top:0.25rem!important;margin-bottom:0.25rem!important}
.m-y-05{margin-top:0.5rem!important;margin-bottom:0.5rem!important}
.m-y-1{margin-top:1rem!important;margin-bottom:1rem!important}
.m-y-2{margin-top:2rem!important;margin-bottom:2rem!important}
.m-y-3{margin-top:3rem!important;margin-bottom:3rem!important}
.m-y-4{margin-top:4rem!important;margin-bottom:4rem!important}

.m-a-0-25{margin:.25rem .25rem!important}
.m-t-0-25{margin-top:.25rem!important}
.m-t-0-5{margin-top:.5rem!important}
.m-t-0-75{margin-top:.75rem!important}

.m-r-0-25{margin-right:.25rem!important}
.m-b-0-25{margin-bottom:.25rem!important}
.m-l-0-25{margin-left:.25rem!important}
.m-x-0-25{margin-right:.25rem!important;margin-left:.25rem!important}
.m-y-0-25{margin-top:.25rem!important;margin-bottom:.25rem!important}
.m-a-0-5{margin:.5rem .5rem!important}

.m-r-0-5{margin-right:.5rem!important}
.m-b-0-5{margin-bottom:.5rem!important}
.m-l-0-5{margin-left:.5rem!important}
.m-x-0-5{margin-right:.5rem!important;margin-left:.5rem!important}
.m-y-0-5{margin-top:.5rem!important;margin-bottom:.5rem!important}
.m-a-0-75{margin:.75rem .75rem!important}

.m-r-0-75{margin-right:.75rem!important}
.m-b-0-75{margin-bottom:.75rem!important}
.m-l-0-75{margin-left:.75rem!important}
.m-x-0-75{margin-right:.75rem!important;margin-left:.75rem!important}
.m-y-0-75{margin-top:.75rem!important;margin-bottom:.75rem!important}

 
/*内边距*/
.p-0{padding:0!important}
.p-025{padding:0.25rem 0.25rem!important}
.p-05{padding:0.5rem 0.5rem!important}
.p-1{padding:1rem 1rem!important}
.p-2{padding:2rem 2rem!important}

.p-t-0{padding-top:0rem!important;}
.p-t-025{padding-top:0.25rem!important;}
.p-t-05{padding-top:0.5rem!important}
.p-t-1{padding-top:1rem!important}
.p-t-2{padding-top:2rem!important;}
.p-t-3{padding-top:3rem!important;}
.p-t-4{padding-top:4rem!important;}

.p-b-0{padding-bottom:0rem!important;}
.p-b-025{padding-bottom:0.25rem!important}
.p-b-05{padding-bottom:0.5rem!important}
.p-b-1{padding-bottom:1rem!important}
.p-b-2{padding-bottom:2rem!important;}
.p-b-3{padding-bottom:3rem!important;}
.p-b-4{padding-bottom:4rem!important;}

.p-l-0{padding-left:0rem!important;}
.p-l-025{padding-left:0.25rem!important}
.p-l-05{padding-left:0.5rem!important}
.p-l-1{padding-left:1rem!important}
.p-l-2{padding-left:2rem!important;}
.p-l-3{padding-left:3rem!important;}
.p-l-4{padding-left:4rem!important;}

.p-r-0{padding-right:0rem!important;}
.p-r-025{padding-right:0.25rem!important}
.p-r-05{padding-right:0.5rem!important}
.p-r-1{padding-right:1rem!important}
.p-r-2{padding-right:2rem!important;}
.p-r-3{padding-right:3rem!important;}
.p-r-4{padding-right:4rem!important;}

.p-x-0{padding-right:0!important;padding-left:0!important}
.p-x-025{padding-right:0.25rem!important;padding-left:0.25rem!important}
.p-x-05{padding-right:0.5rem!important;padding-left:0.5rem!important}
.p-x-1{padding-right:1rem!important;padding-left:1rem!important}
.p-x-2{padding-right:2rem!important;padding-left:2rem!important}
.p-x-3{padding-right:3rem!important;padding-left:3rem!important}

.p-y-0{padding-top:0!important;padding-bottom:0!important}
.p-y-025{padding-top:0.25rem!important;padding-bottom:0.25rem!important}
.p-y-05{padding-top:0.5rem!important;padding-bottom:0.5rem!important}
.p-y-1{padding-top:1rem!important;padding-bottom:1rem!important}
.p-y-2{padding-top:2rem!important;padding-bottom:2rem!important}
.p-y-3{padding-top:3rem!important;padding-bottom:3rem!important}
.p-y-4{padding-top:4rem!important;padding-bottom:4rem!important}
.p-y-5{padding-top:5rem!important;padding-bottom:5rem!important}
.p-y-6{padding-top:6rem!important;padding-bottom:6rem!important}

/*边距*/
.b-1{border:1px solid rgba(0,0,0,.1)!important}
.b-a-1{border:1px solid rgba(0,0,0,.1)!important}
.b-none{border:none!important}
.b-0{border:none!important}
.b-a-0{border:none!important}

.b-t{border-top:1px solid rgba(0,0,0,.1)}
.b-l{border-left:1px solid rgba(0,0,0,.1)}
.b-b{border-bottom:1px solid rgba(0,0,0,.1)}
.b-r{border-right:1px solid rgba(0,0,0,.1)}

.b-t-1{border-top:1px solid rgba(0,0,0,.1)}
.b-b-1{border-bottom:1px solid rgba(0,0,0,.1)}
.b-l-1{border-left:1px solid rgba(0,0,0,.1)}
.b-r-1{border-right:1px solid rgba(0,0,0,.08)}

.b-t-0{border-top:none!important}
.b-l-0{border-left:none!important}
.b-b-0{border-bottom:none!important}
.b-r-0{border-right:none!important}



/* =================================================================
  tag 标签

================================================================= */
tag{padding:0.2rem 0.4rem;font-size:0.875rem;background-color:#eee;border-radius:0px;border-radius:25px}
.tag{display: inline-block;font-size:0.6rem;line-height: 1;padding: 0.1rem 0.45rem;border-radius:0px; border-radius:25px;}
.tag.tag-sm{padding:2px 4px;font-size:0.75rem;font-weight:300;min-width:20px;/*border-radius:0px;*/}
.tag.tag-pill{padding-right:.7em;padding-left:.7em;border-radius:10rem}
.tag-default{background-color:#adb7be;}
.tag-default[href]:focus,.tag-default[href]:hover{background-color:#c6d1d8}
.tag-blue{background-color:#0D7EFD}
.tag-blue[href]:focus,.tag-blue[href]:hover{background-color:#45AAFC}
.tag-danger{background-color:#932ADE}
.tag-danger[href]:focus,.tag-danger[href]:hover{background-color:#A856E4}
.tag-yellow{background-color:#FFCE26}
.tag-yellow[href]:focus,.tag-yellow[href]:hover{background-color:#FFDF46}
.tag-warning{background-color:#FFD015}
.tag-warning[href]:focus,.tag-warning[href]:hover{background-color:#FFD528}
.tag-success{background-color:#05D166}
.tag-success[href]:focus,.tag-success[href]:hover{background-color:#00E86F}
.tag-purple{background-color:#9059F3}
.tag-purple[href]:focus,.tag-purple[href]:hover{background-color:#A475FB}
.tag-dark{background-color:#333333}
.tag-dark[href]:focus,.tag-dark[href]:hover{background-color:#343D49}
.tag-black{background-color:#09070A}
.tag-black[href]:focus,.tag-black[href]:hover{background-color:#1E1B25}


/* =================================================================
  btn 按钮
================================================================= */
/*按钮*/
.btn{border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;font-weight:400;line-height:1.25;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.3rem 1rem;font-size:0.85rem;box-sizing:border-box; }
/*按钮*/

.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}
	
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}

.btn-rounded,.btn-25{border-radius:25rem!important;}
.btn-circle{border-radius:50%;padding:0;width:3rem;height:3rem;line-height:3rem}
.btn-link:focus,.btn-link:hover{text-decoration:none}

.btn-group-lg>.btn,.btn-lg{font-size: 1rem;padding: 0.5rem 1.25rem;border-radius:1px}
.btn-group-sm>.btn,.btn-sm{ line-height:0.75rem;font-size: 0.65rem;padding: 0.2rem 0.25rem;border-radius:4px}
.btn-group-xs>.btn,.btn-xs{line-height:0.6rem; font-size: 0.6rem;padding: 0.1rem 0.15rem;border-radius:1px}



/*按钮组*/
/*.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left;border-radius:0rem}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:2}
.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:2}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}*/
.btn-group-sm>.btn{border-radius:0rem}

/*大小按钮
.btn-lg{padding:.75rem 1.6rem;font-size:1.1rem;border-radius:2px}
.btn-sm{padding:2px 8px;font-size:80%;border-radius:2px;}*/
 

/*默认按钮*/
.btn-line{background-color:#fff;border-color:#ddd;color:#6B6B74!important;webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 2px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 2px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);}
.btn-line:hover{background-color:#868e96;border-color:#868e96;color:#fff!important;}
.btn-line.focus,.btn-line:focus{color:#fff!important;background-color:#868e96;border-color:#868e96}
.btn-line.active,.btn-line:active,.open>.btn-line.dropdown-toggle{color:#fff!important;background-color:#868e96;border-color:#868e96}
.btn-line.active.focus,.btn-line.active:focus,.btn-line.active:hover,.btn-line:active.focus,.btn-line:active:focus,.btn-line:active:hover,.open>.btn-line.dropdown-toggle.focus,.open>.btn-line.dropdown-toggle:focus,.open>.btn-line.dropdown-toggle:hover{background-color:#666666;border-color:#666666;}
.btn-line.disabled.focus,.btn-line.disabled:focus,.btn-line:disabled.focus,.btn-line:disabled:focus{background-color:#fff;border-color:#868e96}
.btn-line.disabled:hover,.btn-line:disabled:hover{background-color:#fff;border-color:#868e96}
/*蓝色*/
.btn-blue{background-color:#0D7EFD;border-color:#0D7EFD;color:#fff!important;-webkit-box-shadow: 0 2px 2px 0 rgba(65,167,250, 0.24), 0 3px 1px -2px rgba(65,167,250, 0.2), 0 1px 5px 0 rgba(65,167,250, 0.12);box-shadow: 0 2px 2px 0 rgba(65,167,250, 0.24), 0 3px 1px -2px rgba(65,167,250, 0.2), 0 1px 5px 0 rgba(65,167,250, 0.2);}
.btn-blue:hover{color:#fff;background-color:#41A7FA;border-color:#41A7FA}
.btn-blue.focus,.btn-blue:focus{background-color:#41A7FA;border-color:#41A7FA}
.btn-blue.active,.btn-blue:active,.open>.btn-blue.dropdown-toggle{background-color:#41A7FA;border-color:#41A7FA}
.btn-blue.active.focus,.btn-blue.active:focus,.btn-blue.active:hover,.btn-blue:active.focus,.btn-blue:active:focus,.btn-blue:active:hover,.open>.btn-blue.dropdown-toggle.focus,.open>.btn-blue.dropdown-toggle:focus,.open>.btn-blue.dropdown-toggle:hover{background-color:#007AFF;border-color:#007AFF}
.btn-blue.disabled.focus,.btn-blue.disabled:focus,.btn-blue:disabled.focus,.btn-blue:disabled:focus{background-color:#41A7FA;border-color:#41A7FA}
.btn-blue.disabled:hover,.btn-blue:disabled:hover{background-color:#41A7FA;border-color:#41A7FA}
/*红色*/
/*.btn-danger{background-color:#932ADE;border-color:#932ADE;color:#fff!important;    -webkit-box-shadow: 0 2px 2px 0 rgba(244,66,54, 0.14), 0 3px 1px -2px rgba(244,66,54, 0.2), 0 1px 5px 0 rgba(244,66,54, 0.12);box-shadow: 0 2px 2px 0 rgba(244,66,54, 0.14), 0 3px 1px -2px rgba(244,66,54, 0.2), 0 1px 5px 0 rgba(244,66,54, 0.12);}*/
.btn-danger{background:-webkit-linear-gradient(50deg,#932ADE,#292FDD)!important;background:linear-gradient(100deg,#932ADE,#292FDD)!important;-webkit-transition:.5s ease;color:#fff!important;border-radius:25rem!important;    -webkit-box-shadow: 0 2px 2px 0 rgba(147,42,222, 0.14), 0 3px 1px -2px rgba(147,42,222, 0.2), 0 1px 5px 0 rgba(147,42,222, 0.12);box-shadow: 0 2px 2px 0 rgba(147,42,222, 0.14), 0 3px 1px -2px rgba(147,42,222, 0.2), 0 1px 5px 0 rgba(147,42,222, 0.12);/*border-radius:25rem!important;*/}

.btn-danger:hover{color:#fff;background:-webkit-linear-gradient(50deg,#932ADE,#292FDD)!important;background:linear-gradient(100deg,#932ADE,#292FDD)!important;border-color::none}
.btn-danger.focus,.btn-danger:focus{background:-webkit-linear-gradient(50deg,#932ADE,#292FDD)!important;background:linear-gradient(100deg,#932ADE,#292FDD)!important;border-color:none}
.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle{background:-webkit-linear-gradient(50deg,#932ADE,#292FDD)!important;background:linear-gradient(100deg,#932ADE,#292FDD)!important;border-color:none}
.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.btn-danger.dropdown-toggle.focus,.open>.btn-danger.dropdown-toggle:focus,.open>.btn-danger.dropdown-toggle:hover{background:-webkit-linear-gradient(50deg,#932ADE,#292FDD)!important;background:linear-gradient(100deg,#932ADE,#292FDD)!important;border-color:none}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger:disabled.focus,.btn-danger:disabled:focus{background-color:#A856E4;border-color:#A856E4}
.btn-danger.disabled:hover,.btn-danger:disabled:hover{background-color:#A856E4;border-color:#A856E4}
/*金色*/
.btn-yellow{background-color:#FFCE26;border-color:#FFCE26;color:#fff!important;-webkit-box-shadow: 0 2px 2px 0 rgba(255,203,26, 0.14), 0 3px 1px -2px rgba(255,203,26, 0.2), 0 1px 5px 0 rgba(255,203,26, 0.12);box-shadow: 0 2px 2px 0 rgba(255,203,26, 0.2), 0 3px 1px -2px rgba(255,203,26, 0.2), 0 1px 5px 0 rgba(255,203,26, 0.12);}
.btn-yellow:hover{color:#fff;background-color:#FFDF46;border-color:#FFDF46}
.btn-yellow.focus,.btn-yellow:focus{background-color:#FFDF46;border-color:#FFDF46}
.btn-yellow.active,.btn-yellow:active,.open>.btn-yellow.dropdown-toggle{background-color:#EEB900;border-color:#FFDF46}
.btn-yellow.active.focus,.btn-yellow.active:focus,.btn-yellow.active:hover,.btn-yellow:active.focus,.btn-yellow:active:focus,.btn-yellow:active:hover,.open>.btn-yellow.dropdown-toggle.focus,.open>.btn-yellow.dropdown-toggle:focus,.open>.btn-yellow.dropdown-toggle:hover{background-color:#FFDF46;border-color:#FFDF46}
.btn-yellow.disabled.focus,.btn-yellow.disabled:focus,.btn-yellow:disabled.focus,.btn-yellow:disabled:focus{background-color:#FFDF46;border-color:#FFDF46}
.btn-yellow.disabled:hover,.btn-yellow:disabled:hover{background-color:#FFDF46;border-color:#FFDF46}
/*黄色*/
.btn-warning{background-color:#FFD015;border-color:#FFD015;color:#fff!important;}
.btn-warning:hover{color:#fff;background-color:#FFD528;border-color:#FFD528}
.btn-warning.focus,.btn-warning:focus{background-color:#FFD528;border-color:#FFD528}
.btn-warning.active,.btn-warning:active,.open>.btn-warning.dropdown-toggle{background-color:#FFD528;border-color:#FFD528}
.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.btn-warning.dropdown-toggle.focus,.open>.btn-warning.dropdown-toggle:focus,.open>.btn-warning.dropdown-toggle:hover{background-color:#F2B600;border-color:#F2B600}
.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning:disabled.focus,.btn-warning:disabled:focus{background-color:#FFD528;border-color:#FFD528}
.btn-warning.disabled:hover,.btn-warning:disabled:hover{background-color:#FFD528;border-color:#FFD528}
/*绿色*/
.btn-success{background-color:#05D166;border-color:#05D166;color:#fff!important;-webkit-box-shadow: 0 2px 2px 0 rgba(5,209,102, 0.12), 0 3px 1px -2px rgba(5,209,102, 0.2), 0 1px 5px 0 rgba(5,209,102, 0.12);box-shadow: 0 2px 2px 0 rgba(5,209,102, 0.12), 0 3px 1px -2px rgba(5,209,102, 0.2), 0 1px 5px 0 rgba(5,209,102, 0.12);}
.btn-success:hover{color:#fff;background-color:#00E86F;border-color:#00E86F}
.btn-success.focus,.btn-success:focus{background-color:#00E86F;border-color:#00E86F}
.btn-success.active,.btn-success:active,.open>.btn-success.dropdown-toggle{background-color:#00E86F;border-color:#00E86F}
.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.btn-success.dropdown-toggle.focus,.open>.btn-success.dropdown-toggle:focus,.open>.btn-success.dropdown-toggle:hover{background-color:#00C45C;border-color:#00C45C}
.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success:disabled.focus,.btn-success:disabled:focus{background-color:#00E86F;border-color:#00E86F}
.btn-success.disabled:hover,.btn-success:disabled:hover{background-color:#00E86F;border-color:#00E86F}
/*紫色*/
.btn-purple{color:#fff;background-color:#9059F3;border-color:#9059F3;color:#fff!important;    -webkit-box-shadow: 0 2px 2px 0 rgba(144,89,243, 0.14), 0 3px 1px -2px rgba(144,89,243, 0.2), 0 1px 5px 0 rgba(144,89,243, 0.12);box-shadow: 0 2px 2px 0 rgba(144,89,243, 0.14), 0 3px 1px -2px rgba(144,89,243, 0.2), 0 1px 5px 0 rgba(144,89,243, 0.12);}
.btn-purple:hover{color:#fff;background-color:#A475FB;border-color:#A475FB}
.btn-purple.focus,.btn-purple:focus{color:#fff;background-color:#A475FB;border-color:#A475FB}
.btn-purple.active,.btn-purple:active,.open>.btn-purple.dropdown-toggle{color:#fff;background-color:#A475FB;border-color:#A475FB}
.btn-purple.active.focus,.btn-purple.active:focus,.btn-purple.active:hover,.btn-purple:active.focus,.btn-purple:active:focus,.btn-purple:active:hover,.open>.btn-purple.dropdown-toggle.focus,.open>.btn-purple.dropdown-toggle:focus,.open>.btn-purple.dropdown-toggle:hover{color:#fff;background-color:#7938F1;border-color:#7938F1}
.btn-purple.disabled.focus,.btn-purple.disabled:focus,.btn-purple:disabled.focus,.btn-purple:disabled:focus{background-color:#A475FB;border-color:#A475FB}
.btn-purple.disabled:hover,.btn-purple:disabled:hover{background-color:#A475FB;border-color:#A475FB}
/*黑色*/
.btn-black{color:#fff;background-color:#09070A;border-color:#09070A;color:#fff!important;}
.btn-black:hover{color:#fff;background-color:#1E1B25;border-color:#1E1B25}
.btn-black.focus,.btn-black:focus{color:#fff;background-color:#1E1B25;border-color:#1E1B25}
.btn-black.active,.btn-black:active,.open>.btn-black.dropdown-toggle{color:#fff;background-color:#1E1B25;border-color:#1E1B25}
.btn-black.active.focus,.btn-black.active:focus,.btn-black.active:hover,.btn-black:active.focus,.btn-black:active:focus,.btn-black:active:hover,.open>.btn-black.dropdown-toggle.focus,.open>.btn-black.dropdown-toggle:focus,.open>.btn-black.dropdown-toggle:hover{color:#fff;background-color:#000000;border-color:#000000}
.btn-black.disabled.focus,.btn-black.disabled:focus,.btn-black:disabled.focus,.btn-black:disabled:focus{background-color:#1E1B25;border-color:#1E1B25}
.btn-black.disabled:hover,.btn-black:disabled:hover{background-color:#1E1B25;border-color:#1E1B25}
/*深色*/
.btn-dark{color:#fff;background-color:#242A33;border-color:#242A33;color:#fff!important;-webkit-box-shadow: 0 2px 2px 0 rgba(36,42,51, 0.14), 0 3px 1px -2px rgba(36,42,51, 0.2), 0 1px 5px 0 rgba(36,42,51, 0.12);box-shadow: 0 2px 2px 0 rgba(36,42,51, 0.14), 0 3px 1px -2px rgba(36,42,51, 0.2), 0 1px 5px 0 rgba(36,42,51, 0.12);}
.btn-dark:hover{color:#fff;background-color:#343D49;border-color:#343D49}
.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#343D49;border-color:#343D49}
.btn-dark.active,.btn-dark:active,.open>.btn-dark.dropdown-toggle{color:#fff;background-color:#343D49;border-color:#343D49}
.btn-dark.active.focus,.btn-dark.active:focus,.btn-dark.active:hover,.btn-dark:active.focus,.btn-dark:active:focus,.btn-dark:active:hover,.open>.btn-dark.dropdown-toggle.focus,.open>.btn-dark.dropdown-toggle:focus,.open>.btn-dark.dropdown-toggle:hover{color:#fff;background-color:#171C22;border-color:#171C22}
.btn-dark.disabled.focus,.btn-dark.disabled:focus,.btn-dark:disabled.focus,.btn-dark:disabled:focus{background-color:#343D49;border-color:#343D49}
.btn-dark.disabled:hover,.btn-dark:disabled:hover{background-color:#343D49;border-color:#343D49}
/*白色*/
.btn-white{color:#333!important;background-color:#fff;border-color:#fff}
.btn-white:hover{color:#333;background-color:#eee;border-color:#eee}
.btn-white.focus,.btn-white:focus{color:#333;background-color:#eee;border-color:#eee}
.btn-white.active,.btn-white:active,.open>.btn-white.dropdown-toggle{color:#333;background-color:#eee;border-color:#eee}
.btn-white.active.focus,.btn-white.active:focus,.btn-white.active:hover,.btn-white:active.focus,.btn-white:active:focus,.btn-white:active:hover,.open>.btn-white.dropdown-toggle.focus,.open>.btn-white.dropdown-toggle:focus,.open>.btn-white.dropdown-toggle:hover{color:#333;background-color:#eee;border-color:#eee}
.btn-white.disabled.focus,.btn-white.disabled:focus,.btn-white:disabled.focus,.btn-white:disabled:focus{background-color:#eee;border-color:#eee}
.btn-white.disabled:hover,.btn-white:disabled:hover{background-color:#eee;border-color:#eee}
/*灰色色*/
.btn-info{color:#333;background-color:#f5f5f5;border-color:#f5f5f5}
.btn-info:hover{color:#fff!important;background-color:#f5f5f5;border-color:#f5f5f5}
.btn-info.focus,.btn-info:focus{color:#fff!important;background-color:#932ADE;border-color:#932ADE}
.btn-info.active,.btn-info:active,.open>.btn-info.dropdown-toggle{color:#fff;background-color:#932ADE;border-color:#932ADE}
.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.btn-info.dropdown-toggle.focus,.open>.btn-info.dropdown-toggle:focus,.open>.btn-info.dropdown-toggle:hover{color:#fff;background-color:#932ADE;border-color:#932ADE}
.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info:disabled.focus,.btn-info:disabled:focus{background-color:#eee;border-color:#eee}
.btn-info.disabled:hover,.btn-info:disabled:hover{background-color:#eee;border-color:#eee}

/*边线按钮*/
.btn-outline-line{border-color:#E5E5E5;color:#67757c!important;webkit-box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.14), 0 2px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);box-shadow: 0 2px 2px 0 rgba(169, 169, 169, 0.1), 0 2px 1px -2px rgba(169, 169, 169, 0.2), 0 1px 5px 0 rgba(169, 169, 169, 0.12);}
.btn-outline-line:hover{background-color:#868e96;border-color:#868e96;color:#fff!important;}
.btn-outline-line.focus,.btn-outline-line:focus{background-color:#868e96;border-color:#868e96}
.btn-outline-line.active,.btn-outline-line:active,.open>.btn-outline-line.dropdown-toggle{background-color:#868e96;border-color:#868e96}
.btn-outline-line.active.focus,.btn-outline-line.active:focus,.btn-outline-line.active:hover,.btn-outline-line:active.focus,.btn-outline-line:active:focus,.btn-outline-line:active:hover,.open>.btn-outline-line.dropdown-toggle.focus,.open>.btn-outline-line.dropdown-toggle:focus,.open>.btn-outline-line.dropdown-toggle:hover{background-color:#666666;border-color:#666666;color:#fff!important;}
.btn-outline-line.disabled.focus,.btn-outline-line.disabled:focus,.btn-outline-line:disabled.focus,.btn-outline-line:disabled:focus{border-color:#868e96}
.btn-outline-line.disabled:hover,.btn-outline-line:disabled:hover{border-color:#868e96}

.btn-outline-blue{color:#0D7EFD!important;border-color:#0D7EFD;-webkit-box-shadow: 0 2px 2px 0 rgba(45,153,242, 0.14), 0 3px 1px -2px rgba(45,153,242, 0.2), 0 1px 5px 0 rgba(45,153,242, 0.12);box-shadow: 0 2px 2px 0 rgba(45,153,242, 0.14), 0 3px 1px -2px rgba(45,153,242, 0.2), 0 1px 5px 0 rgba(45,153,242, 0.12);}
.btn-outline-blue:hover{background-color:#0D7EFD;border-color:#0D7EFD;color:#fff!important;}
.btn-outline-blue.focus,.btn-outline-blue:focus{background-color:#0D7EFD;border-color:#0D7EFD}
.btn-outline-blue.active,.btn-outline-blue:active,.open>.btn-outline-blue.dropdown-toggle{background-color:#0D7EFD;border-color:#0D7EFD}
.btn-outline-blue.active.focus,.btn-outline-blue.active:focus,.btn-outline-blue.active:hover,.btn-outline-blue:active.focus,.btn-outline-blue:active:focus,.btn-outline-blue:active:hover,.open>.btn-outline-blue.dropdown-toggle.focus,.open>.btn-outline-blue.dropdown-toggle:focus,.open>.btn-outline-blue.dropdown-toggle:hover{background-color:#007AFF;border-color:#007AFF}
.btn-outline-blue.disabled.focus,.btn-outline-blue.disabled:focus,.btn-outline-blue:disabled.focus,.btn-outline-blue:disabled:focus{border-color:#0D7EFD}
.btn-outline-blue.disabled:hover,.btn-outline-blue:disabled:hover{border-color:#0D7EFD}

.btn-outline-danger{color:#932ADE!important;border-color:#932ADE;-webkit-box-shadow: 0 2px 2px 0 rgba(244,66,54, 0.14), 0 3px 1px -2px rgba(244,66,54, 0.2), 0 1px 5px 0 rgba(244,66,54, 0.12);box-shadow: 0 2px 2px 0 rgba(244,66,54, 0.14), 0 3px 1px -2px rgba(244,66,54, 0.2), 0 1px 5px 0 rgba(244,66,54, 0.12);}
.btn-outline-danger:hover{background-color:#932ADE;border-color:#932ADE;color:#fff!important;}
.btn-outline-danger.focus,.btn-outline-danger:focus{background-color:#932ADE;border-color:#932ADE}
.btn-outline-danger.active,.btn-outline-danger:active,.open>.btn-outline-danger.dropdown-toggle{background-color:#932ADE;border-color:#932ADE}
.btn-outline-danger.active.focus,.btn-outline-danger.active:focus,.btn-outline-danger.active:hover,.btn-outline-danger:active.focus,.btn-outline-danger:active:focus,.btn-outline-danger:active:hover,.open>.btn-outline-danger.dropdown-toggle.focus,.open>.btn-outline-danger.dropdown-toggle:focus,.open>.btn-outline-danger.dropdown-toggle:hover{background-color:#F21E0D;border-color:#F21E0D}
.btn-outline-danger.disabled.focus,.btn-outline-danger.disabled:focus,.btn-outline-danger:disabled.focus,.btn-outline-danger:disabled:focus{border-color:#932ADE}
.btn-outline-danger.disabled:hover,.btn-outline-danger:disabled:hover{border-color:#932ADE}

.btn-outline-yellow{color:#932ADE!important;border-color:#932ADE;-webkit-box-shadow: 0 2px 2px 0 rgba(255,203,26, 0.14), 0 3px 1px -2px rgba(255,203,26, 0.2), 0 1px 5px 0 rgba(255,203,26, 0.12);box-shadow: 0 2px 2px 0 rgba(255,203,26, 0.14), 0 3px 1px -2px rgba(255,203,26, 0.2), 0 1px 5px 0 rgba(255,203,26, 0.12);}
.btn-outline-yellow:hover{background-color:#932ADE;border-color:#932ADE;color:#fff!important;}
.btn-outline-yellow.focus,.btn-outline-yellow:focus{background-color:#932ADE;border-color:#932ADE}
.btn-outline-yellow.active,.btn-outline-yellow:active,.open>.btn-outline-yellow.dropdown-toggle{background-color:#932ADE;border-color:#932ADE}
.btn-outline-yellow.active.focus,.btn-outline-yellow.active:focus,.btn-outline-yellow.active:hover,.btn-outline-yellow:active.focus,.btn-outline-yellow:active:focus,.btn-outline-yellow:active:hover,.open>.btn-outline-yellow.dropdown-toggle.focus,.open>.btn-outline-yellow.dropdown-toggle:focus,.open>.btn-outline-yellow.dropdown-toggle:hover{background-color:#EEB900;border-color:#EEB900}
.btn-outline-yellow.disabled.focus,.btn-outline-yellow.disabled:focus,.btn-outline-yellow:disabled.focus,.btn-outline-yellow:disabled:focus{border-color:#932ADE}
.btn-outline-yellow.disabled:hover,.btn-outline-yellow:disabled:hover{border-color:#932ADE}

.btn-outline-warning{color:#FFD015!important;border-color:#FFD015}
.btn-outline-warning:hover{background-color:#FFD015;border-color:#FFD015;color:#fff!important;}
.btn-outline-warning.focus,.btn-outline-warning:focus{background-color:#FFD015;border-color:#FFD015}
.btn-outline-warning.active,.btn-outline-warning:active,.open>.btn-outline-warning.dropdown-toggle{background-color:#FFD015;border-color:#FFD015}
.btn-outline-warning.active.focus,.btn-outline-warning.active:focus,.btn-outline-warning.active:hover,.btn-outline-warning:active.focus,.btn-outline-warning:active:focus,.btn-outline-warning:active:hover,.open>.btn-outline-warning.dropdown-toggle.focus,.open>.btn-outline-warning.dropdown-toggle:focus,.open>.btn-outline-warning.dropdown-toggle:hover{background-color:#F2B600;border-color:#F2B600}
.btn-outline-warning.disabled.focus,.btn-outline-warning.disabled:focus,.btn-outline-warning:disabled.focus,.btn-outline-warning:disabled:focus{border-color:#FFD015}
.btn-outline-warning.disabled:hover,.btn-outline-warning:disabled:hover{border-color:#FFD015}

.btn-outline-success{border-color:#05D166;color:#05D166!important;-webkit-box-shadow: 0 2px 2px 0 rgba(5,209,102, 0.12), 0 3px 1px -2px rgba(5,209,102, 0.2), 0 1px 5px 0 rgba(5,209,102, 0.12);box-shadow: 0 2px 2px 0 rgba(5,209,102, 0.12), 0 3px 1px -2px rgba(5,209,102, 0.2), 0 1px 5px 0 rgba(5,209,102, 0.12);}
.btn-outline-success:hover{background-color:#05D166;border-color:#05D166;color:#fff!important;}
.btn-outline-success.focus,.btn-outline-success:focus{background-color:#05D166;border-color:#05D166;color:#fff;}
.btn-outline-success.active,.btn-outline-success:active,.open>.btn-outline-success.dropdown-toggle{background-color:#05D166;border-color:#05D166}
.btn-outline-success.active.focus,.btn-outline-success.active:focus,.btn-outline-success.active:hover,.btn-outline-success:active.focus,.btn-outline-success:active:focus,.btn-outline-success:active:hover,.open>.btn-outline-success.dropdown-toggle.focus,.open>.btn-outline-success.dropdown-toggle:focus,.open>.btn-outline-success.dropdown-toggle:hover{background-color:#04A852;border-color:#04A852}
.btn-outline-success.disabled.focus,.btn-outline-success.disabled:focus,.btn-outline-success:disabled.focus,.btn-outline-success:disabled:focus{border-color:#05D166}
.btn-outline-success.disabled:hover,.btn-outline-success:disabled:hover{border-color:#05D166}

.btn-outline-purple{color:#9059F3!important;background-image:none;background-color:transparent;border-color:#9059F3; -webkit-box-shadow: 0 2px 2px 0 rgba(144,89,243, 0.14), 0 3px 1px -2px rgba(144,89,243, 0.2), 0 1px 5px 0 rgba(144,89,243, 0.12);box-shadow: 0 2px 2px 0 rgba(144,89,243, 0.14), 0 3px 1px -2px rgba(144,89,243, 0.2), 0 1px 5px 0 rgba(144,89,243, 0.12);}
.btn-outline-purple:hover{background-color:#9059F3;border-color:#9059F3;color:#fff!important;}
.btn-outline-purple.focus,.btn-outline-purple:focus{color:#fff;background-color:#9059F3;border-color:#9059F3}
.btn-outline-purple.active,.btn-outline-purple:active,.open>.btn-outline-purple.dropdown-toggle{color:#fff;background-color:#9059F3;border-color:#9059F3}
.btn-outline-purple.active.focus,.btn-outline-purple.active:focus,.btn-outline-purple.active:hover,.btn-outline-purple:active.focus,.btn-outline-purple:active:focus,.btn-outline-purple:active:hover,.open>.btn-outline-purple.dropdown-toggle.focus,.open>.btn-outline-purple.dropdown-toggle:focus,.open>.btn-outline-purple.dropdown-toggle:hover{color:#fff;background-color:#915bc7;border-color:#915bc7}
.btn-outline-purple.disabled.focus,.btn-outline-purple.disabled:focus,.btn-outline-purple:disabled.focus,.btn-outline-purple:disabled:focus{border-color:#9059F3}
.btn-outline-purple.disabled:hover,.btn-outline-purple:disabled:hover{border-color:#9059F3}

.btn-outline-black{color:#09070A!important;background-image:none;background-color:transparent;border-color:#09070A}
.btn-outline-black:hover{color:#fff;background-color:#1E1B25;border-color:#1E1B25;color:#fff!important;}
.btn-outline-black.focus,.btn-outline-black:focus{color:#fff;background-color:#1E1B25;border-color:#1E1B25}
.btn-outline-black.active,.btn-outline-black:active,.open>.btn-outline-black.dropdown-toggle{color:#fff;background-color:#1E1B25;border-color:#1E1B25}
.btn-outline-black.active.focus,.btn-outline-black.active:focus,.btn-outline-black.active:hover,.btn-outline-black:active.focus,.btn-outline-black:active:focus,.btn-outline-black:active:hover,.open>.btn-outline-black.dropdown-toggle.focus,.open>.btn-outline-black.dropdown-toggle:focus,.open>.btn-outline-black.dropdown-toggle:hover{color:#fff;background-color:#000000;border-color:#000000}
.btn-outline-black.disabled.focus,.btn-outline-black.disabled:focus,.btn-outline-black:disabled.focus,.btn-outline-black:disabled:focus{border-color:#1E1B25}
.btn-outline-black.disabled:hover,.btn-outline-black:disabled:hover{border-color:#1E1B25}

.btn-outline-dark{color:#242A33!important;background-image:none;background-color:transparent;border-color:#242A33;-webkit-box-shadow: 0 2px 2px 0 rgba(36,42,51, 0.14), 0 3px 1px -2px rgba(36,42,51, 0.2), 0 1px 5px 0 rgba(36,42,51, 0.12);box-shadow: 0 2px 2px 0 rgba(36,42,51, 0.14), 0 3px 1px -2px rgba(36,42,51, 0.2), 0 1px 5px 0 rgba(36,42,51, 0.12);}
.btn-outline-dark:hover{color:#fff;background-color:#343D49;border-color:#343D49;color:#fff!important;}
.btn-outline-dark.focus,.btn-outline-dark:focus{color:#fff;background-color:#343D49;border-color:#343D49}
.btn-outline-dark.active,.btn-outline-dark:active,.open>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343D49;border-color:#343D49}
.btn-outline-dark.active.focus,.btn-outline-dark.active:focus,.btn-outline-dark.active:hover,.btn-outline-dark:active.focus,.btn-outline-dark:active:focus,.btn-outline-dark:active:hover,.open>.btn-outline-dark.dropdown-toggle.focus,.open>.btn-outline-dark.dropdown-toggle:focus,.open>.btn-outline-dark.dropdown-toggle:hover{color:#fff;background-color:#171C22;border-color:#171C22}
.btn-outline-dark.disabled.focus,.btn-outline-dark.disabled:focus,.btn-outline-dark:disabled.focus,.btn-outline-dark:disabled:focus{border-color:#343D49}
.btn-outline-dark.disabled:hover,.btn-outline-dark:disabled:hover{border-color:#343D49}

.btn-outline-white{color:#fff;background-image:none;background-color:transparent;border-color:#fff}
.btn-outline-white:hover{color:#333;background-color:#fff;border-color:#fff}
.btn-outline-white.focus,.btn-outline-white:focus{color:#333;background-color:#fff;border-color:#fff}
.btn-outline-white.active,.btn-outline-white:active,.open>.btn-outline-white.dropdown-toggle{color:#333;background-color:#fff;border-color:#fff}
.btn-outline-white.active.focus,.btn-outline-white.active:focus,.btn-outline-white.active:hover,.btn-outline-white:active.focus,.btn-outline-white:active:focus,.btn-outline-white:active:hover,.open>.btn-outline-white.dropdown-toggle.focus,.open>.btn-outline-white.dropdown-toggle:focus,.open>.btn-outline-white.dropdown-toggle:hover{color:#333;background-color:#fff;border-color:#fff}
.btn-outline-white.disabled.focus,.btn-outline-white.disabled:focus,.btn-outline-white:disabled.focus,.btn-outline-white:disabled:focus{border-color:#fff}
.btn-outline-white.disabled:hover,.btn-outline-white:disabled:hover{border-color:#fff}



/*渐变按钮*/
.btn.btn-gradient-blue{background:-webkit-linear-gradient(50deg,#FFD86F,#FC6262)!important;background:linear-gradient(40deg,#FFD86F,#FC6262)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-blue:active,.btn.btn-gradient-blue:active:focus .btn.btn-gradient-blue.active,.btn.btn-gradient-blue:focus,.btn.btn-gradient-blue:hover{background:-webkit-linear-gradient(50deg,#ffdf89,#fc7b7b);background:linear-gradient(40deg,#ffdf89,#fc7b7b)}

.btn.btn-gradient-danger{background:-webkit-linear-gradient(50deg,#ff9e80,#932ADE)!important;background:linear-gradient(40deg,#ff9e80,#932ADE)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-danger:active,.btn.btn-gradient-danger:active:focus .btn.btn-gradient-danger.active,.btn.btn-gradient-danger:focus,.btn.btn-gradient-danger:hover{background:-webkit-linear-gradient(50deg,#ff9e80,#932ADE);background:linear-gradient(40deg,#ff9e80,#932ADE)}

.btn.btn-gradient-yellow{background:-webkit-linear-gradient(50deg,#F7E7A6,#C29551)!important;background:linear-gradient(40deg,#F7E7A6,#C29551)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-yellow:active,.btn.btn-gradient-yellow:active:focus .btn.btn-gradient-yellow.active,.btn.btn-gradient-yellow:focus,.btn.btn-gradient-yellow:hover{background:-webkit-linear-gradient(50deg,#F7E7A6,#C29551);background:linear-gradient(40deg,#F7E7A6,#C29551)}

.btn.btn-gradient-warning{background:-webkit-linear-gradient(50deg,#FFD86F,#FC6262)!important;background:linear-gradient(40deg,#FFD86F,#FC6262)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-warning:active,.btn.btn-gradient-warning:active:focus .btn.btn-gradient-warning.active,.btn.btn-gradient-warning:focus,.btn.btn-gradient-warning:hover{background:-webkit-linear-gradient(50deg,#FFD86F,#FC6262);background:linear-gradient(40deg,#FFD86F,#FC6262)}

.btn.btn-gradient-purple{background:-webkit-linear-gradient(50deg,#ff6ec4,#7873f5)!important;background:linear-gradient(40deg,#ff6ec4,#7873f5)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-purple:active,.btn.btn-gradient-purple:active:focus .btn.btn-gradient-purple.active,.btn.btn-gradient-purple:focus,.btn.btn-gradient-purple:hover{background:-webkit-linear-gradient(50deg,#ff6ec4,#7873f5);background:linear-gradient(40deg,#ff6ec4,#7873f5)}

.btn.btn-gradient-blue{background:-webkit-linear-gradient(50deg,#45cafc,#303f9f)!important;background:linear-gradient(40deg,#45cafc,#303f9f)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-blue:active,.btn.btn-gradient-blue:active:focus .btn.btn-gradient-blue.active,.btn.btn-gradient-blue:focus,.btn.btn-gradient-blue:hover{background:-webkit-linear-gradient(50deg,#45cafc,#303f9f);background:linear-gradient(40deg,#45cafc,#303f9f)}

.btn.btn-gradient-success{background:-webkit-linear-gradient(50deg,#56EBA0,#05D166)!important;background:linear-gradient(40deg,#56EBA0,#05D166)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-success:active,.btn.btn-gradient-success:active:focus .btn.btn-gradient-success.active,.btn.btn-gradient-success:focus,.btn.btn-gradient-success:hover{background:-webkit-linear-gradient(50deg,#56EBA0,#05D166);background:linear-gradient(40deg,#56EBA0,#05D166)}

.btn.btn-gradient-black{background:-webkit-linear-gradient(50deg,#2E2E2E,#09070A)!important;background:linear-gradient(40deg,#2E2E2E,#09070A)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-black:active,.btn.btn-gradient-black:active:focus .btn.btn-gradient-black.active,.btn.btn-gradient-black:focus,.btn.btn-gradient-black:hover{background:-webkit-linear-gradient(50deg,#2E2E2E,#09070A);background:linear-gradient(40deg,#2E2E2E,#09070A)}

.btn.btn-gradient-dark{background:-webkit-linear-gradient(50deg,#7283a7,#1c2331)!important;background:linear-gradient(40deg,#7283a7,#1c2331)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-dark:active,.btn.btn-gradient-dark:active:focus .btn.btn-gradient-dark.active,.btn.btn-gradient-dark:focus,.btn.btn-gradient-dark:hover{background:-webkit-linear-gradient(50deg,#7283a7,#1c2331);background:linear-gradient(40deg,#7283a7,#1c2331)}
 
/*渐变背景*/
/*蓝渐变*/
.bg-gradient-blue{background: -webkit-linear-gradient(50deg,#0FC9FF,#0084FF);background: linear-gradient(40deg,#0FC9FF,#0084FF)}
/*红色渐变*/
.bg-gradient-danger{background: -webkit-linear-gradient(50deg,#FF7D8C ,#FF3C3C);background: linear-gradient(40deg,#FF7D8C ,#FF3C3C);}
/*黄色渐变*/
.bg-gradient-yellow{background: -webkit-linear-gradient(50deg,#FD824B,#FDD34B);background: linear-gradient(40deg,#FD824B,#FDD34B);}
/*绿色渐变*/
.bg-gradient-success{background: -webkit-linear-gradient(50deg,#39F9D4,#3EE977);background: linear-gradient(40deg,#39F9D4,#3EE977);}
/*紫色渐变*/
.bg-gradient-purple{background: -webkit-linear-gradient(50deg,#617EF3,#7900F2);background: linear-gradient(40deg,#617EF3,#7900F2);}

/*黄色渐变*/
.bg-gradient-warning{background: -webkit-linear-gradient(50deg,#FFD86F,#FC6262);background: linear-gradient(40deg,#FFD86F,#FC6262);}

/*蓝紫渐变*/
.bg-gradient-blue-purple{background: -moz-linear-gradient(left,  rgba(167,35,255,0.94) 10%, rgba(99,99,255,0.94) 80%, rgba(82,114,255,0.96) 97%, rgba(79,117,255,0.96) 100%);
background: -webkit-linear-gradient(left,  rgba(167,35,255,0.94) 10%,rgba(99,99,255,0.94) 80%,rgba(82,114,255,0.96) 97%,rgba(79,117,255,0.96) 100%);
background: linear-gradient(to right,  rgba(167,35,255,0.94) 10%,rgba(99,99,255,0.94) 80%,rgba(82,114,255,0.96) 97%,rgba(79,117,255,0.96) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0a723ff', endColorstr='#f54f75ff',GradientType=1 );
}
/*亮色渐变*/
.bg-gradient-light{background:-webkit-linear-gradient(50deg,#7283a7,#1c2331);background:linear-gradient(40deg,#7283a7,#1c2331)}
/*深色渐变*/
.bg-gradient-dark{background:-webkit-linear-gradient(50deg,#7283a7,#1c2331);background:linear-gradient(40deg,#7283a7,#1c2331)}

/*渐变层*/
.gradient-blue{background-image:-webkit-gradient(linear,left top,right top,from(#0084FF),to(#0FC9FF));background-image:-webkit-linear-gradient(left,#0084FF 0,#0FC9FF 100%);background-image:-o-linear-gradient(left,#0084FF 0,#0FC9FF 100%);background-image:linear-gradient(to right,#0084FF 0,#0FC9FF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084FF', endColorstr='#0FC9FF', GradientType=1);background-repeat:repeat-x}

.gradient-purple{background-image:-webkit-gradient(linear,left top,right top,from(#7900F2),to(#617EF3));background-image:-webkit-linear-gradient(left,#7900F2 0,#617EF3 100%);background-image:-o-linear-gradient(left,#7900F2 0,#617EF3 100%);background-image:linear-gradient(to right,#7900F2 0,#617EF3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7900F2', endColorstr='#617EF3', GradientType=1);background-repeat:repeat-x}

.gradient-danger{background-image:-webkit-gradient(linear,left top,right top,from(#FF3C3C),to(#FF7D8C));background-image:-webkit-linear-gradient(left,#FF3C3C 0,#FF7D8C 100%);background-image:-o-linear-gradient(left,#FF3C3C 0,#FF7D8C 100%);background-image:linear-gradient(to right,#FF3C3C 0,#FF7D8C 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3C3C', endColorstr='#FF7D8C', GradientType=1);background-repeat:repeat-x}

.gradient-success{background-image:-webkit-gradient(linear,left top,right top,from(#3EE977),to(#39F9D4));background-image:-webkit-linear-gradient(left,#3EE977 0,#39F9D4 100%);background-image:-o-linear-gradient(left,#3EE977 0,#39F9D4 100%);background-image:linear-gradient(to right,#3EE977 0,#39F9D4 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3EE977', endColorstr='#39F9D4', GradientType=1);background-repeat:repeat-x}

.gradient-yellow{background-image:-webkit-gradient(linear,left top,right top,from(#FD824B),to(#FDD34B));background-image:-webkit-linear-gradient(left,#FD824B 0,#FDD34B 100%);background-image:-o-linear-gradient(left,#FD824B 0,#FDD34B 100%);background-image:linear-gradient(to right,#FD824B 0,#FDD34B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD824B', endColorstr='#FDD34B', GradientType=1);background-repeat:repeat-x}

.gradient-yellow2{background-image:-webkit-gradient(linear,left top,right top,from(#FF6155),to(#FDD34B));background-image:-webkit-linear-gradient(left,#FF6155 0,#FDD34B 100%);background-image:-o-linear-gradient(left,#FF6155 0,#FDD34B 100%);background-image:linear-gradient(to right,#FF6155 0,#FDD34B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6155', endColorstr='#FDD34B', GradientType=1);background-repeat:repeat-x}

.gradient-warning{background-image:-webkit-gradient(linear,left top,right top,from(#E4C75F),to(#FFD339));background-image:-webkit-linear-gradient(left,#E4C75F 0,#FFD339 100%);background-image:-o-linear-gradient(left,#E4C75F 0,#FFD339 100%);background-image:linear-gradient(to right,#E4C75F 0,#FFD339 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4C75F', endColorstr='#FFD339', GradientType=1);background-repeat:repeat-x}

.gradient-dark{background-image:-webkit-gradient(linear,left top,right top,from(#1F242C),to(#526074));background-image:-webkit-linear-gradient(left,#1F242C 0,#526074 100%);background-image:-o-linear-gradient(left,#1F242C 0,#526074 100%);background-image:linear-gradient(to right,#1F242C 0,#526074 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F242C', endColorstr='#526074', GradientType=1);background-repeat:repeat-x}
/*双色渐变#932ADE,#292FDD*/
.gradient-purple-blue{background-image:-webkit-gradient(linear,left top,right top,from(#932ADE),to(#292FDD));background-image:-webkit-linear-gradient(left,#932ADE 0,#292FDD 100%);background-image:-o-linear-gradient(left,#932ADE 0,#292FDD 100%);background-image:linear-gradient(to right,#932ADE 0,#292FDD 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#932ADE', endColorstr='#292FDD', GradientType=1);background-repeat:repeat-x}

.gradient-blue-purple{background-image:-webkit-gradient(linear,left top,right top,from(#8AC0FF),to(#DC8BF7));background-image:-webkit-linear-gradient(left,#8AC0FF 0,#DC8BF7 100%);background-image:-o-linear-gradient(left,#8AC0FF 0,#DC8BF7 100%);background-image:linear-gradient(to right,#8AC0FF 0,#DC8BF7 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8AC0FF', endColorstr='#DC8BF7', GradientType=1);background-repeat:repeat-x}

.gradient-yellow-danger{background-image:-webkit-gradient(linear,left top,right top,from(#FFA957),to(#FE5C76));background-image:-webkit-linear-gradient(left,#FFA957 0,#FE5C76 100%);background-image:-o-linear-gradient(left,#FFA957 0,#FE5C76 100%);background-image:linear-gradient(to right,#FFA957 0,#FE5C76 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA957', endColorstr='#FE5C76', GradientType=1);background-repeat:repeat-x}

.gradient-blue-success{background-image:-webkit-gradient(linear,left top,right top,from(#01DFB8),to(#48E542));background-image:-webkit-linear-gradient(left,#01DFB8 0,#48E542 100%);background-image:-o-linear-gradient(left,#01DFB8 0,#48E542 100%);background-image:linear-gradient(to right,#01DFB8 0,#48E542 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#01DFB8', endColorstr='#48E542', GradientType=1);background-repeat:repeat-x}

.gradient-success-blue{background-image:-webkit-gradient(linear,left top,right top,from(#52DF85),to(#2CCACA));background-image:-webkit-linear-gradient(left,#52DF85 0,#2CCACA 100%);background-image:-o-linear-gradient(left,#52DF85 0,#2CCACA 100%);background-image:linear-gradient(to right,#52DF85 0,#2CCACA 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#52DF85', endColorstr='#2CCACA', GradientType=1);background-repeat:repeat-x}

.gradient-danger-yellow{background-image:-webkit-gradient(linear,left top,right top,from(#FF5EAA),to(#FD824B));background-image:-webkit-linear-gradient(left,#FF5EAA 0,#FD824B 100%);background-image:-o-linear-gradient(left,#FF5EAA 0,#FD824B 100%);background-image:linear-gradient(to right,#FF5EAA 0,#FD824B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5EAA', endColorstr='#FD824B', GradientType=1);background-repeat:repeat-x}
/*D084E6*/
.gradient-purple-danger{background-image:-webkit-gradient(linear,left top,right top,from(#D084E6),to(#ED5D9D));background-image:-webkit-linear-gradient(left,#D084E6 0,#ED5D9D 100%);background-image:-o-linear-gradient(left,#D084E6 0,#ED5D9D 100%);background-image:linear-gradient(to right,#D084E6 0,#ED5D9D 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D084E6', endColorstr='#ED5D9D', GradientType=1);background-repeat:repeat-x}
/*FF7E94*/
.gradient-danger-purple{background-image:-webkit-gradient(linear,left top,right top,from(#FF5EAA),to(#B744F3));background-image:-webkit-linear-gradient(left,#FF5EAA 0,#B744F3 100%);background-image:-o-linear-gradient(left,#FF5EAA 0,#B744F3 100%);background-image:linear-gradient(to right,#FF5EAA 0,#B744F3 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5EAA', endColorstr='#B744F3', GradientType=1);background-repeat:repeat-x}


.gradient-blue3{background-image:-webkit-gradient(linear,left top,right top,from(#9D5BFE),to(#3890FE));background-image:-webkit-linear-gradient(left,#9D5BFE 0,#3890FE 100%);background-image:-o-linear-gradient(left,#9D5BFE 0,#3890FE 100%);background-image:linear-gradient(to right,#9D5BFE 0,#3890FE 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9D5BFE', endColorstr='#3890FE', GradientType=1);background-repeat:repeat-x}
/*边框阴影*/
.shadow{-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.shadow-1{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }/*box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); */
.shadow-2{box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.shadow-3{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }/**/
.shadow-4{box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);}/*box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)*/
.shadow-sm{box-shadow:0 1px 1px rgba(0,0,0,0.08);}
.shadow-right{box-shadow: 5px 0 10px -4px rgba(0,0,0,0.5);}
.shadow-bottom{box-shadow: 0 5px 10px -4px rgba(0,0,0,0.6);}
.shadow-l-r{box-shadow: 6px 0 8px -5px rgba(0,0,0,0.5), -6px 0 8px -5px rgba(0,0,0,0.5);}
.shadow-r-b{box-shadow: 4px 4px 10px -3px rgba(0,0,0,0.5);}
.shadow-hover{-webkit-transition:box-shadow .4s;transition:box-shadow .4s;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.shadow-hover:hover{-webkit-transition:box-shadow .35s;transition:box-shadow .35s;box-shadow: 0 2px 6px rgba(0,0,0,0.15), 0 2px 6px rgba(0,0,0,0.23);}

.box-shadow{    box-shadow: 0px 25px 20px -17px rgba(0, 0, 0, 0.05);}

/* =================================================================
  box 盒子
================================================================= */
.box{position:relative;display:block;margin-bottom:.75rem;/*border:1px solid #f9f9f9;*/    background-color: #fff;}
.box-block{padding:0.75rem}
.box-block .title,.box-block h4:first-child{ font-weight:normal;font-size:20px;color:#222222; margin-bottom:1rem;}
.box-32{width:32px;height:32px;line-height:32px}
.box-48{width:48px;height:48px;line-height:48px}
.box-64{width:64px;height:64px;line-height:64px}
.box-96{width:96px;height:96px;line-height:96px}
.box-80{width:80px;height:80px;line-height:80px}
.box-128{width:128px;height:128px;line-height:128px}
.box-160{width:160px;height:160px;line-height:160px}

.gradientbox .gradient{position: absolute;top: 0;left: 0;bottom: 0;right: 0;opacity: 0.95; z-index:-1;}
/*提示*/
.tipinfo{ position:relative;padding:1rem 0;text-align:center}
.tipinfo i{display:block;margin:0 auto;color:#ccc;font-size:2.5rem;line-height:2.5rem}
.tipinfo p{margin-top:.5rem;color:#999}

/*会员中心*/
.bgbox{overflow:hidden;position:relative;width:100%;height:220px;margin:auto; margin-bottom:0px; background:#fff;/*background-image:linear-gradient(to top,#9972C9 10%,#8878F5 70%)*/background: -webkit-linear-gradient(80deg,#7873f5,#ff6ec4);
	background: linear-gradient(80deg,#7873f5,#ff6ec4);}
.bgboxInner{position:absolute;width:100%;overflow:hidden;height:40px;bottom:-1px;opacity:1;z-index:0;}
.wave-bg{position:absolute;left:0;width:200%;height:40px;background-repeat:repeat no-repeat;background-position:0 top;transform-origin:center bottom;background-size:50% 40px;animation:bg_wave 16s linear infinite}
@keyframes bg_wave{0%{transform:translateX(0) translateZ(0) scaleY(1)}
50%{transform:translateX(-25%) translateZ(0) scaleY(.55)}
100%{transform:translateX(-50%) translateZ(0) scaleY(1)}
}

/*会员中心*/
.myinfo{ position:relative;padding:0;padding:1rem 0; /*background-image: url(../images/member_top_bg.png); background-size: cover;*/ color:#fff;text-align:center}
.myinfo:before{position:absolute;top:0px;right:0px;bottom:0px;left:0px;z-index:-1;display:block;content:'';/*-webkit-animation:changecolor 20s infinite; -moz-animation:changecolor 20s infinite; animation:changecolor 20s infinite;*/background-color:#932ADE; background-image: url(../images/login-bg.jpg); background-size: cover;  }
.myinfo .usergroup{ position:absolute; top:2.5rem; right:0px; line-height:1rem; background:rgba(255,255,255,0.3);background:#F4D624;background:rgba(0,0,0,0.1); font-size:0.7rem; padding:0.25rem 0.5rem; border-radius:25px 0px 0px 25px;}
.myinfo .usergroup i{ color:#fff; font-size:0.9rem; }
.mypic img{width:80px;height:80px;border:1px solid #F7F7F9;border-radius:50%}
.mypic img.sm-pic{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.myinfo .mymoney{padding:0.25rem 0;background:rgba(225,225,225,.2);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');/*background:rgba(0,0,0,0.06);*/}
.myinfo .mymoney small{display:block;font-size:0.65rem; color:rgba(255,255,255,.8);}
.myinfo .mymoney span{display:block;color:rgba(255,255,255,.9);font-size:0.7rem;}
.myinfo .money-box{font-size:1.4rem}

.mymoneycard{ margin:0px 15px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05), 0 5px 20px -10px rgba(0,0,0,0.2);}
.mymoneycard .card-header{border-bottom:1px solid #fff;}
.mymoney{padding:.5rem 0;}
.mymoney span{display:block;font-size:0.65rem;}
.mymoney font{font-size:0.65rem;}
 
.teammoney{ box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}

.logincard{ width:50%;margin:20px auto;box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);}


@-webkit-keyframes changecolor{
0%{background-color:#F75E46;}
10%{background-color:#FB6E52;}
20%{background-color:#F5C11D;}
30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}
50%{background-color:#4FC0E8;}
60%{background-color:#5D9CEC;}
70%{background-color:#AC92ED;}
80%{background-color:#EC87BF;}
90%{background-color:#ED5564;}
}
@-moz-keyframes changecolor{
0%{background-color:#F75E46;}
10%{background-color:#FB6E52;}
20%{background-color:#F5C11D;}
30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}
50%{background-color:#4FC0E8;}
60%{background-color:#5D9CEC;}
70%{background-color:#AC92ED;}
80%{background-color:#EC87BF;}
90%{background-color:#ED5564;}
}
@keyframes changecolor{
0%{background-color:#F75E46;}
10%{background-color:#FB6E52;}
20%{background-color:#F5C11D;}
30%{background-color:#A0D468;}
40%{background-color:#48CFAE;}
50%{background-color:#4FC0E8;}
60%{background-color:#5D9CEC;}
70%{background-color:#AC92ED;}
80%{background-color:#EC87BF;}
90%{background-color:#ED5564;}
}



/*我的钱包*/
.moneybg{ padding:20px 10px;background:#fff;/*background:url(../images/moneybg.png) repeat;background-size:100% 100%;*/ border:none;box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);}
.moneybox{position:relative;border-radius:4px; color:rgba(255,255,255,0.8); /*background:#FF3300;background: url(../images/moneybox.jpg) repeat;background-size:100% 100%;*/background: -webkit-linear-gradient(110deg,#f97d48,#FFAE1F);
    background: linear-gradient(110deg,#f97d48,#FFAE1F);
    box-shadow: 0px 35px 77px -17px rgba(255,147,106, 0.54);box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05), 0 10px 30px -15px rgba(0,0,0,0.2);    box-shadow: 0px 35px 67px -17px rgba(0, 0, 0, 0.24);background:url(../images/lanbg.jpg) repeat;background-size:100% 100%;}
.moneybox .gradient{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.99; border-radius:4px;}
.moneybox .money-top{ position:relative;padding-bottom:0.5rem;color:rgba(255,255,255,0.9)}
.moneybox .money-top .mymoney{ padding-left:1rem; line-height:2rem;font-size:1.4rem;font-weight:500;color:#fff;}
.moneybox .money-row{ position:relative;color:rgba(255,255,255,0.9); }
.moneybox .money-row span{font-size:1rem;font-weight:500; color:#fff;}
.moneybox .money-row .col-50{padding-left:0.5rem;}

.money-card{ background:none; border:none;box-shadow: none;}
.money-card .card-header{display:block;background:#ffffff;padding:.5rem;}
.money-card .money-avatar{float:left; /*margin-left:1rem;*/text-align:center; color:#666;}
.money-card .money-name{margin-left:1.8rem;font-size:.8rem;font-weight:500; color:#666;}
.money-card .money-date{margin-left:1.8rem;font-size:1.5rem;color:#ff4639;}
.money-card .card-content{background:#ffffff;border:none;border-radius:0 0 0.5rem 0.5rem;}
.money-card .card-footer{background:#4E5160;background:#ffffff; text-align:center;border-radius:0.5rem 0.5rem 0 0 ;}
.money-card .card-footer a{color:#868A9D;font-weight:500; width:100%; margin:0 auto;}
.money-card .card-content img{display:block}
.money-card .card-content-inner{padding:.75rem .5rem}



 /*最新公告*/
.list-block.newuserlist{margin:0 auto}
.list-block.newuserlist .item-media{padding-top:.25rem;padding-bottom:.25rem}
.list-block.newuserlist .item-media i{display:block;width:40px;height:18px;background:url(../images/hotdot.jpg) no-repeat;background-size:100% 100%;font-size:1.2rem;color:#fff;text-align:center;}
.dump{position:relative;overflow:hidden}
.list-block.newuserlist .newlist{width:100%; height:40px;position:relative; display:block; overflow:hidden; padding:0;}
.list-block.newuserlist .newlist ul{position:absolute;width:100%; height:160px; left:0;top:0;margin:0;padding:0;padding-left:0;  -webkit-animation:move 20s ease 5s infinite; -moz-animation:move 20s ease 5s infinite; animation:move 20s ease 5s infinite;}
.list-block.newuserlist .newlist ul li{ position:relative;  clear:both; width:100%; height:40px; line-height:40px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.newlist .new-time{color:#888;}
.list-block.newuserlist ul:before {background-color: #ffffff;}
.list-block.newuserlist ul:after {background-color: #ffffff;}

@keyframes move{
0%{top:0;}
20%{top:-40px;}
40%{top:-80px;}
60%{top:-120px;}
80%{top:-160px;}
100%{top:0px;}
}
@-webkit-keyframes move{
0%{top:0;}
20%{top:-40px;}
40%{top:-80px;}
60%{top:-120px;}
80%{top:-160px;}
100%{top:0px;}
}
@-moz-keyframes move{
0%{top:0;}
20%{top:-40px;}
40%{top:-80px;}
60%{top:-120px;}
80%{top:-160px;}
100%{top:0px;}
}


/*商品列表*/
.fui-goods-group{overflow:hidden;height:auto;/*background:#ffffff*/}
.fui-goods-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;padding:0rem;height:auto;border-bottom:1px solid #e7e7e7; /*background:#000;*/}

.fui-goods-item .image{float:left;width:4rem;height:4rem; background-position:center center;background-size:100%;background-repeat:no-repeat; border-radius:4px 4px 0 0;}
.fui-goods-item .image img{display:block;width:100%;height:100%;}
.fui-goods-item  .image .hot{position:absolute;top:0;left:0;width:100%;height:1.5rem;color:#fff}
.fui-goods-item  .image .hot .jiao{background: #ff4639;font-size: 0.5rem;width:32px;height: 16px;position: absolute;color: #fff;top: -2px;left: -10px;z-index: 3;text-align: center;line-height: 20px;overflow: hidden;-webkit-transform: rotate(-45deg);}
.fui-goods-item .detail{padding-left:0.5rem;background: #fff;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;border-radius:0 0 4px 4px;/*box-shadow: 0 0 0.05rem 0 rgba(0,0,0,1);*/}

.fui-goods-item .detail .name{height:3rem;line-height: 1.5rem;font-size:.7rem;}
.fui-goods-item .detail .price{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center; padding-right:0.5rem;}
.fui-goods-item .detail .price .text{color:#ff4639;  font-weight:700;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.fui-goods-item .detail .price .sale{font-size:.55rem;color:#9c9c9c;}

.fui-goods-item .detail .price .minprice{font-size:.85rem}
.fui-goods-item .detail .price .productprice{color:#777;font-size:.55rem}
.fui-goods-item .detail .price .old-price{margin-left:.5rem;color:#777;text-decoration:line-through;font-size:.55rem}

.fui-goods-item .detail .price .buy{display:block;display:block;padding:0 .25rem;border-radius:1rem;background:#fe5455;color:#fff;text-align:center;font-size:.6rem;font-size:.6rem;line-height:1rem}
.color{color:#fd5454}
.bgcolor{background:#fd5454}
.fui-goods-group.three .fui-goods-item{width:33.33%}
.fui-goods-group .fui-goods-item .salez{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;background-position:bottom right;background-repeat:no-repeat}


.fui-swipe .salez{position:absolute;right:0;bottom:0;z-index:10;width:auto;height:auto}
.fui-swipe .salez img{display:block;width:auto;height:auto}
/*两排商品样式*/
.fui-goods-group.block{padding:.2rem}
.fui-goods-group.block .fui-goods-item{float:left;padding:0.5rem;display:block;width:50%;border-bottom:0;padding:0.15rem;}
.fui-goods-group.block .fui-goods-item .image{ position:relative;overflow:hidden;margin:0;padding-bottom:100%;width:100%;height:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.fui-goods-group.block .fui-goods-item .image.auto{padding-bottom:0;height:auto}
.fui-goods-group.block .fui-goods-item .hot .badge{margin-left:.25rem;padding:.15rem .15rem;border-radius:2px;color:#fff;font-size:.6rem}
.fui-goods-group.block .fui-goods-item .image{float:none}
.fui-goods-group.block .fui-goods-item .image .hot{position:absolute;top:0;left:0;width:100%;height:1.5rem;color:#fff}
.fui-goods-group.block .fui-goods-item .image .hot .jiao{background: #ff4639;font-size: 0.5rem;width:32px;height: 16px;position: absolute;color: #fff;top: -2px;left: -10px;z-index: 3;text-align: center;line-height: 20px;overflow: hidden;-webkit-transform: rotate(-45deg);}

.fui-goods-group.block .fui-goods-item .detail{overflow:hidden;padding:.5rem}
.fui-goods-group.block .fui-goods-item .detail .name{overflow:hidden;height:1.8rem;line-height: 0.9rem;font-size:.65rem;color:#151516; margin:0.25rem 0;}
.fui-goods-group.block .fui-goods-item .center-image{padding-bottom:100%;height:0;max-width:100%;background-size:contain}
.fui-goods-group.block.one .fui-goods-item{float:none;width:100%}
.fui-images .image .image-remove{top:-.3rem;right:-.3rem}

/*商品详情*/
.box-title{ background:#fff; padding:0.5rem; color:#222; margin-top:1rem;}
.page-detail .swiper-slide img{width:100%}
.goods-detail{ margin:0 auto; background:#fff; padding:10px; padding-bottom:0px;}
.goods-detail .good-title{padding: 0.4rem 0 0;font-weight:500;color: #000;font-size:0.75rem}
.goods-detail .good-price{font-size:1rem;font-weight:700;}
.goods-detail del{color:gray;font-size:0.65rem}
.goods-detail .good-info{ margin:0 0.25rem; padding:0.5rem 0;border-top:1px solid #f1f1f1;font-size:.6rem; color:#666;}
.goods_desc img{width:100%; margin:auto; float:left;}

/*选择商品数量*/
.popup-goodtocart{ background:0 0;}
.popup-goodtocart .popup-over{ position:absolute; left:0; top:0; display:block;width:100%; height:100%; }
.goodtocart-box{position:absolute;bottom:0;left:0;padding-bottom:2.2rem;width:100%}

.list-block.goodinfo{margin:0px 0px;}
.list-block.goodinfo .item-media{ width:100px; height:50px;}
.list-block.goodinfo .gimg{margin-top:-40px;width:100px;height:100px;border:2px solid #fff; border-radius:4px;}

.guige{ width:100%; max-height:300px;overflow-y:scroll;}
.guige::-webkit-scrollbar-track{background-color: #F5F5F5;
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.22);}
/*定义滚动条高宽及背景*/
.guige::-webkit-scrollbar{
width: 4px;
background-color: rgba(0, 0, 0, 0.34);}
 /*定义滚动条*/
.guige::-webkit-scrollbar-thumb{
background-color:#878B9E;
 border-radius: 4px;}
.goodsnumber{height:1.8rem;line-height:1.8rem}
.goodsnumber input{height:1.8rem;border:none;background:#F90;text-align:center;font-size:1.2rem}

/*购物车页面*/
.card.cartcard{position:relative;margin:.5rem .25rem;border-radius:.1rem;background:#fff;box-shadow:0 .05rem .1rem transparent;font-size:.7rem}
.cartcard .card-header{background:#fff}
.cartcard .item-title{font-weight:500}

.jiajian{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;box-sizing:border-box;width:100px;height:26px;border:1px solid #DDD;background:#ffffff;-webkit-box-flex:1;-ms-flex:1;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.jiajian .add,.jiajian .minus{display:block;padding:0 5px;width:26px;height:26px;color:#DDD;text-align:center;line-height:26px}
.jiajian .add{border-left:1px solid #DDD}
.jiajian .minus{border-right:1px solid #DDD}
.jiajian .number{width:40px;height:26px;border:#DDD 1px solid;background:#fff;text-align:center}

/*首页卡片滑动商品*/
.indexcard{ background:#fff; margin-bottom:20px; width:100%;}
.indexcard .card-header:after{background-color:#ffffff!important;}
.indexcard .card-content{ padding:10px; display:block; width:100%;height:170px;overflow-x: auto; overflow-y: hidden; }
.indexcard .card-content .indexcardflex{display:block;  width:780px; height:150px; }
.indexcard .card-content .indexcardflex a{margin-right:10px;}
.indexcard .card-content .indexcardflex .item{ width:100px; height:150px;float:left; margin-right:10px; }
.indexcard .card-content .indexcardflex .item:last-child{ margin-right:0px;}
.indexcard .card-content .indexcardflex .item img{ width:100%; height:100px;}
.indexcard .card-content .indexcardflex .item .goodname{ color:#151516;white-space: nowrap;overflow: hidden;}
.indexcard .card-content .indexcardflex .item .goodprice{ color:#FF2222;font-weight:700;}

/*登录LOGO*/
.login-box{padding:1.2rem 0; padding-top:1.8rem;text-align:center; }
.login-box img{width:120px; /*border:1px solid #fff;*/}
.login-box span{display:block; color:#fff}
/*首页置顶搜索*/
.index-bar{ position:relative;height: 44px;width: 100%; z-index:1;/*top: 0;z-index: 999;background:url(../images/indextopbg.png) no-repeat;background-size:100% 100%;*/}
.index-bar .city-text{ float:left; width:100px; padding-top:12px; padding-left:10px; text-align:center; line-height:44px; color:#fff; }
.index-bar .city-text .city-bg{ width:80px; height:20px; background:url(../images/toplogo.png) no-repeat;background-size:100% 100%;}
.index-bar .index-search-bar{ width:calc(100% - 140px); float:left; }
.index-icon{ text-align:center; line-height:44px; color:#fff;  font-size:24px;}
.index-icon a{color:#fff;}
.index-bar .search-input input{border-radius: 25rem;background-color: rgba(255, 255, 255, 1);border: 1px solid #fff;}

.index-bar .city-div{ float:left; width:80px; padding-left:10px; text-align:center; line-height:44px; color:#fff; }

/*首页*/
.topbg{ position:absolute; z-index:0; top:0px; left:0px; width:100%; height:260px; display:block;border-radius:0px 0px 8px 8px; /*background: url(../images/top.jpg) repeat;background-size:100% 100%;*/box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);}
.topbg .gradient{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.9; }



.topbg2{ position:relative; width:100%; height:160px; display:block;/*background: url(../images/top.jpg) repeat;*/background-size:100% 100%;box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);border-radius:0 0 50px 50px;}
.topbg2 .gradient{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.9; border-radius: 0 0 50px 50px;}
.topbg2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.5); /* 可以调整透明度来改变模糊程度 */
}
.card-blog{z-index:3; margin:0 0.75rem; margin-top:-100px;border:none;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05), 0 10px 30px -15px rgba(0,0,0,0.2);}
.card-blog .card-header{ padding:0px;}
.card-blog .card-header .avatar{position:absolute;top:-40px;left:15px;background:#fff;border-radius:4px;width:80px; height:80px;}
.card-blog .card-header .avatar img{width:80px; height:80px;border-radius:4px;}
.card-blog .card-header .appname{ padding-left:110px;font-size: 0.95rem; line-height:1rem;}
.card-blog .card-footer{ color:#666;}
.card-blog .card-content{background:#fff;color:#666;padding:0; font-size:0.65rem;}
.card-blog .card-header:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #f5f5f5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
}
.card-blog .card-footer:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #f5f5f5;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
/*首页轮播*/
.swiper-div{position:relative;margin: 0.25rem;margin-top:0px;/*margin-top:-213px; margin-bottom:50px; background:#fff;*/}
.swiper-warp .swiper-pagination {bottom: 10px;left: 0;width: 100%;}
.swiper-warp .swiper-pagination-bullet{opacity:1; background:#fff; margin:0 3px!important;}
.swiper-warp .swiper-pagination-bullet-active{background:#932ADE;}
.swiper-img img{width:100%; height:auto; display:block;}
.swiper-container{width:100%}
.swiper-container img{display:block;width:100%;border-radius: 8px;}
.swiper-container.swiper-zhutu .swiper-slide img{width:100%; max-height:370px;border-radius: 0px;}

.menu_card{display:block; z-index:1; background-color: rgba(255, 255, 255, 1);border-radius:8px; box-shadow: 0px 0px 8px 0px #f2f2f2;}

/*图标菜单*/
.menubox{ position:relative; display:block;/*background:#FFFFFF;*/ padding:0.5rem 0; }
.menuicon{ text-align:center; }

.menuicon .iconbg{ width:1.8rem; height:1.8rem; padding:0.3rem 0.3rem;background:#FBC723; margin:0 auto; margin-bottom:5px;border-radius:50%;box-shadow: 2px 3px 5px 0 rgba(0,0,0, 0.12);}/*黄*/
.menuicon .iconbg1{background:#FBC723;box-shadow: 2px 3px 5px 0 rgba(0,0,0, 0.12);}/*黄*/
.menuicon .iconbg2{background:#00A0FF;}/*蓝*/
.menuicon .iconbg3{background:#0FFF95;}/*亮绿*/
.menuicon .iconbg4{background:#FF7260;}/*浅红*/
.menuicon .iconbg5{background:#5CF2E8;}/*亮蓝*/
.menuicon .iconbg6{background:#ff420e;}/*大红*/
.menuicon .iconbg7{background:#9881F5;}/*浅紫*/
.menuicon .iconbg8{background:#FF712D;}/*橙色*/
.menuicon .iconbg9{background:#01CD86;}/*浅绿*/
/*图标*/
.menuicon i.imgbg{width:2rem; height:2rem;margin:5px auto;background:#A9A9B1;background:url(../images/1.jpg) no-repeat;background-size:100% 100%;color:#F9F9FB; font-size:1.8rem;border-radius:50%;display:block;}
/*.menuicon i.icon1{background:url(../images/1.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon2{background:url(../images/2.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon3{background:url(../images/3.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon4{background:url(../images/4.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon5{background:url(../images/7.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon6{background:url(../images/5.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon7{background:url(../images/7.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon8{background:url(../images/1.png) no-repeat;background-size:100% 100%;}*/
/*彩色版背景图标*/
.menuicon i{width:1.2rem; height:1.2rem;background:#A9A9B1;background:url(../images/1.jpg) no-repeat;background-size:100% 100%;color:#F9F9FB; font-size:1.8rem;display:block;}
.menuicon i.icon_quanbu{background:url(../images/b0.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_changjia{background:url(../images/b3.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_b2{background:url(../images/b2.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_b4{background:url(../images/b4.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_miaosha{background:url(../images/b5.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_b6{background:url(../images/b6.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_b7{background:url(../images/b7.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_b8{background:url(../images/b8.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_zixun{background:url(../images/b9.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_sp{background:url(../images/b1.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon_b10{background:url(../images/b10.png) no-repeat;background-size:100% 100%;}

.menuicon .img{width:2rem; height:2rem;margin:0 auto; color:#F9F9FB; font-size:1.5rem; border-radius:50%;display:block;}
.menuicon .img img{width:2rem; height:2rem; border-radius:50%;}
.menuicon span{ margin-top:0.5rem;font-size:0.7rem;display:inline;}

/*个人中心订单图标*/
.ordertubiao{ margin:0 auto; text-align:center; width: 25px; height:25px;}
.ordertubiao1{background:url(../images/order-1.png) no-repeat;background-size:100% 100%;}
.ordertubiao2{background:url(../images/order-2.png) no-repeat;background-size:100% 100%;}
.ordertubiao3{background:url(../images/order-3.png) no-repeat;background-size:100% 100%;}
.ordertubiao4{background:url(../images/order-4.png) no-repeat;background-size:100% 100%;}

/*推荐树形图*/
.list-block.tree{margin:0 auto;}
.list-block.tree ul ul {padding-left: 0.75rem;}
.list-block.tree .item-media + .item-inner {margin-left: 0.35rem;}

/*品牌*/
.pinpaibox{ margin:0 10px; margin-top:10px;}
.pinpaibox  img{ width:100%; height:150px;border-radius:8px;}

.item-input::placeholder { font-size:0.65rem!important;}
input::placeholder { font-size:0.65rem!important;}