/*@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}
/*图标菜单*/
.menubox{ background:#FFFFFF; padding:10px 0; margin-bottom:1px;}
.menuicon{ text-align:center; }
.menuicon i{width:2.5rem; height:2.5rem;margin:1px 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/5.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon6{background:url(../images/6.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/8.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon9{background:url(../images/9.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon10{background:url(../images/10.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon11{background:url(../images/11.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon12{background:url(../images/12.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon13{background:url(../images/13.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon14{background:url(../images/14.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon15{background:url(../images/15.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon16{background:url(../images/16.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon17{background:url(../images/17.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon18{background:url(../images/18.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon19{background:url(../images/19.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon20{background:url(../images/20.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon21{background:url(../images/21.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon22{background:url(../images/22.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon23{background:url(../images/23.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon24{background:url(../images/24.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon25{background:url(../images/25.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon26{background:url(../images/26.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon27{background:url(../images/27.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon28{background:url(../images/28.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon29{background:url(../images/29.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon30{background:url(../images/30.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon50{background:url(../images/50.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon51{background:url(../images/51.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon52{background:url(../images/52.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon53{background:url(../images/53.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon54{background:url(../images/54.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon71{background:url(../images/71.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon72{background:url(../images/72.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon73{background:url(../images/73.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon74{background:url(../images/74.png) no-repeat;background-size:100% 100%;}
.menuicon i.icon75{background:url(../images/75.png) no-repeat;background-size:100% 100%;}
.menuicon .img{width:2rem; height:rem;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;}
/*按钮*/
.btn{border-radius:0;-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:.4rem 1rem;font-size:0.8rem; }
.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:focus,.btn:hover{text-decoration:none}
.btn.focus{text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0}
.btn.disabled,.btn:disabled{cursor:not-allowed;opacity:.65}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-group-lg>.btn,.btn-lg{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:.1rem}
.btn-group-sm>.btn,.btn-sm{padding:3px 5px; line-height:1;font-size:14px;border-radius:.1rem}
.btn-group-sm>.btn,.btn-smm{padding:6px 5px; line-height:1;font-size:16px;border-radius:.1rem}
.btn-md{padding:5px 10px; line-height:1;font-size:0.7rem;border-radius:.1rem}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:.5rem}
.btn-03{border-radius:0.3rem}
.btn-05{border-radius:0.5rem}
.btn-5{border-radius:5rem}
.btn-10{border-radius:10rem}
.btn-15{border-radius:15rem}
.btn-20{border-radius:20rem}
.btn-25{border-radius:25rem}
.btn-50{border-radius:50%;padding:0;width:40px;height:40px;line-height:40px;text-align: center;display: inline-block;}
/*默认按钮*/
.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{color:#fff;background-color:#F44236;border-color:#F44236;color:#fff!important; border-radius:0.3rem; -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-danger:hover{color:#fff;background-color:#ff574c;border-color:#ff574c}
.btn-danger.focus,.btn-danger:focus{background-color:#ff574c;border-color:#ff574c}
.btn-danger.active,.btn-danger:active,.open>.btn-danger.dropdown-toggle{background-color:#ff574c;border-color:#ff574c}
.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-color:#F21E0D;border-color:#F21E0D}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger:disabled.focus,.btn-danger:disabled:focus{background-color:#ff574c;border-color:#ff574c}
.btn-danger.disabled:hover,.btn-danger:disabled:hover{background-color:#ff574c;border-color:#ff574c}
/*金色*/
.btn-yellow{background-color:#cc9900;border-color:#cc9900;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:#FFDF46;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:#EEB900;border-color:#EEB900}
.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-purples{color:#fff;background-color:#cc9933;border-color:#cc9933;color:#fff!important; border-radius:0.3rem; -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-purples:hover{color:#fff;background-color:#996600;border-color:#996600}
.btn-purples.focus,.btn-purples:focus{color:#fff;background-color:#996600;border-color:#996600}
.btn-purples.active,.btn-purples:active,.open>.btn-purples.dropdown-toggle{color:#fff;background-color:#996600;border-color:#996600}
.btn-purples.active.focus,.btn-purples.active:focus,.btn-purples.active:hover,.btn-purples:active.focus,.btn-purples:active:focus,.btn-purples:active:hover,.open>.btn-purples.dropdown-toggle.focus,.open>.btn-purples.dropdown-toggle:focus,.open>.btn-purples.dropdown-toggle:hover{color:#fff;background-color:#7938F1;border-color:#7938F1}
.btn-purples.disabled.focus,.btn-purples.disabled:focus,.btn-purples:disabled.focus,.btn-purples:disabled:focus{background-color:#996600;border-color:#996600}
.btn-purples.disabled:hover,.btn-purples:disabled:hover{background-color:#996600;border-color:#996600}
/*黑色*/
.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-infoa{color:#333;background-color:#f7f7f7;border-color:#f5f5f5;border-radius: 0.3rem;}
.btn-infoa:hover{color:#333;background-color:#e5e5e5;border-color:#e5e5e5}
.btn-infoa.focus,.btn-info:focus{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-infoa.active,.btn-info:active{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-infoa.height{height:46px;}
.btn-infob{font-size: 15px;color:#333;background-color:#fff;border-color:#f5f5f5;border-radius: 0.3rem;}
.btn-infob:hover{color:#333;background-color:#e5e5e5;border-color:#e5e5e5}
.btn-infob.focus,.btn-info:focus{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-infob.active,.btn-info:active{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-infob.height{height:46px;}
.btn-infoc{font-size: 15px;color:#333;background-color:#fff;border-color:#f5f5f5;border-radius: 0.3rem;}
.btn-infoc:hover{color:#333;background-color:#e5e5e5;border-color:#e5e5e5}
.btn-infoc.focus,.btn-info:focus{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-infoc.active,.btn-info:active{color:#cc9933;background-color:#fff;border-color:#cc9933}
.btn-infoc.height{height:46px;}
.btn-info{color:#333;background-color:#fff;border-color:#f5f5f5;border-radius: 0.3rem;}
.btn-info:hover{color:#333;background-color:#e5e5e5;border-color:#e5e5e5}
.btn-info.focus,.btn-info:focus{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-info.active,.btn-info:active{color:#fff;background-color:#cc9933;border-color:#cc9933}
.btn-info.height{height:46px;}
/*白色*/
.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-bluee{background-color:#66ccff;border-color:#66ccff;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.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover{background-color:#de3c31;border-color:#de3c31}
.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger:disabled.focus,.btn-danger:disabled:focus{background-color:#ff574c;border-color:#ff574c}
.btn-danger.disabled:hover,.btn-danger:disabled:hover{background-color:#ff574c;border-color:#ff574c}
.btn-black.active.focus,.btn-black.active:focus,.btn-black.active:hover,.btn-black:active.focus,.btn-black:active:focus,.btn-black:active:hover{color:#fff;background-color:#222;border-color:#222}
.btn-black.disabled.focus,.btn-black.disabled:focus,.btn-black:disabled.focus,.btn-black:disabled:focus{background-color:#444;border-color:#444}
.btn-black.disabled:hover,.btn-black:disabled:hover{background-color:#444;border-color:#444}
.btn-white{color:#333;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{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{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-outline-blue{color:#DD2726;border-color:#DD2726}
.btn-outline-blue:hover{background-color:#DD2726;border-color:#DD2726}
.btn-outline-blue.focus,.btn-outline-blue:focus{background-color:#DD2726;border-color:#DD2726}
.btn-outline-blue.active,.btn-outline-blue:active,.open>.btn-outline-blue.dropdown-toggle{background-color:#DD2726;border-color:#DD2726}
.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{background-color:#DD2726;border-color:#DD2726}
.btn-outline-blue.disabled.focus,.btn-outline-blue.disabled:focus,.btn-outline-blue:disabled.focus,.btn-outline-blue:disabled:focus{border-color:#DD2726}
.btn-outline-blue.disabled:hover,.btn-outline-blue:disabled:hover{border-color:#DD2726}
.btn-outline-success{color:#43b968;border-color:#43b968}
.btn-outline-success:hover{color:#fff;background-color:#43b968;border-color:#43b968}
.btn-outline-success.focus,.btn-outline-success:focus{color:#fff;background-color:#43b968;border-color:#43b968}
.btn-outline-success.active,.btn-outline-success:active{color:#fff;background-color:#43b968;border-color:#43b968}
.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{color:#fff;background-color:#43b968;border-color:#43b968}
.btn-outline-success.disabled.focus,.btn-outline-success.disabled:focus,.btn-outline-success:disabled.focus,.btn-outline-success:disabled:focus{border-color:#43b968}
.btn-outline-success.disabled:hover,.btn-outline-success:disabled:hover{border-color:#43b968}
.btn-outline-danger{color:#f44236;border-color:#f44236}
.btn-outline-danger:hover{background-color:#f44236;border-color:#f44236}
.btn-outline-danger.focus,.btn-outline-danger:focus{background-color:#f44236;border-color:#f44236}
.btn-outline-danger.active,.btn-outline-danger:active{background-color:#f44236;border-color:#f44236}
.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{background-color:#f44236;border-color:#f44236}
.btn-outline-danger.disabled.focus,.btn-outline-danger.disabled:focus,.btn-outline-danger:disabled.focus,.btn-outline-danger:disabled:focus{border-color:#f44236}
.btn-outline-danger.disabled:hover,.btn-outline-danger:disabled:hover{border-color:#f44236}
.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{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{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}
/*背景*/
.no-bg{background-color:none!important}
.bg-blue{background-color:#28B0E4!important}
.bg-success{background-color:#43b968!important}
.bg-danger{background-color:#f44236!important}
.bg-yellow{background-color:#F4D624!important}
.bg-purple{color:#fff!important;background-color:#9059F3!important}
.bg-purples{color:#fff!important;background-color:#cc9933!important}
.bg-white{background-color:#fff!important}
.bg-black{color:#fff!important;background-color:#333!important}
.bg-f1{background-color:#f1f1f1!important}
a.bg-purple:focus,a.bg-purple:hover{background-color:#A475FB!important}
a.bg-blue:focus,a.bg-blue:hover{background-color:#467ee1!important}
a.bg-success:focus,a.bg-success:hover{background-color:#4bcb73!important}
a.bg-danger:focus,a.bg-danger:hover{background-color:#ff574c!important}
a.bg-black:focus,a.bg-black:hover{background-color:#444!important}
a.bg-white:focus,a.bg-white:hover{background-color:#fff!important}
.bg-bank1{background-color:#F98884!important}
.bg-bank2{background-color:#FEDB75!important}
.bg-bank3{background-color:#9180F3!important}
.bg-bank4{background-color:#20B572!important}
.bg-bank5{background-color:#20B572!important}
.bg-bank6{background-color:#78C5F1!important}
.bg-bank7{background-color:#F8CF54!important}
.bg-bank8{background-color:#1DAEED!important}
.bg-bank9{background-color:#09C308!important}
.bg-bank10{background-color:#99cc33!important}
.bg-bank11{background-color:#ff6666!important}
.bg-hese{background-color:#454B63!important}
/*字体颜色*/
a.text-black,a.text-daner,a.text-blue,a.text-success,a.text-white{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.text-blue{color:#28B0E4!important}
.text-blue .underline{border-bottom:1px solid #28B0E4!important}
a.text-blue:focus,a.text-blue:hover{color:#43B4FE!important}
a.text-blue:focus .underline,a.text-blue:hover .underline{border-color:#43B4FE!important}
.text-success{color:#43b968!important}
.text-success .underline{border-bottom:1px solid #43b968!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:#f44236!important}
.text-danger .underline{border-bottom:1px solid #f44236!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-purples{color:#cc9933!important}
.text-purples .underline{border-bottom:1px solid #cc9933!important}
a.text-purples:focus,a.text-danger:hover{color:#f8847d!important}
a.text-purples:focus .underline,a.text-danger:hover .underline{border-color:#f8847d!important}
.text-black{color:#28292F!important}
.text-black .underline{border-bottom:1px solid #28292F!important}
a.text-black:focus,a.text-black:hover{color:#7b7b7b!important}
a.text-black:focus .underline,a.text-black:hover .underline{border-color:#7b7b7b!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-yellow{color:#F4D624!important}
.text-yellow .underline{border-bottom:1px solid #F4D624!important}
a.text-yellow:focus,a.text-yellow:hover{color:#F4D624!important}
a.text-yellow:focus .underline,a.text-yellow:hover .underline{border-color:#F4D624!important}
.text-yellow{color:#F4D624!important}
.text-yellow .underline{border-bottom:1px solid #F4D624!important}
a.text-yellow:focus,a.text-yellow:hover{color:#F4D624!important}
a.text-yellow:focus .underline,a.text-yellow:hover .underline{border-color:#F4D624!important}
.text-c,.text-ccc{color:#ccc!important;}
.text-9,.text-999{color:#999!important;}
.text-6,.text-666{color:#666!important;}
.text-3,.text-333{color:#333!important;}
/*字体大小*/
.bigion{font-size:0.8rem;}
.font-90{font-size:0.8rem}
.sm{font-size:0.65rem;font-weight:300}
.big{font-size:1.25rem;font-weight:300}
.biga{font-size:0.8rem;font-weight:300}
.big3{font-size:3rem;font-weight:300}
/*边框*//*内外边距*/
.b-a-0{border:none!important}
.b-l-0{border-left:none!important}
.b-b-0{border-bottom:none!important}
.b-r-0{border-right:none!important}
.b-1{border:1px solid rgba(0,0,0,.125)}
.b-t{border-top:1px solid rgba(0,0,0,.125)}
.b-l{border-left:1px solid rgba(0,0,0,.125)}
.b-b{border-bottom:1px solid rgba(0,0,0,.125)}
.b-r{border-right:1px solid rgba(0,0,0,.125)}
.b-a-dashed{border-style:dashed!important}
.b-t-dashed{border-top-style:dashed!important}
.b-l-dashed{border-left-style:dashed!important}
.b-b-dashed{border-bottom-style:dashed!important}
.b-r-dashed{border-right-style:dashed!important}
.b-a-width-2{border-width:2px!important}
.radius-0{border-radius:0!important}
.radius-0-25{border-radius:.25rem!important}
.radius-0-5{border-radius:.5rem!important}
.radius-25{border-radius:25px!important}
.radius-50{border-radius:50%!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-005{padding-top:0.05rem!important;padding-bottom:0.05rem!important}
.p-y-010{padding-top:0.1rem!important;padding-bottom:0.1rem!important}
.p-y-015{padding-top:0.15rem!important;padding-bottom:0.15rem!important}
.p-y-020{padding-top:0.2rem!important;padding-bottom:0.2rem!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}
/*对其*/
.text-center,.center,.text-xs-center{text-align:center}
.f-left{float:left}
.f-right{float:right}
.show{ display:block;}
.hide{ display:none;}
.block{display:block;}
/*布局*/
.box{position:relative;display:block;margin-bottom:.75rem;border:1px solid rgba(0,0,0,.085);background-color:#fff}
.box-block{padding:1.25rem}
.box-block5{padding:.5rem 1rem}
.box.nobg{ background:none; border:none}
.tag{display:inline-block;padding:6px 6px;font-size:16px;line-height:12px;color:#fff;background-color:rgba(0,0,0,.8);border-radius:25px}
.tag.white{display:inline-block;padding:2px 8px;/*font-size:12px;*/line-height:16px;color:#fff;background-color:rgba(225,225,225,0.25);border-radius:25px}
/*.label{display:inline-block;padding:2px 8px;font-size:12px;line-height:16px;color:#333;/*background-color:rgba(0,0,0,0.1);*/}
.label ~ .label{ margin-left:5px;}*/
.tagnum{display:inline-block;padding:0 .2rem;font-size:.8rem;line-height:1;color:#f44236;background-color:rgba(0,0,0,.15); border-radius:5rem; position:absolute;top:0.15rem;}
/*渐变*/
.btn-blue-b{background-image: -webkit-gradient(linear, left top, right top, from(#4F43E1), to(#802CE6));
background-image: -webkit-linear-gradient(left, #4F43E1 0%, #802CE6 100%);
background-image: -o-linear-gradient(left, #4F43E1 0%, #802CE6 100%);
background-image: linear-gradient(to right, #4F43E1 0%, #802CE6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F43E1', endColorstr='#802CE6', GradientType=1);
background-repeat: repeat-x;border-color:#fff;color:#fff;}
.btn-danger-b{background-image: -webkit-gradient(linear, left top, right top, from(#f44236), to(#F84154));
background-image: -webkit-linear-gradient(left, #f44236 0%, #F84154 100%);
background-image: -o-linear-gradient(left, #f44236 0%, #F84154 100%);
background-image: linear-gradient(to right, #f44236 0%, #F84154 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f44236', endColorstr='#F84154', GradientType=1);
background-repeat: repeat-x;border-color:#fff;color:#fff;}
.btn-success-b{background-image: -webkit-gradient(linear, left top, right top, from(#43b968), to(#05C749));
background-image: -webkit-linear-gradient(left, #43b968 0%, #05C749 100%);
background-image: -o-linear-gradient(left, #43b968 0%, #05C749 100%);
background-image: linear-gradient(to right, #43b968 0%, #05C749 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#43b968', endColorstr='#05C749', GradientType=1);
background-repeat: repeat-x;border-color:#fff;color:#fff; }
.gradient-blue {
background-image: -webkit-gradient(linear, left top, right top, from(#485AE4), to(#833ec9));
background-image: -webkit-linear-gradient(left, #485AE4 0%, #833ec9 100%);
background-image: -o-linear-gradient(left, #485AE4 0%, #833ec9 100%);
background-image: linear-gradient(to right, #485AE4 0%, #833ec9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#485AE4', endColorstr='#833ec9', GradientType=1);
background-repeat: repeat-x;
}
.gradient-danger {
background-image: -webkit-gradient(linear, left top, right top, from(#f44236), to(#F84154));
background-image: -webkit-linear-gradient(left, #f44236 0%, #F84154 100%);
background-image: -o-linear-gradient(left, #f44236 0%, #F84154 100%);
background-image: linear-gradient(to right, #f44236 0%, #F84154 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f44236', endColorstr='#F84154', GradientType=1);
background-repeat: repeat-x;
}
.gradient-purple {
background-image: -webkit-gradient(linear, left top, right top, from(#4F43E1), to(#7900F2));
background-image: -webkit-linear-gradient(left, #4F43E1 0%, #7900F2 100%);
background-image: -o-linear-gradient(left, #4F43E1 0%, #7900F2 100%);
background-image: linear-gradient(to right, #4F43E1 0%, #7900F2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4F43E1', endColorstr='#7900F2', GradientType=1);
background-repeat: repeat-x;
}
.gradient-black {
background-image: -webkit-gradient(linear, left top, right top, from(#0C0A0B), to(#0A0A0A));
background-image: -webkit-linear-gradient(left, #0C0A0B 0%, #0A0A0A 100%);
background-image: -o-linear-gradient(left, #0C0A0B 0%, #0A0A0A 100%);
background-image: linear-gradient(to right, #0C0A0B 0%, #0A0A0A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C0A0B', endColorstr='#0A0A0A', GradientType=1);
background-repeat: repeat-x;
}
.bg-purple-blue{background: linear-gradient(top , rgb(160, 83, 251) , rgb(81, 75, 228) 98%);
background: -o-linear-gradient(top , rgb(160, 83, 251) , rgb(81, 75, 228) 98%);
background: -ms-linear-gradient(top , rgb(160, 83, 251) , rgb(81, 75, 228) 98%);
background: -moz-linear-gradient(top , rgb(160, 83, 251) , rgb(81, 75, 228) 98%);
background: -webkit-linear-gradient(top , rgb(160, 83, 251) , rgb(81, 75, 228) 98%);
}
.badgetuan{display:inline-block;padding:0.2rem 0.3rem;font-size:0.6rem;line-height:1;color:#3d4145;background-color:rgba(0,0,0,0.15);border-radius:0.3rem}
.badge{display:inline-block;padding:0.25rem 0.5rem;font-size:0.5rem;line-height:1;color:#3d4145;background-color:rgba(0,0,0,0.15);border-radius:5rem}
.badge.badge-inverted{padding:0 .25rem 0 0;background-color:transparent}
.badge.white{background-color:rgba(225,225,225,0.35);}
#shine{ background:#333333; color:#fff; text-align:center;font-size:1em;-webkit-animation: bigAssButtonPulse 1.5s ease-in-out infinite alternate;
-moz-animation: bigAssButtonPulse 1.5s ease-in-out infinite alternate;
animation: bigAssButtonPulse 1.5s ease-in-out infinite alternate;}
#shine:hover{-webkit-animation: neon2 1.5s ease-in-out infinite alternate;
-moz-animation: neon2 1.5s ease-in-out infinite alternate;
animation: neon2 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes bigAssButtonPulse {
from { background-color: #f1f1f1; -webkit-box-shadow: 0 0 200px #fff; }
50% { background-color: #f5f5f5; -webkit-box-shadow: 0 0 200px #fff; }
to { background-color: #f9f9f9; -webkit-box-shadow: 0 0 200px #fff; }
}
@-webkit-keyframes neon2 {
from {
text-shadow: 0 0 100px #fff,
0 0 200px #fff,
0 0 300px #fff,
0 0 40px #228DFF,
0 0 70px #228DFF,
0 0 80px #228DFF,
0 0 100px #228DFF,
0 0 150px #228DFF;
}
to {
text-shadow: 0 0 5px #fff,
0 0 10px #fff,
0 0 15px #fff,
0 0 20px #228DFF,
0 0 35px #228DFF,
0 0 40px #228DFF,
0 0 50px #228DFF,
0 0 75px #228DFF;
}
}
/*会员中心*/
.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)}
}
/*会员中心*/
.myinfotx{ position:relative;padding:0; width:100%; height:200px; padding-top:1rem; background-image: url(../images/membertx_top_bg.png); background-size:100% 100%; cover; color:#fff;text-align:center}
.mypictx{position:relative;margin: 0 auto;/*width:65px;height:65px;border:1px solid #F7F7F9; padding:1px;border-radius:50%;*//*background-color: rgba(0,0,0,0.5); background-color:#f44236; */}
.mypictx img{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictx img.sm-pic{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictx .user-avatar { background-color: #FFF; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 100%;}
.mypictx .user-avatar img { width: 100%; height: 100%; border-radius: 100%;}
.mypictx .group{ position:absolute; top:0.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;}
.mypictx .group i{ color:#fff; font-size:0.9rem; /*background:#fff; padding:3px; border-radius:50%; color:rgba(0,0,0,0.4);*/}
.myinfotxa{ position:relative;padding:0; width:100%; height:120px; padding-top:1rem; background-image: url(../images/membertx_top_bg.png); background-size:100% 100%; cover; color:#fff;text-align:center}
.mypictxa{position:relative;margin: 0 auto;/*width:65px;height:65px;border:1px solid #F7F7F9; padding:1px;border-radius:50%;*//*background-color: rgba(0,0,0,0.5); background-color:#f44236; */}
.mypictxa img{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictxa img.sm-pic{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictxa .user-avatar { background-color: #FFF; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 100%;}
.mypictxa .user-avatar img { width: 100%; height: 100%; border-radius: 100%;}
.mypictxa .group{ position:absolute; top:0.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;}
.mypictxa .group i{ color:#fff; font-size:0.9rem; /*background:#fff; padding:3px; border-radius:50%; color:rgba(0,0,0,0.4);*/}
.myinfotr{ position:relative;padding:0; width:100%; height:200px; padding-top:1rem; background-image: url(../images/membertr_top_bg.png); background-size:100% 100%; cover; color:#fff;text-align:center}
.mypictr{position:relative;margin: 0 auto;/*width:65px;height:65px;border:1px solid #F7F7F9; padding:1px;border-radius:50%;*//*background-color: rgba(0,0,0,0.5); background-color:#f44236; */}
.mypictr img{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictr img.sm-pic{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictr .user-avatar { background-color: #FFF; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 100%;}
.mypictr .user-avatar img { width: 100%; height: 100%; border-radius: 100%;}
.mypictr .group{ position:absolute; top:0.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;}
.mypictr .group i{ color:#fff; font-size:0.9rem; /*background:#fff; padding:3px; border-radius:50%; color:rgba(0,0,0,0.4);*/}
.myinfotop{ position:relative;width:100%; height:40px;padding:0;padding-top:1rem;padding-left:0rem; padding-bottom:1rem; background-image: url(../images/member_topbg.png); background-size:100% 100%; cover; color:#fff;text-align:center}
.mypictop{position:relative;margin: 0 auto;/*width:65px;height:65px;border:1px solid #F7F7F9; padding:1px;border-radius:50%;*//*background-color: rgba(0,0,0,0.5); background-color:#f44236; */}
.mypictop img{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictop img.sm-pic{width:60px;height:60px;border:1px solid #F7F7F9;border-radius:50%}
.mypictop .user-avatar { background-color: #FFF; width: 4rem; height: 4rem; margin: 0 auto; border-radius: 100%;}
.mypictop .user-avatar img { width: 100%; height: 100%; border-radius: 100%;}
.mypictop .group{ position:absolute; top:0.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;}
.mypictop .group i{ color:#fff; font-size:0.9rem; /*background:#fff; padding:3px; border-radius:50%; color:rgba(0,0,0,0.4);*/}
.myinfo{ position:relative;padding:0;padding-top:1rem; 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:#ED5564; }
.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,.9);}
.myinfo .mymoney span{display:block;color:rgba(255,255,255,.99);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:.1rem 0;font-size:0.75rem;}
.mymoney span{display:block;font-size:0.75rem;}
.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{background:#4E5160;}
.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:#f44236;}
.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;}*/
.list-block.newuserlist .item-media {padding: 0.01rem;}
.list-block.newuserlist .item-media i{display:block;width:50px;height:32px;background:url(../images/newuser.png) no-repeat;background-size:100% 100%;font-size:0.7rem;color:#fff;text-align:center;}
.dump{position:relative;overflow:hidden}
.list-block.newuserlist .newlist{font-size:0.75rem;width:100%; height:25px;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 2s infinite; -moz-animation:move 20s ease 2s infinite; animation:move 20s ease 2s infinite;}
.list-block.newuserlist .newlist ul li{ position:relative; clear:both; width:100%; height:30px; line-height:30px;overflow:hidden; white-space:nowrap;text-overflow: ellipsis;}
.newlist .new-time{color:#888;}
@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:#f5f5f5}
.fui-goods-item{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;overflow:hidden;padding:0rem;padding-top:0rem;padding-bottom:0.2rem;padding-left:0.5rem;height:auto;border-bottom:1px solid #e7e7e7;}
.fui-goods-item .image{float:left;width:5rem;height:5.5rem; background-position:center center;background-size:100% 100%;background-repeat:no-repeat;}
.fui-goods-item .image img{display:block;width:100%;height:100%;}
.fui-goods-item .image .hot{position:absolute;top:0px;left:2px;width:100%;height:1.5rem;color:#fff;}
.fui-goods-item .image .hot .jiao{background: #f44236;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:.5rem;background: #fff;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.fui-goods-item .detail .name{height:1.5rem;line-height: 1.5rem;font-size:.65rem;}
.fui-goods-item .detail .namea{height:1rem;line-height:1rem;font-size:.65rem;}
.fui-goods-item .detail .price{font-size:.65rem;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{font-size:.65rem;color:#f44236;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.fui-goods-item .detail .price .texta{font-size:.65rem;color:#000;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.fui-goods-item .detail .price .sale{font-size:.65rem;color:#999;}
.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: #f44236;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.6rem;line-height: 0.9rem;font-size:.7rem;color:#262626; margin:0.25rem 0;}
.fui-goods-group.block .fui-goods-item .detail .namea{overflow:hidden;height:0.8rem;line-height: 0.9rem;font-size:.65rem;color:#262626; 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}
.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%}
/*选择商品数量*/
.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;background-color: #ffffff;}
.popup-cantuan{ background:0 0;}
.popup-cantuan .popup-over{ position:absolute; left:0; top:0; display:block;width:100%; height:100%; }
.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:150px;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:60px;height:26px;border:#DDD 1px solid;background:#fff;text-align:center}
/*商品分类*/
.cat-page{ position:relative; padding:0; height:100%; display:block;background:#FFCC00}
.cat-left{ position:fixed; left:0px; top:2.2rem; padding:0; display:block; overflow:hidden;overflow-y: auto; bottom:2.5rem; z-index:9999;}
.cat-right{ margin:0 auto; padding:5px 10px;}
.cat-left a{ width:100%;line-height:2rem;height:2rem;white-space:nowrap; border-bottom:1px solid #efefef; margin:0 auto; padding:0px; text-align:center; display:block; }
.cat-left a.active{ color:#f44236;}
/*我的钱包下*/
.myshopmoney{ line-height:1rem; margin:0 0.5rem; padding:0.5rem 0; padding-left:1rem; border-bottom:1px dashed #868A9D; }
.myshopmoney .col-50{ line-height:1rem; padding:0.25rem; }
.myshopmoney .col-50 span{ display:block; font-size:0.7rem; margin:0.25rem 0;color:#999;}
.myshopmoney .col-50 strong{ display:block; font-size:1rem; font-weight:400;}
.index-header{ /*position:absolute; top:0px; left:0px;background-color: rgba(0, 0, 0, 0.1);*/background-color: rgba(255, 255,255,1);background:url(../images/head-bg1.png) no-repeat;background-size:100% 100%; }
.index-header:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: auto;
top: auto;
height: 0px;
width: 100%;
background:none!important;
display: block;
z-index: 15;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.index-header .index-logo{ padding: .3rem .1rem;/*width:100px; height:30px;margin: .4rem .1rem;background:url(../images/logosm.png) no-repeat;background-size:100% 100%;*/}
.index-header .index-logo img{ height:1.4rem;}
.shadow-1 {box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);transition: all .2s ease-in-out;}
.shadow-2{box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);transition: all .2s ease-in-out;}/**/
.shadow-success {box-shadow: 0 1.5px 4px rgba(5, 209, 102, 0.24), 0 1.5px 6px rgba(5, 209, 102, 0.12);transition: all .2s ease-in-out;}
.btn.btn-gradient-yellowtuan{background:-webkit-linear-gradient(50deg,#cc9933,#ff9900)!important;background:linear-gradient(40deg,#cc9933,#ff9900)!important;-webkit-transition:.5s ease;transition:.5s ease; border:0px; color:#fff!important;}
.btn.btn-gradient-yellowtuan:active,.btn.btn-gradient-yellowtuan:active:focus .btn.btn-gradient-yellowtuan.active,.btn.btn-gradient-yellowtuan:focus,.btn.btn-gradient-yellowtuan:hover{background:-webkit-linear-gradient(50deg,#FFD86F,#FC6262);background:linear-gradient(40deg,#FFD86F,#FC6262)}
.btn.btn-gradient-yellow{background:-webkit-linear-gradient(50deg,#ff9900,#ff0000)!important;background:linear-gradient(40deg,#ff9900,#ff0000)!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,#FFD86F,#FC6262);background:linear-gradient(40deg,#FFD86F,#FC6262)}
.weixintip{width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background:rgba(0,0,0, 0.9);}
.weixintip .tippng{ text-align:right; padding-right:10px; padding-top:10px;}
.weixintip .tippng img{ width:200px;}
.tipbottom{position:absolute;width:100%; bottom:0px;left:0;z-index:1000; text-align:center;}
.tuantip{width:100%; height:300px; bottom:0; left:0;position:fixed; z-index:99999; background:rgba(0,0,0, 0.9);}
.notice{ height:40px; line-height:40px;background-color: #fff;overflow:hidden;position:relative;}
.notice a{color:#666;}
.notice a:hover{color:#2D99F2;}
.notice li{ position:relative; padding-left:0px; margin-left:0px; clear:both; height:40px; list-style:none;}
.notice li>a{ overflow:hidden; white-space:nowrap;text-overflow: ellipsis; display:block; width:100%; float:left; height:100%;}
.notice li time{ margin-right:30px;}
.notice p{ position:absolute;right:8%;top:0px; z-index:2;}
.notice p a{ display:block; height:8px;width:14px; margin:8px 0px;}
.notice p a:first-child{ background:url(img/btn_up.png) no-repeat;}
.notice p a:first-child:hover{ background:url(img/btn_up_hover.png) no-repeat;}
.notice p a:last-child{ background:url(img/btn_down.png) no-repeat;}
.notice p a:last-child:hover{ background:url(img/btn_down_hover.png) no-repeat;}
/* 大转盘样式 */
.zhuan{display:block;width:85%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
.zhuan .turnplate{display:block;width:100%;position:relative;}
.zhuan .turnplate canvas.item{width:100%;}
.zhuan .turnplate img.pointer{position:absolute;width:31.5%;height:42.5%;left:34.6%;top:23%;}
.topbg{ position:relative; width:100%; height:200px; 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);}
.topbg .gradient{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0.9; }
.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%;
}
.up-box{width: 100%;height: 100%;display: table;table-layout: fixed;-webkit-writing-mode: horizontal-tb;}
.up-box .card-cover{ position:relative;width:18vw; height:18vw; background:#f5f5f5; border:1px solid #f1f1f1;margin-bottom:0.5rem; background-size:cover;}
.up-btn{ background:#f5f5f5; border:1px solid #f1f1f1; box-sizing:border-box;display:-webkit-box;display:-webkit-flex; align-items:center;text-align:center; margin:0 auto; color:#ddd;}
.up-btn .upico{ line-height:100%; font-size:3rem;margin:0 auto;}
.up-box .card-cover .jindu{ position:absolute; bottom:0px; left:0px; width:100%; height:20px; line-height:20px; -webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 ;text-align:center; color:#fff; background:#eee; z-index:9;}
.jindu .bili {background-color: #0FDB47; display:block; width:1%; height:20px; border-radius:0px; }
.jindu .percent{position:absolute; height:20px; font-size:0.7rem; display:inline-block;top:0px; left:4px; color:#fff; z-index:10; }
table.t_info{width:115px;background:#2F374A;border-collapse:collapse;border:1px solid #2F374A;font-size:12px;margin:0 auto}
table.t_info tr{border:0}
table.t_info th{color:#FFF;text-align:center;height:25px;line-height:25px;border-top:0;border:1px solid #2F374A;background:0 0}
table.t_info th a{color:#FFF}
table.t_info ._span{color:red;cursor:pointer}
table.t_info ._span:hover{text-decoration:underline}
table.t_info td{height:20px;background:#FFF;text-align:center;border:1px solid #2F374A;line-height:20px}
.reuser{display: flex;justify-content: center; }
.reuser .reuseritem{box-sizing: border-box;margin: 5px 5px 5px 0;}
#app-container{position:absolute;width:100%; top:0px;left:0%;z-index:998;background:#fff;-moz-box-shadow:0 3px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 15px rgba(0,0,0,0.1);box-shadow:0 3px 15px rgba(0,0,0,0.1);}
.app-title{ position:relative;padding:40px 10px;background:#444;background:rgba(255,255,255,1);background:url(../images/topbg.jpg) no-repeat;background-size:100% 100%}
.app-logo img{ border-radius:4px;}
@media screen and (min-width: 544px) {
#app-container{width:640px;left:50%;margin-left:-320px}
}
.user-2{position:relative;background:url(../images/memberuser_top_bg.png) no-repeat;background-size:100% 100%; border:none; z-index:0;}
.user-2 .u-img{position:relative;height:210px;}
.user-2 .u-content{padding:0.1rem 1.25rem;width:100%; height:120px;}
.user-2 .u-content .userhead{ padding:0px; width:80px; height:80px;}
.user-2 .u-content .userhead img{ border:2px solid rgba(255,255,255,0.5); border-radius:50%; width:100%; height:100%;margin-top:25px;margin-left:1px;}
.user-2 .u-content .media-body{padding-top:3px;;margin-left:50px;}
.user-2 .u-content .media-body h5{color:#fff;}
.user-2 .u-content .media-body .user-text{margin-left:3px;font-size:16px; color:rgba(255,255,255,0.85)}
.user-2 .u-categories{position:absolute;top:1.25rem;right:1.25rem}
.user-2 .u-categories .tag{display:inline-block;margin-right:.5rem;padding:.4em .8em;text-transform:uppercase}
.user-2 .u-counters{position:relative;z-index:10; text-align:center;background-color:rgba(0,0,0,0.01);border-top:1px solid rgba(255,255,255,1.00)}
.user-2 .u-counters .uc-item{border-right:1px solid rgba(255,255,255,0.03)}
.user-2 .u-counters .uc-item:last-child{border-right:none}
.user-2 .u-counters .uc-item a{display:block;padding:0.15rem 0.15rem;width:100%;height:100%}
.user-2 .u-counters .uc-item h5{display:block;font-size:0.7rem!important; color: rgba(255,255,255,.8);margin-top:5px; margin-bottom:3px;}
.user-2 .u-counters .uc-item span{font-size:0.7rem;color: rgba(255,255,255,.8);}
.user-2 .u-counters .uc-item h6{display:block; color: rgba(255,255,255,.4);margin-top:5px; margin-bottom:3px;}
@media (min-width:992px){.compact-sidebar .site-sidebar{width:70px!important}
.compact-sidebar .site-sidebar .custom-scroll,.compact-sidebar .site-sidebar .jspContainer{overflow:visible!important}
.compact-sidebar .jspVerticalBar{width:0!important}
.compact-sidebar .site-sidebar .sidebar-menu .menu-title{display:none}
.compact-sidebar .site-sidebar .sidebar-menu li.compact-hide{display:none}
.compact-sidebar .site-sidebar .sidebar-menu>li>a{padding:1rem 3px 1rem 1.75rem}
.compact-sidebar .site-sidebar .sidebar-menu>li>a .s-icon{margin-right:2.85rem;font-size:1.25rem}
.compact-sidebar .site-sidebar .sidebar-menu>li>a>.tag{position:absolute;top:5px;left:35px}
.compact-sidebar .site-sidebar .sidebar-menu>li>a>.s-caret,.compact-sidebar .site-sidebar .sidebar-menu>li>a>.s-text{display:none}
.compact-sidebar .site-sidebar .sidebar-menu>li li>a>.s-caret{color:#000}
.compact-sidebar .site-sidebar .sidebar-menu li>ul{position:absolute;top:100%;left:70px;width:220px;background:#fff;border-left:none}
.compact-sidebar .site-sidebar .sidebar-menu>li:hover{width:290px;background-color:#373944}
.compact-sidebar .site-sidebar .sidebar-menu li:hover>a>.s-text{display:block}
.compact-sidebar .site-sidebar .sidebar-menu li:hover>ul{display:block!important}
.compact-sidebar .site-sidebar .sidebar-menu ul li>a{padding:.5rem 1rem;color:#333}
.compact-sidebar .site-sidebar .sidebar-menu ul li>a:hover{color:#28AFE6}
.compact-sidebar .site-sidebar .sidebar-menu ul li.active>a{font-weight:700}
}
.site-sidebar-overlay{display:none;position:fixed;z-index:98;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
@media (max-width:991px){.site-sidebar-opened .site-sidebar-overlay{display:block}
.container-fluid{padding:0px 5px}
}
h1,h2,h3,h4,h5,h6 {
margin-top: 0;
margin-bottom: .5rem
}
.media,.media-body {
overflow: hidden
}
.media-body {
width: 750px;
}
.media-body,.media-left,.media-right {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle
}
.media-bottom {
vertical-align: bottom
}
.media-object {
display: block
}
.media-object.img-thumbnail {
max-width: none
}
.media-right {
padding-left: 10px
}
.media-left {
padding-right: 1px
}
.media-heading {
margin-top: 0;
margin-bottom: 5px
}
.media-list {
padding-left: 0;
list-style: none
}
.tag {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem
}
.tag:empty {
display: none
}
.btn .tag {
position: relative;
top: -1px
}
a.tag:focus,a.tag:hover {
color: #fff;
text-decoration: none;
cursor: pointer
}
.tag-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.tag-default {
background-color: #818a91
}
.tag-default[href]:focus,.tag-default[href]:hover {
background-color: #687077
}
.tag-primary {
background-color: #0275d8
}
.tag-primary[href]:focus,.tag-primary[href]:hover {
background-color: #025aa5
}
.tag-success {
background-color: #5cb85c
}
.tag-success[href]:focus,.tag-success[href]:hover {
background-color: #449d44
}
.tag-info {
background-color: #5bc0de
}
.tag-info[href]:focus,.tag-info[href]:hover {
background-color: #31b0d5
}
.tag-warning {
background-color: #f0ad4e
}
.tag-warning[href]:focus,.tag-warning[href]:hover {
background-color: #ec971f
}
.tag-danger {
background-color: #d9534f
}
.tag-danger[href]:focus,.tag-danger[href]:hover {
background-color: #c9302c
}
.col-xs-1 {
float: left;
width: 8.333333%
}
.col-xs-2 {
float: left;
width: 16.666667%
}
.col-xs-3 {
float: left;
width: 25%
}
.col-xs-4 {
float: left;
width: 33.333333%
}
.col-xs-5 {
float: left;
width: 41.666667%
}
.col-xs-6 {
float: left;
width: 50%
}
.col-xs-7 {
float: left;
width: 58.333333%
}
.col-xs-8 {
float: left;
width: 66.666667%
}
.col-xs-9 {
float: left;
width: 75%
}
.col-xs-10 {
float: left;
width: 83.333333%
}
.col-xs-11 {
float: left;
width: 91.666667%
}
.col-xs-12 {
float: left;
width: 100%
}
/*收藏页面嗨购产品排列*/
.viewport {
max-width:100%;
margin:auto;
overflow:hidden;
margin:0 auto 5em auto;
}
.clear {
clear: both;
overflow: hidden;
}
.shoplist li {
overflow:hidden;
width:48%;
background: #fff;
padding:0.8em;
float:left;
margin:1%;
}
.shoplist li a {
display: block;
width:100%;
height:100%;
overflow: hidden;
}
.shoplist li a img2 {
display: block;
width:100%;
height:100%;
overflow: hidden;
background-size:100% 100%;background-repeat:no-repeat;
}
.shoplist hh4 {
font-size:1em;
color: #5d5d5d;
margin:0.2em;
line-height:1.5em;
height:3em;
font-weight:normal;
overflow:hidden;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}
.shoplist .shopinfo {
height:2em;
width: 100%;
overflow: hidden;
display:-webkit-box;
font-size:1em;
}
.shoplist .shopinfo p {
-webkit-box-flex:1;
text-overflow:ellipsis;
overflow:hidden;
height:2em;
line-height:2em;
}
.shoplist .shopinfo p:nth-child(1) {
text-align:left;
font-size:1.3em;
line-height:1.8em;
color:#FD5E15;
}
.shoplist .shopinfo p:nth-child(2) {
text-align:right;
padding-right:0.8em;
font-size:0.8em;
line-height:2.92em;
}
/*******/
/*兑现公告*/
.paidui {
width:100%;
height:50px;
display:-webkit-box;
background:#FFE401;
line-height:50px;
font-size:18px;
margin:1em auto 0 auto;
border-radius:5px;
}
.paidui1 {
width:100%;
margin:0 auto;
font-size: 12px;
line-height: 34px;
text-align: center;
color: #666;
background: #ffe401;
border: 1px solid #faed7d
}
.m-lottery-index {
margin-bottom: 10px;
width:100%;
margin:0 auto;
}
.m-lottery-index .title {
font-size: 16px;
line-height: 34px;
text-align: center;
color:#000000;
background: #ffe401;
border: 1px solid #faed7d
}
.m-lottery-index .title span{
font-size: 16px;
color:#FF0000;
}
.m-lottery-index .content2 {
border: 1px solid #faed7d;
border-top: 0;
background: #fffce0;
padding: 50px 9px 0;
color: #666;
}
.onok {
color:#C00;
}
/*******/
#item_info {
width:100%;
background:#FFF;
margin:0 auto 1em auto;
}
.item_info {
padding:1em;
line-height:1em;
margin:0px 0px 0px 0px;
}
#item_info article {
position:relative;
width:100%;
padding:0;
}
#item_info article img {
width:100%;
margin:0;
}
#item_info article .item_bg {
width: 100%;
height:2.6em;
bottom:0.142em;
left:0;
background: rgba(0, 0, 0, 0.3);
position:absolute;
}
#sold {
bottom:0.9em;
left:1em;
z-index: 10;
color: #fff;
position: absolute;
}
.favoritea {
position: absolute;
width:4.4em;
height:4.4em;
bottom:0;
right:1.7em;
background-color: #fff;
border-radius:0.5em 0.5em 0 0;
text-align:center;
overflow:hidden;
font-size:1em;
color:#919191;
line-height:7em;
}
.favoritea:before, .favoritea:after {
position: absolute;
content: "";
top:0.8em;
width:0.9em;
height:1.4em;
background-color:#b1b0b1;
border-radius:1.2em 1.2em 0 0;
}
.favoron:before, .favoron:after {
background-color: #F00;
}
.favoritea:before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
left:2.2em;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.favoritea:after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
left:1.4em;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.jc_con{ width: 95%; margin: 10px auto 0;}
.jc_con .one{ width:32%; margin-right:2%; float: left; text-align: center;background: #fff; padding: 10px 0; border-radius: 5px; margin-bottom: 10px;}
.jc_con .one a{ color:#694729; font-size: 14px;}
.jc_con .one.on{ background:#ff2c43;}
.jc_con .one.on a{ color:#fff;font-weight: 800;}
.jc_con .one:nth-child(3n){ margin-right:0}
.nav_ul{ width:100%; padding:0 10px; box-sizing: border-box; margin-bottom: 10px}
.nav_ul ul::after{ content:""; display: block; clear: both}
.nav_ul ul li{ float: left; width: 20%; text-align: center; font-size: 14px; color: #333}
.nav_ul ul li.on{ color: #333; font-weight: 800;}
.nav_con{ width:100%; padding: 0 10px; box-sizing: border-box;}
.nav_con .con{ width:100%; display: none;}
.nav_con .con:nth-child(1){ display:block}
.nav_con .con .one{ background:#fffaf1; padding: 10px; box-sizing: border-box; border-radius: 5px; margin-bottom: 10px;}
.nav_con .con .one img{ float:left; width: 100px; height: 100px; border-radius: 5px;}
.nav_con .con .one .text{ float:right; width:calc(100% - 110px); position: relative;}
.nav_con .con .one .text span{ font-size:14px; font-weight: 800; width: 70%; color: #694729;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nav_con .con .one .text p{ font-size:14px; color: #694729; margin-top: 8px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.nav_con .con .one .text em{ font-size:12px; color: #888; margin-top: 5px; width: 100%; display: block}
.nav_con .con .one .text .i{ position: absolute; top: 0; right: 0; padding: 5px 10px; border-radius: 3px; background:#ff7e51; color: #fff; font-size: 12px;}
.nav_con .con .one .text .ie{ position: absolute; top: 0; right: 0; padding: 5px 10px; border-radius: 3px; background:#4bbdfd; color: #fff; font-size: 12px;}
.nav_con .con .one .text .iee{ position: absolute; top: 0; right: 0; padding: 5px 10px; border-radius: 3px; background:#84b712; color: #fff; font-size: 12px;}
.nav_con .con .one .text .ieee{ position: absolute; top: 0; right: 0; padding: 5px 10px; border-radius: 3px; background:#cd310a; color: #fff; font-size: 12px;}
.nav_con .con .one .text .ieeee{ position: absolute; top: 0; right: 0; padding: 5px 10px; border-radius: 3px; background:#0ccbd7; color: #fff; font-size: 12px;}
.nav_con .con .one .text .yy_btn{ position: absolute; bottom: -5px; right: 0; padding: 5px 10px; border-radius: 3px; border: 1px solid #ff7e51; color: #ff7e51; font-size: 12px;}
.xf_btn{ position:fixed; bottom: 120px; right: 10px; width:60px; z-index: 99}
.xf_btn img{ width:100%}
.rg_xycon{ position:fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.1); z-index: 999; }
.rg_xycon .con{ width:80%; position: absolute; top:50%; left: 50%;transform: translate(-50%, -50%); background: #fff; padding-bottom: 20px; border-radius: 5px;}
.rg_xycon .con h3{ color: #694729; font-size: 16px; line-height:40px; width:100%; text-align: center;}
.rg_xycon .con .p_con{ width:95%; padding: 10px; box-sizing: border-box; margin: 0 auto; background: #f8f8f8; font-size: 12px; line-height: 1.8em; height: 48vh; overflow-y: scroll}
.rg_xycon .con .p_con p{ color:#694729;}
.rg_xycon .con .dx_con{ width:100%; padding: 0 0 0 15px; box-sizing: border-box; margin-top: 10px;}
.rg_xycon .con .dx_con .danxuan { width:20px !important; float: left; position: relative;}
.rg_xycon .con .dx_con .danxuan input.radio1 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: block;}
.rg_xycon .con .dx_con .danxuan i { left:0; width: 20px; height: 20px; background: url(../images/choose_3_1.png) no-repeat center; background-size: 100% 100%; margin-right: 10px; display: block; float: left;}
.rg_xycon .con .dx_con .danxuan b { font-size: 14px; color: #666; float: left; font-weight: 800; line-height: 30px; }
.rg_xycon .con .dx_con .danxuan input.radio1:checked ~i { background: url(../images/choose_3_2.png) no-repeat center; background-size: 100% 100%; }
.rg_xycon .con .dx_con p{ float:left; font-size: 12px; color: #333; line-height: 20px; margin-left: 6px;}
.rg_xycon .con .dx_con p a{ color:#009cff}
.rg_xycon .con button{ display:block; width: 80%; margin: 15px auto 0; background: #e78a78; border: none; height: 40px; line-height: 40px; color: #fff; border-radius: 5px;}
.yy_tancon{ position:fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.1); z-index: 999; display: none;}
.yy_tancon .con{ width:80%; position: absolute; top:30%; left: 10%; background: #fff; padding: 10px; border-radius: 5px;}
.yy_tancon .con h3{ font-size: 14px; color: #694729; line-height: 2em;}
.yy_tancon .con input{ border:1px solid #ccc; border-radius: 5px; font-size: 12px; color: #333; padding: 10px; box-sizing: border-box; width: 100%;}
.yy_tancon .con .center_con{ margin: 10px auto;}
.yy_tancon .con .center_con p{ font-size: 12px; color: #f00; display: inline-block;}
.yy_tancon .con .center_con .active_time{font-size: 12px; color: #f00; display: inline-block;}
.yy_tancon .con .bottom_con{ width:100%; display: flex}
.yy_tancon .con .bottom_con button{ flex:1; margin: 0 10px; border: none; height: 35px; border-radius: 5px;}
.yy_tancon .con .bottom_con button:nth-child(2){ background: #ff2c43; color: #fff;}
/*进度比例提示*/
.bili{color:#cc9933;
line-height:15px;
font-size: 12px;
-webkit-flex:0.1;}
.jd_tiao {
width: 100%;
margin-top: 5px;
background-color: #ddd;
border-radius: 50px;
overflow: hidden;
}
.jd_tiao .skills {
text-align: right;
padding-right: 30px;
line-height:15px;
font-size: 12px;
color: #fff;
}
.jd_tiao .js {background-color: #cc9933;}
.jd_tiao .js2 {background-color: #cc9933;}
.cp_tancon{ position:fixed; display: none; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.2); z-index: 999;}
.cp_tancon .con{ width:80%; position: absolute; top:50%; left: 50%;transform: translate(-50%, -50%); border-radius: 5px;}
.cp_tancon .con img{ width: 100%;}
.cp_tancon .con .close{ position: absolute; bottom: -40px; width: 30px; height: 30px; left: 50%; margin-left: -15px; top: auto; border: none;}
/*图标菜单*/
.mymenu{text-align:center}
.mymenu i{display:block;margin:0 auto;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;background-size:100% 100%;color:#F9F9FB;font-size:1.3rem;line-height:2rem}
/*通用九宫格*/
.gezi{border-top:1px solid rgba(0,0,0,0.05);background:#fff;text-align:center}
.gezi i{display:block;margin:0 auto;width:2rem;height:2rem;border-radius:50%;color:#F9F9FB;font-size:1.3rem;line-height:2rem}
.gezi .icon{display:block;margin:0 auto;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;background-size:100% 100%;font-size:1.3rem;line-height:1.8rem}
.gezi img{display:block;margin:0 auto;width:2rem;height:2rem;border-radius:50%}
.gezi span{display:block;margin-top:0.1rem; font-size:0.65rem; color:#666;}
.gezi .col-33{ padding:0.2rem 0;border-bottom:0px solid rgba(0,0,0,0.05);border-right:0px solid rgba(0,0,0,0.05);}
.gezi .col-33:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi .col-50{ padding:0.2rem 0;border-bottom:0px solid rgba(0,0,0,0.05);border-right:0px solid rgba(0,0,0,0.05);}
.gezi .col-50:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi .col-25{ padding:0.2rem 0;border-bottom:0px solid rgba(0,0,0,0.05);border-right:0px solid rgba(0,0,0,0.05);}
.gezi .col-25:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi .col-20{ padding:0.2rem 0;border-bottom:0px solid rgba(0,0,0,0.05);border-right:0px solid rgba(0,0,0,0.05);}
.gezi .col-20:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
/*通用九宫格*/
.gezi2{margin:0px 0px 0px 0px; border-top:0px solid rgba(0,0,0,0.0);background:#fff;text-align:center}
.gezi2 i{display:block;margin:0 auto;width:100%;height:1.8rem;border-radius:5%;color:#F9F9FB;font-size:1.3rem;line-height:2rem}
.gezi2 .icon{display:block;margin:0 auto;width:100%;height:1.8rem;border-radius:5%;background:#fff;background-size:100% 100%;font-size:1.3rem;line-height:1.8rem}
.gezi2 img{display:block;margin:0 auto;width:98%;height:3rem;border-radius:2%}
.gezi2 span{display:block;margin-top:0.1rem; font-size:0.65rem; color:#666;}
.gezi2 .col-33{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi2 .col-33:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi2 .col-50{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi2 .col-50:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi2 .col-25{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi2 .col-25:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi2 .col-20{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi2 .col-20:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
/*通用九宫格*/
.gezi3{margin:5px 0px 5px 0px; border-top:0px solid rgba(0,0,0,0.0);background:#fff;text-align:center}
.gezi3 i{display:block;margin:0 auto;width:100%;height:1.8rem;border-radius:5%;color:#F9F9FB;font-size:1.3rem;line-height:2rem}
.gezi3 .icon{display:block;margin:0 auto;width:100%;height:1.8rem;border-radius:5%;background:#fff;background-size:100% 100%;font-size:1.3rem;line-height:1.8rem}
.gezi3 img{display:block;margin:0 auto;width:98%;height:3rem;border-radius:2%}
.gezi3 span{display:block;margin-top:0.1rem; font-size:0.65rem; color:#666;}
.gezi3 .col-33{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi3 .col-33:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi3 .col-50{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi3 .col-50:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi3 .col-25{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi3 .col-25:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.gezi3 .col-20{ padding:0.1rem 0;border-bottom:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05);}
.gezi3 .col-20:active{-webkit-transition-duration:0s;transition-duration:0s;background-color:#d9d9d9}
.pinezi2{
margin:-30px 20px 0px 0px;
text-align: right;
color: #fff;
font-size:16px;
font-weight: bold;
text-shadow: 0 0 15px #f00, 0 0 15px #f00;
}
.badgea {
display: inline-block;
padding: 0.01rem 0.2rem;
font-size: 0.6rem;
line-height: 1;
color: #3d4145;
background-color: #fff;
border-radius: 5rem;
}
.badgeb {
display: inline-block;
padding: 0.1rem 0.2rem;
font-size: 0.5rem;
line-height: 1;
background-color: #f00;
color: #fff;
border-radius: 50rem;
width:20px;
}
.item-afterb {
white-space: nowrap;
color: #fff;
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-left: 1.5rem;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-height: 1.4rem;
}