table.layout
{
    margin:0px;
    padding:0px;
    border:none;
    width:100%;
}
table.layout tr
{
    vertical-align:top;
}
#middle
{
    min-width:1024px;
    _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"");
    overflow:hidden;
    zoom:1;
    clear:both;
}
h2
{
    color:#0a44a8;
    line-height:35px;
    margin:0px 20px;
    font-size:14px;
    border-bottom:1px solid #aacbee;
}
h4{
    font-size:12px;
    font-weight:bold;
    color:#08328b;
}

#container
{
    min-width:1200px;
    width:100%;
}
.buttonarea
{
    float:left;
    text-align:center;
    padding:10px;
}
table
{
	border: 0;
    border-collapse:collapse;
    table-layout:fixed;
    word-wrap:break-word;
}
table td
{

    padding-top:5px;
    padding-bottom:5px;
    font-size: 12px;color: #666;
}
table th
{
    padding-top:12px;
    padding-bottom:12px;font-weight: bold;
}
th.tabletitle
{
    text-align:left;
    background-color:#e8f3fd;
    padding-left:10px;
}
.table_01
{
    width:100%;
    color:#08328b;
    border-top:1px solid #aacbee;
    float:left;
}

.table_01 th
{
    text-align:center;
    font-size:14px;
    line-height:25px;
}
.table_01 th a
{
    text-align:center;
    background:none;
    line-height:25px;
    font-size:14px;
    display:block;
    color:#113fac;
}
.table_01 th a:hover
{
    color:#333;
}
.table_01 td
{
    border:none;
    text-align:center;
    background:#e8f3fd;
    border-bottom:1px solid #fff;
}
.table_02
{
    width:100%;
    #border-top:1px solid #aacbee;
    color:#444;
    float:left;
}
.table_02 td
{
    padding:10px;
}
.table_03
{
    width:100%;
    color:#08328b;
}
.table_03 th
{
    text-align:left;
    background:none;
    font-size:14px;
}
.table_03 td
{
    border:none;
    text-align:left;
    background:#e8f3fd;
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    padding-left:10px;
    padding-right:10px;
}
.table_04
{
    width:95%;
    float:left;
}
.table_04 td
{
    padding:10px;
}
.table_05
{
    width:100%;
    padding:0px;
    margin:0px;
    float:left;
}
.table_07
{
    width:100%;
}
.table_07 td
{
    border:none;
    text-align:left;
    border-bottom:1px solid #bcd5eb;
    border-right:1px solid #bcd5eb;
    padding-left:10px;
    padding-right:10px;
}
.table_08
{
    width:100%;
    float:left;
}
.table_08 td
{
    padding:5px 10px 5px 10px;
}
.odd td , .even td {font-size: 12px;}
#head
{
   /* background:url(../img/R1/R1Index_02.png) repeat-x;*/
  background-color: rgba(255,255,255,1);
    width:100%;
    height:60px;
    position: relative;
    
}
#head .filld{margin: 0 27px;}
#head .hicon{width:96px;position: relative;padding-top:21px;float: left;}
#head .hicon img{float: left;}
#head .hicon img:first-child{margin-right: 21px;}
#head .hicon p{position: absolute;top:17px;right: 20px;background-color: red;color: #FFFFFF;border-radius: 12px;height: 12px;width: 23px;line-height: 9px;overflow: hidden;}
#head .hicon span{font-size: 12px;transform: scale(0.7);display: inline-block;}
#head .top{height: 3px;background-color: #335EAE ;position: absolute;top: 0px;left:0px;width: 100%;}
#logo
{
    background-color:#3D923A;
    height:60px;
    width:224px;margin-bottom: 20px;
    float:left;
}
#logo2
{
    background:url(../img/R1/R1Index_0102.png) no-repeat left top;
    height:79px;
    width:211px;
    float:left;
}
#uboxstyle
{
    float:right;
    margin:15px 0px;
    color:#676A6D;
    font-size: 14px;
    cursor:pointer;
}
#uboxstyle img{float: left;margin-right: 11px;}

#menu
{
    position:relative;
    width:224px;
    background-color: #2B333E ;
    text-align:left;
    float:left;
    font-size:14px;
}

#menuMainList {

    margin:0px;
    padding:0px;


}

#menuMainList li {
    FLOAT: left;
    LIST-STYLE-TYPE: none;
    color:#fff;
    width:224px;
    line-height:36px;

}


#menuMainList li a {
    color:#AEB7C2;
    display: block;text-decoration: none;
    padding-left:14px;
    width:210px;
    height: 42px;
    line-height: 42px;


}

#menuMainList li a:hover {
   /* background:url(../img/R1/R1Index_05.png) no-repeat left top;
  	background-color:#00AAFF;*/
    display:block;
    line-height:42px;
    height:42px;
    width:210px;
    #color:#3C9339;
    background-color: #00AAFF;
    color:#FFFFFF;
}

.menuSub
{

    width:211px;
    background:#e8f3fd;
    font-size:12px;
}

.menuSubList {
    display:block;
    overflow:hidden;
    width:224px;
}
#menuMainList .menuSubList li {
    DISPLAY: block;
    line-height:42px;
    height:42px;
    color:#FFF;


}
#menuMainList .menuSubList li span {
    DISPLAY: block;
    TEXT-DECORATION: none;
    COLOR: #fff;  FONT-WEIGHT: normal;
    display:block;
    border:none;
    padding:0px;
    background:#e8f3fd;


}

#menuMainList .menuSubList li a {
    display:block;
    font-weight:normal;
    line-height:48px;
    color:#AEB7C2;
    height:48px;
    padding-left:50px;
    width:174px;
    background-color:#272E38;
}
#menuMainList .menuSubList li a:hover {
    /*background:url(../img/R1/R1Index_07.png) repeat-x left top;
    background-color:#00AAFF;*/
    height:48px;
    line-height:48px;
    text-indent:30px;
    #color:#3C9339;
    font-weight:bold;
    padding-left:20px;
    width:204px;
    display:block;
    border:none;
    background-color: #00AAFF;
    color:#FFFFFF;
}
#menuMainList .menuSubList .choosestyle a
{
    /*background:url(../img/R1/R1Index_07.png) repeat-x left top;
   background-color: #00AAFF;*/
    height:42px;
    line-height:42px;
    text-indent:30px;
    #color:#3C9339;
    font-weight:bold;
    padding-left:20px;
    width:204px;
    display:block;
    border:none;
    background-color: #00AAFF;
    color:#FFFFFF;
}


/*-----------box tab标签----------*/
#content{  overflow:inherit; zoom:1;background-color:#ecf0f5;
}
#box{
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 14px;
    background-color: #fff;height: calc(100% - 100px);height: -webkit-calc(100% - 100px);overflow-y: auto;}
#box ul{padding:0;list-style:none}
#box #tab{ color:#113fac; float:left;}
#box #tab li{text-align:center; float:left;  cursor:pointer;}
#tab li a{ padding:0px 15px; text-decoration:none; float:left;
}
#tab li.selectTag {position:: relative; background:url(../img/R1/selectl.png) left top no-repeat;  height: 25px; color: #fff
}
#tab li.selectTag a {
    line-height: 30px;  background:url(../img/R1/selectr.png) right top no-repeat; height: 25px; color: #fff
}
#box ul li a:link
{
    color:#113fac;
}
#box ul li a:visited
{
    color:#113fac;
}
#box ul li a:hover
{
    color:#333;
}
#tab li.on{posittion:relative;  color:#113fac; font-weight:bold; background:#fff; background:url(../img/R1/selecthoverl.png) left top no-repeat; float:left; height:25px; }
#tab li.on a{border-bottom:none;  color:#113fac; font-weight:bold; background:#fff; background:url(../img/R1/selecthoverr.png) right top no-repeat; float:left; height:25px; line-height:30px;}



.boldtext
{
    text-align:left;
}

.textstyle
{
    border:1px solid #7e9db9;
}

#helparea
{
    width:200px;
    float:right;
    margin:0px 10px;
    color:#444;
}
.helptitle
{
    background:#37629d;
    width:200px;
    height:15px;
}
.helptitle span
{
    display:none;
}
.helptext
{
    background:url(../img/R1/help.png) repeat-x #FFF;
    width:178px;
    border:1px solid #37629d;
    padding:10px;
}

#footer
{
    /*background:url(../img/R1/R1Index_10.png) repeat-x;*/
   background-color: #335EAE;
    height:32px;
    color:#fff;
    text-align:center;
    line-height:32px;
    width:100%;
    float:left;
}


.selectTag
{
    background:url(../img/R1/selectl.png) left top;
}

#menuMainList li a.current {background-color: #374754;
    /*background:url(../img/R1/R1Index_05hover.png) no-repeat left top;
    display:block;
    line-height:36px;
    height:36px;
    color:#FFF;
    width:176px;
    padding-left:35px;*/
}

#menuMainList li a.current2 {background-color: #374754;
    /*background:url(../img/R1/R1Index_05.png) no-repeat left top;
    display:block;
    line-height:36px;
    height:36px;
    color:#FFF;
    width:176px;
    padding-left:35px;*/
}
.indexfieldset
{
    width:99%;
    float:left;
    margin-top:10px;
}
legend
{
    font-size:14px;
    font-weight:bold;
    color:#113fac;
    margin-left:20px;
    padding-left:5px;
    padding-right:5px;
}
fieldset table td
{
    vertical-align:top;
}
.icosite
{
    vertical-align:top;
    text-align:center;
    width:112px;
}
.paging
{
    float:right;
    width:100%;
}
.paging td
{
    padding-top:5px;
    padding-bottom:5px;
}

.paging .quotes
{
    text-align:center;
    float:right;

}
.paging .quotes span
{
    border:1px solid #e6e6e6;
    padding:1px 3px 1px 3px;
    margin-right:3px;
    background:#cdcdcd;
    background:url(../img/R1/pagingbgun.png) repeat-x;
}

.paging .quotes span.current
{
    background:#37629d;
    color:#FFF;
}

.paging .quotes span.pageenabled
{

    background:url(../img/R1/pagingbg.png) repeat-x;
    border:1px solid #d5dfe1;
}
.paging .quotes span.pageenabled a
{
    color:#000;
    text-decoration:none;
}
.paging .quotes span.pageenabled a:hover
{
    color:green;
    background:url(../img/R1/pagingbg.png) repeat-x;
}
.beforebt{
    float:left;
    line-height:28px;
}

.bluebtlong
{
    background:url(../img/R1/buttonl.png) no-repeat;
    width:100px;
    height:28px;
    text-align:center;
    line-height:28px;
    display:block;
    border:none;
    color:#FFF;
    font-size:14px;
    float:left;
    margin-left:20px;
}
.bluebt
{
    background:url(../img/R1/button1.png) no-repeat;
    width:83px;
    height:28px;
    text-align:center;
    line-height:28px;
    display:block;
    border:none;
    color:#FFF;
    font-size:14px;
    float:left;
    margin-left:20px;
}
.button2
{
    background:url(../img/R1/button2.png) no-repeat;
    width:74px;
    height:26px;
    border:none;
    display:block;
    margin-left:100px;
    color:#FFF;
}
.button3
{
    background:url(../img/R1/button3.png) no-repeat;
    width:80px;
    height:28px;
    border:none;
    display:block;
    margin-left:20px;
    color:#37629d;
}
.button4
{
    background:url(../img/R1/button3.png) no-repeat;
    width:80px;
    height:28px;
    text-align:center;
    line-height:28px;
    display:block;
    border:none;
    font-size:14px;
    float:left;
    margin-left:20px;
    color:#37629d;
}



#popare
{
    margin:10px;
}
.ptitle
{
    background:url(../img/R1/popupbg.png) repeat-x;
    height:26px;
    line-height:26px;
    color:#FFF;
}
.ptpic
{
    background:url(../img/R1/pop1.png) no-repeat;
    height:26px;
    width:20px;
    float:left;
}
.pttext
{
    float:left;
    font-weight:bold;
}

.poptb
{
    width:100%;
    border:1px solid #b3cbe7;
    table-layout:fixed;
}
.poptb tr
{
    background:#e8f3fd;
}
.poptb th
{
    background:url(../img/R1/pagingbg.png) repeat-x;
    height:25px;
    color:#08328b;

}
.poptb td
{
    color:#08328b;
    text-align:center;
    line-height:25px;
}

a.tip{
    text-decoration:underline;
}
a.tip span{
    display:none}
a.tip:hover{
    cursor: pointer;}
a.tip:hover .popbox{
    z-index:999;
    display:block;
    position:relative;
    top:16px;
    left:16px;
    width:180px;/*Lirz modify for show details*/
    background:#424242;
    color:#fff;
    padding:10px;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.f_red{
    color:#FF0000
}

.f_green{
    color:#06b728
}

.selectbox
{
    width:100%;
    border:1px solid #ccc;
    float:left;
    margin-top: 5px;
}
.selecttitle
{
    background:url(../img/R1/pagingbg.png) repeat-x;
    border-bottom:1px solid #ccc;
    padding-left:10px;
    padding-top:4px;
    padding-bottom:3px;
}
.selectct select
{
    width:100%;
}
.divv{
    position:absolute;
    top:150px;
    left:30%;
    width:350px;
    height:50px;
    background-color:#D5ECFA;
    text-align:center;
    padding-top:20px;
    font-size:12px;
    z-index:300;
    display:none;
}
.popup{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:#000;
    filter:alpha(opacity=45);
    -moz-opacity:0.45;
    opacity:0.45;
    z-index:200;
    display:none;
}
.mid_sel
{
    width: 88px;
}
.long_sel
{
    width: 115px;
}
.long_input
{
    width: 110px;
}
.mid_input
{
    width: 82px;
}
.z-fa{
	margin:0 21px 2px 0 ;
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;
	top: 6px;
}
.z-fa-arrow{
	margin-left:71px;
}
.z-fa-arrow1{
	margin-left:43px;
}
#content .dataTables_wrapper .dataTables_filter{
	margin-bottom: 12px;font-size: 14px;
}
#content .dataTables_wrapper .dataTables_filter input{
height:32px;padding-left:6px;border:1px solid #ccc;    border-radius: 2px;
    width: 218px;
}
.z-log_title{
    /*width: 100%;float: left;*/
    height: auto;
    
    border:1px solid #E9EBEC;
    /* margin: 10px 0 0 12px; */
    height: 259px;
}
.z-title{
		height: 63px;
		border-bottom: 1px solid #ECF0F1;
		line-height: 63px;
		margin-bottom: 15px;
		font-size:14px;
		font-weight:bold;
		color:#303133;
		position: relative;
	}	
.z-sys{
	background: url(../img/LEFT/left_home.png) no-repeat;
}
.z-wifi{
	background: url(../img/LEFT/left_wifi.png) no-repeat;
}
.z-pse {
    background: url(../img/LEFT/left_pse.png) no-repeat;
}
.z-ac{
	background: url(../img/LEFT/left_ac.png) no-repeat;
}
.z-pse{
	background: url(../img/LEFT/left_pse.png) no-repeat;
}
.z-base{
	background: url(../img/LEFT/left_set.png) no-repeat;
}
.z-behavior{
	background: url(../img/LEFT/left_behaviour.png) no-repeat;
}
.z-auth{
	background: url(../img/LEFT/left_idf.png) no-repeat;
}
.z-attack{
	background: url(../img/LEFT/left_security.png) no-repeat;
}
.z-flow1{
	background: url(../img/LEFT/left_control.png) no-repeat;
}
.z-advance{
	background: url(../img/LEFT/left_advanced.png) no-repeat;
}
.z-pptps{
	background: url(../img/LEFT/left_private.png) no-repeat;
}
.z-tools{
	background: url(../img/LEFT/left_tool.png) no-repeat;
}
.z-usb{
	background: url(../img/R1/usb.png) no-repeat;
}
.fa-angle-right{
	background: url(../img/R1/click.png) no-repeat;
}
.fa-angle-down{
	background: url(../img/R1/click1.png) no-repeat;
}
.z-fa1{
    display: inline-block;
    height: 20px;
    width: 20px;
    position: relative;
    top: 11px;
}
.icon i.show_tog ,.icon i.hide_tog{
    display: inline-block;
    width: 39px;
    height: 20px;
    margin-right: 10px;
    float: left;
    margin-top: 4px;
}
.show_tog {
	background: url(../img/R1/show_tog.png) no-repeat;
}
.hide_tog{
	background: url(../img/R1/hide_tog.png) no-repeat;
}
.service-hotline{
	  float: left;
    color: #AEB7C2;
    padding-left: 14px;
    padding-top: 15px;
}
.online-service{
	display: block;
    float: right;
    margin: 15px 0px;
    padding-right: 20px;
    color: #676A6D;
    font-size: 14px;
    border-right: 1px solid;
    cursor:pointer;
}
.bold{font-weight: bold;font-size: 14px;}

/*login*/
	#root{
	    height: 100%;
    background-color: #43525E;
    text-align: unset;	
	}
.login {
  height: 100%;
}
.login .login-head {
  height: 52px;
  line-height: 52px;
  background-color: #43525E;
}
.login .login-head img{
	    vertical-align: middle;
}
.login .login-shell {
    width: 100%;
    margin-top:480px;
    height: 120px;
    background-color: #43525E;
}
.login .login-form {
  #width: 380px;
  #min-height: 338px;
  #position: absolute;
  #top: 126px;
  #left: 50%;
  #margin-left: -190px;
  #padding: 30px 25px;
}
.login-footer {
  color: #fff;
  height: 20px;
  display: table;    
  *display: inline;
  *zoom: 1;
  margin: 0 auto;
  font-size: 12px;
  list-style: none;
}
.login-footer li {
  float: left;
  margin-right: 24px;
}
.login-footer li a {
  color: #fff;
  text-decoration: none;
  margin-left: 24px;
}
.login-footer span{
	color: #FFFFFF;
    padding: 0 10px;
    display: block;
    float: left;
    height: 20px;
}
.ant-spin-nested-loading {
    height: 100%;
    position: relative;
}
.ant-spin-container {
    height: 100%;
    position: relative;
    zoom: 1;
}
.login-form .title{color: #FFFFFF;text-align: center;font-size: 24px;padding-bottom: 78px;}
.guide-form{border:2px solid #FFFFFF;border-radius: 6px;width: 540px;margin: 0 auto;position: relative;margin-bottom: 36px;min-height: 335px;}
.guide-title{color: #FFFFFF;text-align: center;font-size: 24px;padding-bottom: 40px;}
.g_close{color: #FFFFFF;font-size: 24px;float: right;margin-right: 12px;margin-top: 12px;}
.tiinfo{position: absolute;top: 16px;right: -300px;}
.g_yuana{width: 24px;height: 24px;border: 3px solid #00AAFF;border-radius: 24px;color: #00AAFF;font-size: 18px;text-align: center;line-height: 24px;}
.g_yuanb{width: 24px;height: 24px;border: 3px solid #00AAFF;border-radius: 24px;color: #FFFFFF;font-weight:bold;background-color:#00AAFF;font-size: 18px;text-align: center;line-height: 24px;}
.g_yuanc{width: 24px;height: 24px;border: 3px solid #868686;border-radius: 24px;color: #868686;font-weight:bold;font-size: 18px;text-align: center;line-height: 24px;}
.g_ban{width: 3px;background-color:#868686;height: 60px;margin-left: 14px;}
.g_ban span{display: inline-block;width: 3px;height: 30px;background-color:#00AAFF;}
.g_banb{width: 3px;background-color:#00AAFF;height: 60px;margin-left: 14px;}
.g_banc{width: 3px;background-color:#868686;height: 60px;margin-left: 14px;}
.g_y_title{width: 244px;font-size: 12px;color: #868686;}
.g_y_title p:first-child{font-size: 14px;font-weight: bold;}
.imginterfo{display: table;margin: 48px auto;}

.imginter{font-size: 14px;font-weight: bold;color: #666;text-align: center;float: left;margin-top: 15px;width: 180px;}
.imginter p{width: 150px;}
.hrs{height: 4px;background-color: #666;}
.btntop button{margin-top:0px}
.btnlist{margin-left: -18px;margin-bottom:12px}

.tip-bubble
        {
            font-size: 1.0em;
            padding: 4px 8px 4px 8px;
            text-align: center;
            position: fixed;
            z-index: 1000;
            border-radius: 2px;
            display: inline-block;
            opacity: 0;
            max-width: 300px;
        }

        .tip-bubble:after
        {
            content: '';
            position: absolute;
            margin-left: -8px;
            width: 0;
            height: 0;
        }

        .tip-bubble-center-point:after
        {
            left: 50%;
            right: auto;
        }

        .tip-bubble-left-point:after
        {
            left: 10px;
            right: auto;
        }

        .tip-bubble-right-point:after
        {
            right: 10px;
            left: auto;
        }

        .tip-arrow-top:after
        {
            border-bottom: solid 8px;
            border-right: solid 8px transparent;
            border-left: solid 8px transparent;
            bottom: 100%;
        }

        .tip-arrow-bottom:after
        {
            border-top: solid 8px;
            border-right: solid 8px transparent;
            border-left: solid 8px transparent;
            top: 100%;
        }

        .tip-theme-light:after
        {
            border-bottom-color: #fff;
            border-top-color: #fff;
        }

        .tip-theme-dark:after
        {
            border-bottom-color: #000;
            border-top-color: #000;
        }

.btnmo{height: 32px;line-height: 32px;background-color: #3C9339;border-radius: 4px;display: inline-block;position: relative;}
.btnmo button{margin: 0;float: left;border: 0;}
.btnmo p, .btnmo img{float: left;}
.btnmo img{margin-right:10px;padding-left: 10px;margin-top: 6px;}
.btn-list{position: absolute;left: 0;top: 40px;border-top:1px solid #D7D7D7;background-color: #FFFFFF;width: 100%;z-index: 1060;display: none;}
.btn-list .btn-list_arrw{    top: -5px;right: 16px;
border-top-color: #d7d7d7;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: #d7d7d7;
box-shadow: rgba(0, 0, 0, 0.06) -2px -2px 5px;
position: absolute;
display: block;
width: 6.07107px;
height: 6.07107px;
transform: rotate(45deg);
background: #FFFFFF;
border-style: solid;
border-width: 1px;}
.btn-list ul{position: absolute;width: 100%;border: 1px solid #D7D7D7;border-top: 0;top:0;left: 0;background-color: #FFFFFF;}
.btn-list li{height: 32px;text-align: center;line-height: 32px;font-size: 14px;}
.btn-list li:hover{background-color: #3C9339;color: #FFFFFF;}