*{ font-size:14px; color:#4a4a4a;}
/* 清除浮动样式 */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
/* 适配多设备 */
@media screen and (max-width: 750px) {
    .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    .layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
    .site-mobile .layui-side{left: 0;}
    .site-mobile .site-tree-mobile{display: none !important;}/****/
    .layui-body{bottom: 0; left: 0;}
}


.iconfont {  font-family:"iconfont" !important;  font-size:16px;  font-style:normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
.layui-icon01 { cursor:pointer;}
.layui-icon01:before{width:22px; height:22px; display:block;margin:10px auto;content: ""; background:url(../images/homeicon01.png) center center no-repeat; background-size:100% 100%;}

.iconfont:before{width:20px; height:20px; display:block;float:left; margin-top:13px;margin-right:15px;content: "";}
.icon-01:before{background:url(../images/navicon01.png) left bottom no-repeat;background-size:100% 100%;}
.icon-02:before {  background:url(../images/navicon02.png) left bottom no-repeat;background-size:100% 100%;}
.icon-03:before { background:url(../images/navicon03.png) left bottom no-repeat;background-size:100% 100%;}
.icon-04:before { background:url(../images/navicon04.png) left bottom no-repeat;background-size:100% 100%;}
.icon-05:before { background:url(../images/navicon05.png) left bottom no-repeat;background-size:100% 100%;}
.icon-06:before { background:url(../images/navicon06.png) left bottom no-repeat;background-size:100% 100%;}
.icon-07:before { background:url(../images/navicon07.png) left bottom no-repeat;background-size:100% 100%;}
.icon-08:before { background:url(../images/navicon08.png) left bottom no-repeat;background-size:100% 100%;}

.layui-this .icon-01:before{background:url(../images/navicon01on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-this .icon-02:before {  background:url(../images/navicon02on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-this .icon-03:before { background:url(../images/navicon03on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-this .icon-04:before { background:url(../images/navicon04on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-this .icon-05:before { background:url(../images/navicon05on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-this .icon-06:before { background:url(../images/navicon06on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-this .icon-07:before { background:url(../images/navicon07on.png) left bottom no-repeat;background-size:100% 100%;}

.layui-nav-item a:hover .icon-01:before{background:url(../images/navicon01on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-nav-item a:hover .icon-02:before {  background:url(../images/navicon02on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-nav-item a:hover .icon-03:before { background:url(../images/navicon03on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-nav-item a:hover .icon-04:before {background:url(../images/navicon04on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-nav-item a:hover .icon-05:before {background:url(../images/navicon05on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-nav-item a:hover .icon-06:before {background:url(../images/navicon06on.png) left bottom no-repeat;background-size:100% 100%;}
.layui-nav-item a:hover .icon-07:before {background:url(../images/navicon07on.png) left bottom no-repeat;background-size:100% 100%;}

/**0925**/
.layui-side-scroll {  width:200px;}
body { background:#f7f7f7;}
.layui-larry-side .user-photo{width: 200px;height: auto;padding-top: 30px;padding-bottom: 50px;}
.layui-larry-side .user-photo a.img{display: block;width: 76px;height: 76px;margin: 0 auto;margin-bottom: 5px;}
.layui-larry-side .user-photo a.img img{display: block;border: none;width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.layui-larry-side .user-photo p{display: block;width: 100%;height: 25px;color: #d1d3d7;text-align: center;font-size: 12px;	white-space: nowrap;line-height: 25px;overflow: hidden;}
.layui-larry-side .user-photo p.usertell { font-size:16px; margin:15px auto 5px}
.layui-larry-side .user-photo p a{ color:#ffc400;}
.layui-layout-admin .layui-header { background:#fff; border-bottom:5px solid #ffc400; position:fixed; width:100%}
.layui-layout-admin .layui-logo { width:auto;}
.layui-logo img{ float:left;margin:10px 10px 10px 20px; }
.layuitoptags { background:#ffc400; color:#fff; border-radius:20px; padding:3px 10px;}

.layui-nav-item a:hover span {color:#ffc400; }
.layui-nav a span{ color:#D1D3D7;}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{ background:#444544;}

/***基础数据页面**/
.fl{ float:left;}
.fr { float:right}
.layui-layout-admin .layui-body { top:65px; min-width:1000px; bottom:0px;}
.layuibodycont { margin:20px;}
.dataleft {  background:#fff; border:1px solid #ebebeb; overflow:hidden;  height:150px; }
.data_item { width:20%; float:left; margin:0 2.5%; padding-top:15px; line-height:35px;}
.data_item dt {font-size:16px; line-height:35px; font-weight:normal;}
.data_item dd p { color:#9b9b9b; display:inline-block; padding-top:3px;border-top:2px solid #ffc400; margin-bottom:10px; padding-right:8px; }
.data_item dd h2 { color:#424242; font-size:26px;}

.messnoviceright { float:right; width:30%; background:#fff; border:1px solid #ebebeb; overflow:hidden; height:150px;}
.messagebox { padding: 10px 15px;}
.messnav { border-bottom:1px solid #d8d8d8; padding-bottom:10px;}
.messnavtitle { float:left;line-height:20px; margin-right:8px; font-size:16px;}
.messnum { background:#fc475d; color:#fff; border-radius:20px; height:20px; width:20px; text-align:center; line-height:20px; float:left;}
.messagedl {padding:10px 0}
.messagedl dt{ color:#9b9b9b; line-height:24px; font-weight:normal;}
.messagedl dd{line-height:24px;}
.messagedl dd a { color:#6bd1ba; text-decoration:underline;}

.statisticsbox { float:left; width:68%;}
.capitalbox { background:#fff; border:1px solid #ebebeb; padding:15px;}
.capitalnav {margin-top:20px; margin-bottom:5px; font-size:16px;}
.capitalupdatetime { color:#a0a0a0;}
.capdetail { color:#6bd1ba;}
.count { height:335px;}
.count2 { height:285px}
.devicebox { width:48%; float:left;}
.customerbox { width:48%; float:right;}
.rankbox { float:right; width:30%}
.ranklist {background:#fff; border:1px solid #ebebeb; padding:15px;}
.ranklist .ranklitem  { margin-bottom:9px;}
.ranklist .ranklitem img{ width:25px; height:25px; border-radius:25px; margin:0 10px;}
.ranklist .ranklitem .iconnum { float:left; width:25px; height:25px; border-radius:25px;  text-align:center; line-height:25px; margin-top:8px;}
.ranklist .ranklitem:first-child .iconnum {background:#ffd858;}
.ranklist .ranklitem:nth-child(2) .iconnum {background:#d8d8d8;}
.ranklist .ranklitem:nth-child(3) .iconnum {background:#ecc236;}
.ranklist .ranklitem .rankname { line-height:40px;}
.ranklist .ranklitem .rankprice { float:right; line-height:40px;}
.latticepoint{ float:right; width:30%;}
.orderstatistics {}

.capitalnav02 { margin-top:0px; font-size:18px; margin-bottom:10px;}
.wordpro{ word-break:break-all; word-wrap:break-word; overflow:hidden;}
.streambox { background:#fff; border:1px solid #EBEBEB}
.streamtabnav { padding:20px 15px 20px; overflow:hidden; }
.streamtabnav .streampan { width:50px; height:50px; border-radius:50px; line-height:50px; text-align:center; float:left; margin:0 15px;border: 1px solid #EBEBEB; background:#fff; color:#424242;cursor:pointer;}
.streamtabnav .streampan.active {border:1px solid #FFC400; background:#FFC400; color:#fff; }
.streamtabnav .streampan a { color:#424242;text-decoration:none; float:left; width:50px; height:50px;border-radius:50px; overflow:hidden}
.streamtabnav .streampan.active a {color:#fff;}
.streamtable { margin-top:0px; border-bottom:none !important; border-left:none !important; border-right:none !important;}
.streambox.streamboxnoborder { border:none;}

.layui-table td, .layui-table th { padding:20px 25px;}
.layui-table th { background:#FFFEF9; font-size:16px;}
.redfont { color:#FC475D;}
.paginationbox { text-align:center}
.pagination > li > a, .pagination > li > span { color:#424242;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background:#FFC400; border:1px solid #FFC400;}
.warningbox { position:relative;}
.warningbox .wordpro { cursor:pointer;}
.warninghidebox { position:absolute; left:0px; width:300px; height:200px; background:#FFFEF9; border:1px solid #EBEBEB;left:-150px; top:38px; padding:15px; display:none; z-index:99}
.warninghidebox p { border-bottom:1px solid #EBEBEB; font-size:16px; line-height:36px; margin-bottom:15px;}
.warninghidebox li {margin-bottom:10px; max-height:60px; overflow:hidden }
.warningpic { margin:0 15px;}
.customernav { padding:35px 0;}
.customerpan { float:left; margin:0 25px;font-size:18px;}
.customerdetail { background:#fff;padding:20px; border:1px solid #EBEBEB; margin-bottom:20px;}
.customerhead { float:left; width:90px; height:90px; border-radius:90px; overflow:hidden; }
.customerdl { margin-left:110px;}
.customerdl dt {color:#424242; font-size:18px;}
.customerdl dt .customername {margin-right:5px; font-size:18px; font-weight:normal;}
.tdcustomername { display:inline-block;}
.customerdl dd { color:#7a7a7a; margin-top:10px}
.layui-form-label { width:100px;}
.tdcustomerhead { width:40px; height:40px; margin-right:10px;}

.lefthand { float:left; width:49%}
.righthalf { float:right; width:49%;}
.deviceleftbox { height:264px; overflow:hidden;}
.deviceleftbox .customerdl{ margin-left:0px;}
.deviceleftbox .customerdl dt { overflow:hidden}
.deviceleftbox .customerdl .customername { font-size:30px; float:left; margin-right:10px;}
.deviceleftbox .customerdl .customersexicon{ background:#FFC400; color:#fff; font-weight:normal; padding:0px 5px; float:left;margin-top:10px;}
.paymentbox { height:264px; overflow:hidden; background:#fff; border:1px solid #EBEBEB; padding:20px;}
.paymentitembox {height:180px; overflow:hidden;}
.paymentitem { float:left; width:220px; margin:8px 10px 15px;}
.paymentitem .paymentpic { float:left; border:1px solid #ebebeb; background:#fff; padding:5px; }
.paymentitem .paymentpic img { width:60px; height:60px; border-radius:60px;}
.paymentitem .paymentdl { margin-left:85px;}
.paymentitem .paymentdl dd { font-size:12px; color:#7a7a7a; margin-top:1px;}
.paymentdetail { text-align:right; padding-top:20px;}
.paymentdetail a { color:#FFC400; text-decoration:underline;}
.paymentitemsingle { width:auto; float:none;}
.paymentitemsingle .paymentpic { float:left; border:1px solid #ebebeb; background:#fff; padding:15px; }
.paymentitemsingle .paymentpic img { width:100px; height:100px; border-radius:100px;}
.paymentitemsingle .paymentdl{ margin-left:150px;padding-top:1px;}
.paymentitemsingle .paymentdl dd { margin-top:10px; font-size:14px;}
.insertcoins .paymentdl{padding-top:0px;}
.insertcoinstype .insertcoinstypepan{ float:left; width:70px;}
.insertcoinstypelist { margin-left:70px;}
.insertcoinstypeli { text-align:center; border:1px solid #ebebeb;padding:5px 0; width:185px; margin-bottom:10px;}
.insertcoinshref {  width:185px; text-align:center}
.insertcoinshref  a{ color:#FFC400; text-decoration:underline;}

.orderdata { background:#fff; border:1px solid #ebebeb; padding-bottom:40px; margin-bottom:20px; padding-top:35px}
.orderdata .data_item { border-right:1px solid #ebebeb;padding-top:0px;}
.orderdata .data_item:last-child{ border-right:none;}

.orderdata .data_item dt { border-bottom:none;}
.orderdata .data_item dd {margin-top:5px;}
.orderdata .data_item .datapro { display:inline; border-top:2px solid #ffc400;padding-top:8px; }
.orderdata .data_item dd h2 {font-size:26px;padding-top:5px;padding-bottom:5px;}
.warninghidebox02 { height:auto; top:20px; width:220px; left:-80px;}
.orderform { border:1px solid #ebebeb; padding:20px; background:#fff; margin-bottom:20px;}
.ordertabs {}
.ordertabs .ordertabpan { float:left; width:70px; height:38px; line-height:38px;border:1px solid #ebebeb; text-align:center;margin-right:25px; margin-left:-10px; border-radius:2px; cursor:pointer;}
.ordertabs .ordertabpan.active { background:#FFC400; border:1px solid #FFC400; color:#fff;}
.orderalltab { margin:20px auto 20px; background:#fff; overflow:hidden}
.orderallhref { float:left; width:50%; font-size:16px; text-align:center; padding:12px 0; }
.orderallhref:hover {text-decoration:none}
.orderallhref.active { background:#FFC400; color:#fff;}
.orderallhref span { width:28px; height:28px; color:#fff; border-radius:28px; background:#FC475D; display:inline-block;line-height:28px; margin-left:5px;}

.orderform02 { border:none;}
.orderform02 .layui-form-label { width:115px;}
.orderform02 .ordertabs .ordertabpan { margin-left:0px;}

.orderform03{padding-top:30px; padding-bottom:5px;}
.channeldetail .customerdl{ margin-left:0px; }
.channelist { margin-bottom:0px; border-bottom:none;}
.channelist { padding-top:40px}
.sorticon { width:30px; height:30px; display:inline-block;vertical-align:middle; cursor:pointer;}
.sorticon.down{ background:url(../images/down.png) left center no-repeat;background-size:100% 100%;}
.sorticon.up{ background:url(../images/up.png) left center no-repeat;background-size:100% 100%;}
.sortname { display:inline-block; line-height:30px; vertical-align:middle}
.bluefont { color:#519EF8;}
.greenfont{ color:#6BD1BA;margin-right:10px;}
.mapbox { border:1px solid #ebebeb; width:100%; margin-bottom:20px; position:relative;}
.mapbox .mappic { }
.mapbox .mappic img { width:100%;max-height:420px;}
.mapnotes { position:absolute; left:0px; width:100%; height:50px; bottom:0px;}
.mapnotesbg { position:absolute; left:0px; bottom:0px; width:100%; height:50px; background:#000; opacity:0.5;z-index:2}
.mapnotespro { position:absolute;left:0px; bottom:0px; width:100%; height:50px; z-index:3; }
.mapnotespro p{ color:#fff; padding:15px 10px;}
.moneyitem { float:left;}
.moneyitem .layui-input { width:80px; float:left; }
.moneyitem .line38 {line-height:38px; padding:0 5px; color:#7a7a7a}
.applyitem {  border-top:1px solid #ebebeb; padding-top:20px;overflow:hidden; margin-bottom:-20px;}
.applyitemprice { margin-right:10px; font-size:16px; line-height:40px; vertical-align:middle; display:inline-block}
.timerange { float:left; width:220px;}
.withdrawals { border:1px solid #ebebeb; background:#fff; padding:25px; margin-bottom:20px;}
.reportswitch { overflow:hidden; margin-top:15px;}
.reportswitch .reportswitchbtn { width:40px; height:40px; border-radius:40px; text-align:center; line-height:40px; float:left;border:1px solid #ebebeb; margin:0 5px; cursor:pointer;}
.reportswitch .reportswitchbtn.active { background:#FFC400; color:#fff; border:1px solid #FFC400}

/**登录界面**/
.loginbox {width:1000px; margin:10px auto; background:#fff; padding:15px;min-height:777px;}
.loginlogo { width:120px; margin:0 auto 50px; display:block; }
.logindiv { width:310px; margin:100px auto;}
.logintips { width:377px; margin:150px auto;color:#fff;}
.loginquote { border-left:5px solid #FF5722}
.layui-elem-quote { font-size:14px;}
.forgetpwd { line-height:20px; padding-right:10px;}
.forgetpwd a {}
.forgetpwd a:hover{text-decoration:underline; color:#f00}



/**覆盖**/
.streambox .layui-table-view .layui-table[lay-size=lg] .layui-table-cell {
    height:auto;
    line-height:auto;}

.addlayerul {margin:0px 20px 0}
.addlayerul li {margin-top:15px; }
.addlayerli { border:1px solid #e4e4e4; padding:8px 15px; border-radius:20px; overflow:hidden;line-height:22px;}
.addlayerli .addlayerlipan {float:left;}
.addlayerlidiv { margin-left:50px;}
.addlayerlidiv .addlayerliput { float:left; width:200px; border:none; margin-top:0px}
.addlaynotes { color:#f05f71; font-size:12px; padding:5px;line-height:23px;}

/**20171212**/
.marbot0 { margin-bottom: 0px;}
.marbot20 { margin:0px 0px 20px 0;}
.paddingbot20 {padding:0px 0px 20px 0;}
.orderdatathree .data_item{ width:28%;}

/**20171215**/
.devicerdetail .customerhead{ border-radius:0px;}
.devicerdetail .customerdl dd { margin-top:2px;}
.customerdl dd { overflow:hidden}
.cusddpromr { margin-right:50px; float:left;}