*{font-family:微软雅黑,Verdana, Geneva, sans-serif;padding:0px;margin:0px;list-style-type:none;}
html{
	font-family: sans-serif;
	 -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

::-webkit-input-placeholder {
    color: rgba(0,0,0,.3);
}

button,.cursor,a{cursor:pointer}
body{
	font-size:14px;background-color:white;-webkit-tap-highlight-color: transparent;
}
body{
	--main-color:#336699;
	--active-color:#ececec;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
.table td{padding:5px}
textarea{ overflow:auto}
a:link,a:visited{color:#336699;color:var(--main-color);TEXT-DECORATION:none;}
a:hover{TEXT-DECORATION:underline;color:#336699;color:var(--main-color)}
img{ border:none}
h1{ font-size:18px}
select,input,textarea,button,a{resize: none;outline:none;caret-color:var(--main-color);}
.touch{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}

.wrap{word-wrap:break-word;word-break:break-all;white-space:normal;}
.nowrap{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mainbody{background-color:white;margin:20px 0px;border:1px #eeeeee solid;min-height:500px;border-radius:5px}
a.zhu:link,a.zhu:visited{color:#336699;color:var(--main-color)}

a.hui:link,a.hui:visited{color:gray;}
a.hui1:link,a.hui1:visited{color:#cccccc;}
.zhu{color:#336699;color:var(--main-color)}
.red{color:#ff0000;}
.hui{color:gray;}
.zhuheader{background:#336699;background:var(--main-color)}
.zhuactive{background:rgba(0,0,0,0.1)}
.topcss{cursor:pointer}
.topcss:hover{background:rgba(0,0,0,0.05)}

a.red:link,a.red:visited{color:#ff0000;}

a.blue:link,a.blue:visited{color:blue;}
a.blue:hover{color:red;}

.icons{ height:16px; width:16px; vertical-align:middle}
a.white:link,a.white:visited{color:white;}

.padding10{padding:10px;}

.blank1{ height:1px; overflow:hidden; border-bottom:1px #dddddd solid}
.blank10{ height:10px; overflow:hidden;width:100%}
.blank5{ height:5px; overflow:hidden;width:100%}
.blank15{ height:15px;overflow:hidden;width:100%}
.blank20{ height:20px;overflow:hidden;width:100%}
.blank25{ height:25px;overflow:hidden;width:100%}
.blank30{ height:30px;  overflow:hidden;width:100%}
.blank40{ height:40px;  overflow:hidden;width:100%}

.leftjg10{ width:10px; overflow:hidden; height:10px;float:left}
.leftjg15{ width:15px; overflow:hidden; height:15px;float:left}
.leftjg20{ width:20px; overflow:hidden; height:20px;float:left}

.alert{ padding:3px 10px;border-radius:0px; text-align:center; }
.alert_msg{ background-color:#fbe3cf;border:0px #f6a15d solid; color:#f86f00}
.alert_success{ background-color:#e3f6d1;border:0px #78b146 solid;color:green}
.alert_wait{ background-color:#f8f8f8;border:0px #cccccc solid;color:#555555}


.webhred:link,.webhred:visited,.webhred{color:#ffffff; background-color:#aa0000; padding:4px 8px; border:none; cursor:pointer}
.webhred:hover{box-shadow:0px 0px 5px rgba(0,0,0,0.3);opacity:0.9}

.face{width:24px;height:24px;border-radius:50%}

.hborder{border:.5px rgba(0,0,0,0.1) solid}
.title{height:40px;line-height:40px;overflow:hidden;text-align:left;border-bottom:1px #cccccc solid;color:#55555;font-weight:bold; background-color:#336699;background-color:var(--main-color)}
.title li{height:40px;line-height:40px;float:left; }
.title li.more{text-align:right;float:right;font-size:12px;font-weight:100}
.titleh{ background-color:#dddddd; color:#333333}

.box{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:1px #336699 solid; border:1px var(--main-color) solid}

.inputs{height:28px;line-height:24px; border:1px #cccccc solid;padding:0px 2px; overflow:hidden;}
.btn{width:100%;height:44px;line-height:44px;opacity:0.8; background-color:#336699;background-color:var(--main-color);border:none;color:white;cursor:pointer}
.btn:active,.btn:hover{opacity:1;color:white;TEXT-DECORATION:none;}
.btn:disabled{ background-color:#aaaaaa;color:#888888}
a.btn{padding:5px 8px}

.input{height:34px; line-height:30px; border:1px #cccccc solid;padding:0px 5px; overflow:hidden; border-radius:5px}
.select{border-radius:0px; background-color:#ffffff;border:1px #cccccc solid; height:34px; line-height:30px}
.textarea{height:100px; width:97%;padding:5px;border-radius:0px; border:1px #cccccc solid;}
.input:hover,.inputs:hover,.textarea:hover,.select:hover,.input_hover,.textareas,.input:focus,.inputs:focus,.textarea:focus{box-shadow:0px 0px 5px rgba(0,0,0,0.3); border:.5px #336699 solid; border:.5px var(--main-color) solid; color:#000000}


.inputs[readonly],.input[readonly]{background-color:#f1f1f1;border:1px #cccccc solid;}

a.webbtn:link,a.webbtn:visited,.webbtn{color:#ffffff;opacity:1; background-color:#336699;background-color:var(--main-color); padding:6px 10px; border:none; cursor:pointer;border-radius:5px;white-space:nowrap;text-overflow:ellipsis;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.webbtn:disabled,button[disabled]{background-color:#aaaaaa; color:#eeeeee}
.webbtn:hover,.webbtn:active{box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
a.webbtn-mini:link,a.webbtn-mini:visited,.webbtn-mini{font-size:12px;padding:3px 5px}
a.webbtn-red:link,a.webbtn-red:visited,.webbtn-red{background-color:#d9534f}
a.webbtn-white:link,a.webbtn-white:visited,.webbtn-white{background-color:white;border:1px #cccccc solid;color:black}
.radius5{border-radius:5px;}
.border{border:0.5px rgba(0,0,0,0.2) solid}

.upload_items{border:1px #cccccc solid;height:60px;overflow:hidden;float:left;margin-top:5px;margin-bottom:5px;margin-right:10px;cursor:pointer;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.upload_items:active{border:1px var(--main-color) solid}
.upload_items img.imgs{width:50px;height:50px;margin:5px}
.upload_items_items{padding:5px;text-align:center}
.upload_items_meng{ background:rgba(0,0,0,0.5);position:absolute;left:0px;top:0px;height:60px;overflow:hidden;line-height:60px;text-align:center;width:100%;color:white}

.r-tabs{overflow:hidden;height:36px}
.r-tabs .r-tabs-item{height:36px;overflow:hidden;line-height:36px;display: block;float:left;text-align:center;padding:0px 10px;border:1px #cccccc solid;border-bottom:0px;border-right-width:0px;cursor:pointer;color:#888888}
.r-tabs .r-tabs-item:first-child{border-top-left-radius:5px}
.r-tabs .r-tabs-item:last-child{border-top-right-radius:5px;border-right-width:1px}
.r-tabs .r-tabs-item:not(:first-child):not(:last-child){border-radius:0}
.r-tabs .r-tabs-item.r-tabs-item.active{color:#336699;color:var(--main-color);}

.btn-group>.btn{background:white;border:1px #dddddd solid;width:auto;padding:0px 8px;height:34px;line-height:34px;color:#000000;border-right:0px}
.btn-group>.btn[disabled]{color:#aaaaaa}

.well{padding:5px 8px;background-color:white;border-radius:5px}

pre{border:1px #8fd690 solid;padding:5px;background-color:#caeccb;border-radius:3px;text-align:left;line-height:25px}
pre span{color:#aaaaaa}

.arrow-down{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #cccccc;font-size: 0;line-height: 0;} 

.panel{border:1px #dddddd solid;border-radius:5px; background:white}
.panel-title{height:45px;line-height:45px;padding:0px 10px; background:#f5f5f5}
.panel-list{border-top:0.5px #eeeeee solid;padding:10px 8px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.panel-list:hover{background:rgba(0,0,0,0.05)}
.panel-success{border:1px #d2efd2 solid}
.panel-success>.panel-title{ background:#d2efd2;color:green}
.panel-danger{border:1px #F2DEDE solid}
.panel-danger>.panel-title{ background:#F2DEDE;color:#A94442}

.r-header{height:50px;line-height:50px;background-color:#336699; background-color:var(--main-color);overflow:hidden;color:white;font-size:18px;text-align:center;position:fixed;left:0px;top:0px;width:100%;z-index:10}
.r-header-text{text-align:center;font-size:18px;}
.r-header-btn{display:block;height:50px;width:40px;text-align:center;line-height:50px;font-size:18px;}
.r-header-btn:active{color:#aaaaaa}
.r-float-right{float:right;}
.r-float-left{float:left;}
.r-position-right{position:absolute;right:0px;bottom:0px}
.r-position-left{position:absolute;left:0px;bottom:0px}
.r-touch{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden}
.r-active:active{background-color:var(--active-color)}

.webbtn-group>.webbtn{border-radius:0px;border-right:0px;}
.webbtn-group>.webbtn:first-child{border-radius:5px 0px 0px 5px;}
.webbtn-group>.webbtn:last-child{border-radius:0px 5px 5px 0px;border-right:1px #cccccc solid}
.webbtn-group>.active{background-color:#f1f1f1;box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%)}

.menulist{background-color:white;border-radius:5px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.menulist div{padding:12px 0px;text-align:center;border-bottom:0.5px rgba(0,0,0,0.1) solid}
.menulist div:last-child{border:none}
.menulist div:active{background-color:var(--active-color)}


.badge{padding:2px 5px; background:red;color:white;font-size:12px;border-radius:10px;line-height:1}
.badge:empty{display:none}


.grid{position: relative;overflow: hidden;border-bottom-width:0;border-left-width:0;border-right-width:0;}
.grids{float:left;width:25%;text-align:center;}
.grids:active{background-color:var(--active-color)}
.gridss{padding:10px 5px;border-style:solid;border-width:0;border-color:rgba(0,0,0,0.1)}
.gridss-icon{font-size:22px}
.gridss-on{color:var(--main-color)}
.gridss-disabled{color:#888888}
.tabbar{position:fixed;width:100%;bottom:0px;z-index:50;overflow:hidden;user-select:none;background:#f7f7f7;border-left-width:0;border-bottom-width:0;border-right-width:0;color:#333333}

.rocklist{background-color:white;border-top:.5px rgba(0,0,0,0.1) solid}
.rocklist_item,.rocklist_items{padding:15px 12px;border-bottom:.5px rgba(0,0,0,0.1) solid;position: relative;align-items: center; display: flex;display: -webkit-box;display: -webkit-flex;-webkit-box-align: center;}
.rocklist_item:active{background-color:var(--active-color)}
.rocklist_itemimg{margin-right:10px}
.rocklist_itemcont{flex:1;}
.htitle{margin-top:16px;margin-bottom: 3px;padding-left: 16px;padding-right: 16px;color: rgba(0,0,0,.5);font-size: 14px; line-height: 1.4}

.r-br{border-right-width:.5px}
.r-bl{border-left-width:.5px}
.r-bt{border-top-width:.5px}
.r-bb{border-bottom-width:.5px}

.r-input{
	width: 100%;
    border: 0;
    outline: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: inherit;
    color: inherit;
    height: 1.41176471em;
    line-height: 1.41176471em
}

.rock-loading {
  display: inline-block;
  height:16px;
  width:16px;
  vertical-align: middle;
  -webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='80px' height='80px' viewBox='0 0 80 80' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eloading%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='94.0869141%25' y1='0%25' x2='94.0869141%25' y2='90.559082%25' id='linearGradient-1'%3E%3Cstop stop-color='%23606060' stop-opacity='0' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3ClinearGradient x1='100%25' y1='8.67370605%25' x2='100%25' y2='90.6286621%25' id='linearGradient-2'%3E%3Cstop stop-color='%23606060' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%23606060' stop-opacity='0.3' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' opacity='0.9'%3E%3Cg%3E%3Cpath d='M40,0 C62.09139,0 80,17.90861 80,40 C80,62.09139 62.09139,80 40,80 L40,73 C58.2253967,73 73,58.2253967 73,40 C73,21.7746033 58.2253967,7 40,7 L40,0 Z' fill='url(%23linearGradient-1)'%3E%3C/path%3E%3Cpath d='M40,0 L40,7 C21.7746033,7 7,21.7746033 7,40 C7,58.2253967 21.7746033,73 40,73 L40,80 C17.90861,80 0,62.09139 0,40 C0,17.90861 17.90861,0 40,0 Z' fill='url(%23linearGradient-2)'%3E%3C/path%3E%3Ccircle id='Oval' fill='%23606060' cx='40.5' cy='3.5' r='3.5'%3E%3C/circle%3E%3C/g%3E%3CanimateTransform attributeName='transform' begin='0s' dur='1s' type='rotate' values='0 40 40;360 40 40' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E%0A") 0 0 no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: currentColor;
}