@charset "UTF-8";
html{ position:relative; width:100%; height:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, dl, dt, dd, span { padding: 0; margin: 0; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
td { border-color:#000; }
fieldset, img { border: 0px; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
strong { font-weight:bold; }
ol, ul, dl { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; font-weight:normal;}
img { vertical-align:middle; }
input, button { vertical-align:middle; outline:none; }
input { text-indent:2px; }
button,input[type="button"],input[type="submit"]{ cursor:pointer;}
abbr, acronym { border: 0px; } 
button,input[type="submit"]{ font-size: 12px;}
a{ text-decoration:none; outline:none;}
a:hover,a:focus{ color:#ebac00; text-decoration:none;outline:none; }
.clearfix:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.clearfix { display:block; }
.fl,.z{ float:left !important;}
.fr,.y{ float:right !important;}
.textRight{ text-align: right !important;}
.hide{ display: none;}
.fixed{ position: fixed;}
.textCenter{ text-align:center;}
.w24{width: 24px !important;}
.p10{padding: 10px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}
.p50{padding: 50px;}
.p100{padding: 100px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pr30{padding-right:30px  !important;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt80{padding-top:80px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl100{padding-left:100px;}
.pr5{padding-right: 5px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb80{margin-bottom: 80px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml80{margin-left: 80px;}
.ml100{margin-left: 100px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.font30{font-size: 30px;}
.bgfbfbfb{background: #f8f8f8;}
.bgf9f9f9{background: #f9f9f9;}
.font18{ font-size: 18px !important;}
.font26{ font-size: 26px !important;}
.font16{ font-size: 16px !important;}
.font14{ font-size: 14px !important;}
.font12{ font-size: 12px !important;}
.mt8{margin-top: 8px !important;}
.mt50{margin-top: 50px !important; }
.color777{ color: #777;}
.color333{color: #333 !important;}
.color666{color: #666 !important;}
.color999{color:#999999 !important;}
.colorebac00{color:#ebac00 !important;}
.colore45959{color: #e45959 !important;}
.colorff6102{color: #ff6102 !important;}
body{ font-size:12px; font-family:"思源雅黑","微软雅黑","黑体","宋体"; position:relative; min-height:100%; min-width:1280px;}
.topBar{ height: 60px; width: 100%; z-index:88; background:#161824; color: #fff; font-size: 14px;line-height: 60px; font-size: 14px; min-width: 1280px;}
.topBar a{ display:inline-block; color:#fff; padding:0 10px;}
.topBar a font{ background: #ff9955; color: #fff; font-size: 12px; line-height: 18px; height: 18px; border-radius: 9px; padding: 0 5px; margin-left: 5px;}
.topBar a:hover,.topBar a.on,.topBar .as:hover,.topBar .as.on{ background:#141518; color: #ebac00;}
.topBar .bottom a:hover{ background: none;}
.topBar b{ display: inline-block; width:1px; height: 17px; background: #fff; vertical-align: middle; margin-right:15px; *margin-top:14px;}
.topBar h1{ width:162px; float: left; line-height: 45px; text-align: center; margin-top: 7px;}
.topBar h1 a{ padding:0;}
.topBar h1 a:hover{ background:0 none;}
.topBar h1 img{*margin-top:13px; width: 109px;}
.topBar ul{ float: right; padding-right: 20px; font-size: 14px;}
.topBar li{ float: left; position: relative;}
.topBar dl{ float: right; margin-right: 20px; display: inline;}
.topBar dt{ position: relative;}
.topBar dt:before{ position: absolute; right:9px; top:19px; content: ''; border-left:4px solid #323232; border-top: 4px solid transparent; border-bottom:4px solid transparent;}
.topBar dl a{ color: #323232; display: block;}
.topBar dd{ line-height: 25px; text-align: center; background: #fff; border: 1px solid #e1e1e1; border-top: 0 none; display: none;}
.topBar dl:hover dt:before{ transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.topBar dl:hover dd{ display: block;}
.topBar ul .vipIcon01{background: url(../img/vip/vip01.png) no-repeat;top: 10px;padding-bottom: 8px;cursor: pointer;width: 25px;height: 17px;display: inline-block;position: relative;}
.topBar ul .vipIcon01s{background: url(../img/vip/vip02.png) no-repeat;top: 10px;padding-bottom: 8px;cursor: pointer;width: 25px;height: 17px;display: inline-block;position: relative;}
.topBarNav{float: left; position: relative; padding-left: 37px;}

.topBar .bottom { position: fixed; z-index: 9; background-color: #2b2c2f;height: 0px; top: 50px; left: 0; right: 0; transition:all .3s;  overflow: hidden;}
.topBar .bottom > ul { height: 70px; width: 100%; position: relative; margin: 0 auto; box-sizing: border-box; }
.topBar .bottom > ul.help{ padding-left: 506px; }
.topBar .bottom > ul.jiejuefangan { padding: 25px 0 0 20px; height: 340px; width: 1200px; box-sizing: border-box; }
.topBar .bottom > ul.yunweigongju { padding-left: 144px; }
.topBar .bottom > ul.bangzhuzhichi { padding-left: 902px; }
.topBar .bottom > ul > li { padding: 19px 8px 0 0; float: left; font-size: 16px; line-height: 32px; cursor: pointer; }
.topBar .bottom > ul > li > a { color: #dfdfdf; }
.topBar .bottom > ul > li > a:hover { color: #f3d660; display: inline-block; }
.topBar .bottom > ul.service{ overflow: hidden; height: 300px; padding-left: 20px;}
.topBar .bottom > ul .service1{ float: left; width: 180px; text-align: left; margin-right: 80px; padding: 0;}
.topBar .bottom > ul .service2{ color: #afafaf; font-size: 14px; border-bottom: 1px solid #65686c; line-height: 50px; padding-top: 10px; margin-bottom: 10px;}
.topBar .bottom > ul .service3{ display: block; line-height: 38px; color: #dfdfdf; font-size: 16px;}
.topBar .bottom > ul .service3 font{ font-size: 12px; color: #afafaf;}
.topBar .bottom > ul .service3 img{ position: relative; left: 10px;}
.topBar .bottom > ul > li:hover > a{ display: block;}
.topBar .bottom > ul .service3 img{ position: relative; left: 10px;}
.topBar .bottom > ul .service4{ display: block; float: inherit; height: 30px; clear: both; line-height: 30px; text-align: center; padding: 10px 0 0 0; position: absolute; width: 100%;left: 0; bottom: 20px;}
.topBar .bottom > ul .service4 img{ cursor: pointer;}
.topBar .bottom > ul .service7{ background: #32353a; width: 378px; height: 125px; padding: 15px 0px 0 25px; box-sizing: border-box; margin: 6px; animation: all 0.5s;}
.topBar .bottom > ul .service7:hover{ background: #40444b;}
.topBar .bottom > ul .service7:hover .service5{ color: #f3d660;}
.topBar .bottom > ul .service7 i{ display: block; width: 42px; height: 60px; float: left;}
.topBar .bottom > ul .service7 i.service7i1{ background: url('img/newmeun_13.png') center no-repeat;}
.topBar .bottom > ul .service7 i.service7i2{ background: url('img/newmeun_16.png') center no-repeat;}
.topBar .bottom > ul .service7 i.service7i3{ background: url('img/newmeun_19.png') center no-repeat;}
.topBar .bottom > ul .service7 i.service7i4{ background: url('img/newmeun_24.png') center no-repeat;}
.topBar .bottom > ul .service7 i.service7i5{ background: url('img/newmeun_25.png') center no-repeat;}
.topBar .bottom > ul .service7 i.service7i6{ background: url('img/newmeun_35.png') center no-repeat;}
.topBar .bottom > ul .service7 .service5{ color: #DFDFDF; line-height: 20px; padding: 5px 0 10px;}
.topBar .bottom > ul .service7 .service6{ color: #8f8f8f; line-height: 20px;  font-size: 12px;}
.topBar .bottom > ul .service7 .service8{  float: left; width: 265px; padding-left: 20px;}
.topBar .bottom > ul .jiejuefangan{ padding-top: 10px;}

.topBarNav a,.topBarNav .as,.topBarNav .member_top1{ padding: 0 26px; float: left; position: relative; }
.topBarNav .as span:after{ position: relative; right: -3px; content: ''; top: 14px; transform: translate(-2px,-50%); width: 0; height: 0;  border-top: 5px solid #ffffff; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.topBarNav .bottom a{padding: 0 16px;}
.topBarNav a > img{ position: absolute; top: 14px; right: -5px;z-index: 2; float: right;}
.topBarNav .as:hover .bottom{height: 70px;}
.member_top1{ cursor: pointer;}
.member_top1:hover{ background: #141518;color: #ebac00;}
.member_top1:hover i{border-color: #ebac00 transparent transparent transparent;}
.member_top1a i{ position: relative;top: 14px;left: 6px;background: none;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;}
.member_top1:hover .member_top2{ display: block;}
.member_top1s{width:318px; height:50px; border-radius:20px; float: left;margin-top: 10px; margin-left: 20px; position: relative;}
.member_top1s input{ background: none; line-height: 40px; width:318px; height:40px; border-radius:20px; padding-left: 16px; float: left; color: #fff; border: 1px solid rgba(255,255,255,0); box-sizing: border-box; background:rgba(255,255,255,0.1);}
.member_top1s input:focus{ border: 1px solid #F8B600;}
.member_top1s .iconfangdajing1{height: 40px; line-height: 40px; padding: 0 16px; cursor: pointer; position: absolute; right: 0; font-size: 20px;}
.member_top6{ position: absolute; top: 45px; left: 0; width: 100%; background: #fff; box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1);border-radius: 4px; padding: 24px 24px 0 24px;box-sizing: border-box; display: none;}
.member_top6a{ font-size: 14px; color: #333;line-height: 20px;padding-bottom: 10px;}
.member_top6b{overflow: hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.member_top6b a{ font-size: 12px; color: #333; display: inline-block;width:82px;height:32px; padding: 0;line-height: 32px;background:#F7F7F7;border-radius:16px; margin: 8px 0px; text-align: center;}
.topBar a.member_top6c{ font-size: 12px; color: #333; padding: 12px 0;line-height: 32px;border-top: 1px solid #dfdfdf;margin-top: 12px;width: 100%;}
.member_top6b a:hover{ background: #F7F7F7; }
.topBar a.member_top6c:hover{ color: #ebac00; background-color: #fff; }

.member_top2{position: absolute;background: #fff;border: 1px solid #dfdfdf;color: #999999; top: 46px;left: -5px; padding: 10px 30px 20px;box-shadow: 5px 5px 12px #eee; font-size: 14px;width: 640px;border-radius: 4px; display: none;}
.member_top3{ width: 180px; float: left;}
.member_top3 a{ font-size: 14px; color: #333; padding: 0;width: 100%; line-height: 38px;}
.topBar .member_top3 a:hover{ background: none;}
.member_top2 font.arrow-up { position: absolute; top: -8px; left: 45px; margin-left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ccc transparent; }
.member_top2 font.arrow-up i { position: absolute; left: -7px; top: 1px; background: none; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #fff transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.member_top3a{ width: 95px !important;}
.member_top3b{ width: 360px;}
.member_top3b a{ width: 50%;}
.member_top3c{ width: 280px;}
.member_top3c a{ width: 180px;}
.member_top5 a i{display: inline-block;position: relative;top: 1px;font-size: 16px;margin-right: 4px;}

.member_top9{ color: #333;font-size: 12px;background: -webkit-linear-gradient( top,#ffedc9,#eec9a4);border-radius: 4px;padding: 0 22px;line-height: 50px;clear: both;text-align: center;margin-top: 10px;}
.member_top9 a.member_top10{    font-size: 12px;line-height: 24px;display: inline-block;padding: 0 10px;border-radius: 4px;border: 1px solid #3f2e20;color: #3f2e20;float: inherit;background: none;margin-left: 10px;}
.member_top9 i{    background: url(../img/vip/vip02.png) no-repeat;top: 3px;/* padding-bottom: 8px; */cursor: pointer;width: 25px;height: 17px;display: inline-block;position: relative;margin-right: 8px;}
.member_top9 a.member_top10:hover{     color: #3f2e20;background: #deb287;border: 1px solid #deb287;}
.ename-topBar{ width:100%; height: 48px; border-bottom: 3px solid #187de2; background:url(img/ename_top_bg.jpg) no-repeat right top #2789ed; padding:17px 0;}
.ename-topBar h1{ float: left; position: relative; padding-left: 42px;}
.ename-topBar img{ vertical-align: top;}
.ename-topBar .code{ position: absolute; left:42px; top:37px; color: #b7daff; font-weight: normal; font-size: 12px;}
.ename-topBar .cloud{ margin-left: 27px; padding:10px 0 10px 27px; border-left: 1px solid #4e9ef0;}
.ename-topBar ul{ float: right; padding:10px 25px 0 0;}
.ename-topBar li{ float: left; padding:0 5px; font-size: 16px; color: #fff;}
.ename-topBar li a{ color: #daecff; display: inline-block; line-height: 22px;}
.ename-topBar li .exit{ padding-left: 30px; background: url(img/exit_icon.png) no-repeat 0 0;}

/*左侧导航*/
.sideNav{ width:200px; position:fixed; left:0; top:60px; overflow-x:hidden; background:#292b31; bottom:0; z-index:50; font-size: 14px; transition: all .3s; border-right: 1px solid #dfdfdf;}
.ename-sideNav{ top:85px;}
.sideNav-content{ width:200px; height:100%; overflow-x:hidden; overflow-y:auto;}
.sideBar{  width:200px; height: 30px; line-height: 29px; text-align:center; background:#615148; cursor:pointer;transition: all .3s;}
.sideBar span{ display: inline-block; width:14px; height: 14px; background-image: url(img/user_sprite.png?v=2); background-repeat: no-repeat; vertical-align: middle;*margin-top:8px;}
.icon-unfold span{ background-position: 0 0;}
.icon-fold span{ background-position: -14px 0;}
.sideNav-text{ display: inline-block; width:115px; text-align: right;}
.sideNav .icon-arrow-down{ display: inline-block; width:0; height:0; transition: all 0.3s; margin-left:8px; border-top: 5px solid #acacac; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.sideNav .open .icon-arrow-down{border-top: 5px solid #fff;}
.sideNav-mini .icon-arrow-down{ margin-left: 20px;}
.sideNav.sideNavs dd{ display: none;}
.sideNav .open dd{display: block;}
.sideNav a,.sideNav dl dt,.guide-nav a{ display:block; width:200px; height:45px; line-height:45px; position:relative; overflow: hidden; color: #fff;}
.sideNav a.current .nav-title,.sideNav a:hover .nav-icon,.sideNav a.current .nav-icon{ color: #ffcc1b; }
.sideNav a.nav-title-a{ height: 46px;}

.sideNav a.nav-title-a.on dt span{ color: #ffcc1b; }
.sideNav a.nav-title-a:hover .icon-new-cdn,.sideNav a.nav-title-a.on .icon-new-cdn{ background-position:-26px -126px;}
.sideNav a.nav-title-a:hover .icon-new-sitegroup,.sideNav a.nav-title-a.on .icon-new-sitegroup{ background-position:-26px -320px;}
.sideNav a.nav-title-a:hover .icon-new-domain_monitor,.sideNav a.nav-title-a.on .icon-new-domain_monitor{ background-position:-26px -222px;}
.sideNav a.nav-title-a:hover .icon-new-dashboard,.sideNav a.nav-title-a.on .icon-new-dashboard{ background-position:-26px -348px;}
.sideNav a.nav-title-a:hover .icon-new-ecs,.sideNav a.nav-title-a.on .icon-new-ecs{ background-position:-26px -158px;}

.sideNav a.back_list{height: 60px;line-height: 60px;border-bottom: 1px solid #191b20; text-align: left; padding-left: 30px;}
.sideNav a.back_list .nav-title{ font-size: 16px;}
.sideNav a.back_list .back_list1 i{ display: inline-block; width: 30px; height: 30px; background: url(img/leftIcons_01y.png) center no-repeat;position: relative;top: 16px;}
.sideNav a.back_list:hover .nav-title{ display: none;}
.sideNav a.back_list:hover .iconjiantou{ display: block;color: #ffcc1b;font-size: 22px;}

.sideNav dl.open .icon-arrow-down{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.sideNav dl{ width:200px;}
.sideNav dl dt{ position: relative; height:45px; line-height:45px; cursor: pointer; border-left: 3px solid #292b31;}
.sideNav dl dt:hover{ color: #ffcc1b; }
.sideNav dl.open dt .iconsanjiao-l{display: inline-block;transform: rotate(90deg);}

.sideNav.sideNavs dl dd{  display: none;}
.sideNav dt span{ vertical-align: middle;color: #fff; font-size: 14px;}
.sideNav dl dt:hover span{ color: #ffcc1b;}
.sideNav .open dt span{ color: #fff;}
.sideNav .a1111{ position: absolute;bottom: 10px;width: 100%;}
.sideNav .a1111 a,.sideNav .a1111 a img{ width: 180px; height: 160px; margin: 0 auto;}

#sendVerifyEmail{ color: #ffcc1b;}
.sideNav .a1111 a:hover{background: none;}
.sideNav .a1111 a
.guide-nav a{ cursor: default; color: #fff;}
.guide-nav .nav-title{ width:101px;}
.guide-nav{ background: #4b3930; width:178px; position: fixed; left:-1px; border:1px dashed #fff;}
.guide-product{top:115px; }
.guide-user{ top:316px;}
.sideNav-tip{ display:inline-block; height:40px; color:#fff; line-height:40px; padding:0 8px; position: absolute; z-index:999; background:#b38875;}
.sideNav-tip:before{ content:''; position:absolute; left:-7px; top:14px; width:0; height:0; border-right:7px solid #b38875; border-top:6px solid transparent; border-bottom:6px solid transparent;}
.sideNav-manage{ position:absolute; right:0; top:0; width:40px; height:40px; text-align:center; font-size:14px;}

.nav-icon{ float:left; text-align:center; width:18px; height:18px; line-height: 39px; padding-left: 28px;box-sizing: initial; margin-right: 8px;}
.nav-icon1{  display: inline-block; width:11px; height: 11px; background: url(img/leftIcons_01bs.png) center no-repeat;}
.nav-icon .iconfont{ font-size: 16px; position: relative; top: 5px;}
.nav-icon .iconfont.icondangjijiankong1{ font-size: 18px;}
.nav-icon .iconfont.iconSSLzhengshu1{ font-size: 14px;}
.sideNav.sideNavs .nav-icon{ width:18px; height:18px; padding-left: 20px; margin-right: 8px; box-sizing: initial;}
.sideNav.sideNavs .nav-icon span{ display: inline-block; position: relative; top: 2px; }
dt .sideNav-text{ text-align: left;  width: auto;}

.sideNav-new .nav-icon span{ width:18px; height: 18px; background-image: url(img/leftIcons_05.png);position: relative; top: 2px;}

.sideNav-mini .nav-icon{ padding-left: 0;}
.nav-title{ float:left; display:block; overflow:hidden; width:120px; color:#fff; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.sideNav a:hover .nav-icon,.sideNav a:hover .nav-title{ color: #ffcc1b;}
.back_list .nav-title{ width: 100%;}
.sideNavs dt .nav-title{ font-size: 14px;}
.nav-title .num{display: inline-block; padding: 0px 3px; background: #ff9955; line-height: 15px; height: 16px; border-radius: 4px; color: #fff; font-size: 12px; margin-left: 10px;}
.sideNav dd a{ border-left: 3px solid #292b31;}
.sideNav.sideNavs dd a{ padding-left: 46px; width: 100%; box-sizing: border-box; }
.sideNav dd a.current{background: #1b1d22; border-left: 3px solid #ffcc1b;}
/* .sideNav.sideNavs dd a.current{ border-left: 3px solid #ebac00;} */
.drop-down .nav-title{ color: #333;}
.current .nav-title{ color:#fff}
.current .drop-down .nav-title{ color:#333}
.tops2 .nav-title{ color: #333;}
/* .nav-title i.yuan{display: inline-block;width: 4px;height: 4px;border-radius: 50%;background: #CCCCCC;position: relative;top: -2px;margin-right: 8px;}
.current .nav-title i.yuan,.sideNav a:hover .nav-title i.yuan{ background: #ffc017;} */

.sideNav-mini{ width:50px;}
.sideNav-mini .sideNav-contentz{ width:70px;}
.sideNav-mini .sideBar{ width:50px;}
.sideNav-mini .sideNav-text,.sideNav-mini .nav-title{ display: none;}
.sideNav-mini dl{ width:50px;}
.slider-input{ display:none;}
.viewFramework{ width:auto; position:absolute; left:0px; top:60px; bottom:0; overflow:hidden; right:0; transition: all .3s;}
.ename-viewFramework{ top:85px;}
.home-viewFramework{ background: #eaedf1;}
.viewFramework-mini{ left:50px;}
.viewFramework-arrow{ height:50px;border-right:13px solid #d9dee4; border-top:9px solid transparent;border-bottom:9px solid transparent; position:absolute; left:167px; top:50%; z-index:11; cursor:pointer; transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;}
.icon-collapse-left{ border-right: 9px solid #fff; border-top:9px solid transparent;border-bottom:9px solid transparent;}
.icon-collapse-right{border-left: 9px solid #fff; border-top:9px solid transparent;border-bottom:9px solid transparent;}
.viewFramework-arrow .arrow-icon{display: block; width:0px; height: 0px; position:absolute; left:4px; top:14px; z-index: 11;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;}
.subMenu{ position:absolute; left:0; top:0; bottom:0; width:180px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; background-color:#f4f0ee; overflow:hidden; font-size: 14px;}
.subMenu h3{ height:71px; line-height: 71px; padding-left:27px; font-weight: bold; color: #474747;}
.subMenu dl{ height:100%; overflow-x:hidden; overflow-y:auto;}
.subMenu dd{ width:180px; position: relative;}
.subMenu a{ display:block; padding:0 45px 0 42px;height:40px; line-height:40px; color:#474747; position:relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.subMenu a:hover{ background:#f4f6f8;}
.subMenu a.add-btn{ width:104px; height: 32px; line-height: 32px; text-align: center; background: #ebac00; display: block; margin:10px auto 0; padding:0; border-radius:4px;-webkit-border-radius:4px;}
.subMenu a b{ position:absolute; right:10px; top:10px; display:block; font-weight:normal; height:17px;line-height:19px; padding:0 5px; border-radius:50px;-webkit-border-radius:50px; color:#fff; background:#8d7466; font-family: '黑体';}
.subMenu .icon{ position: absolute;top:12px; width:15px; height: 15px; display: none; float: left; cursor: pointer;}
.subMenu .modify-icon{ right:28px;background: url(img/modify_icon.png) no-repeat;}
.subMenu .delete-icon{ right:8px;background: url(img/delete_icon.png) no-repeat;}
.subMenu .text{ position: absolute; left:40px; top:5px; width:100px; height: 30px; line-height: 30px; padding:0 5px; border:1px solid #e0e0e0; background: #fff;}
.subMenu dd:hover .modify-icon,.subMenu dd:hover .delete-icon{ display: block;}
.subMenu dd.current > a,.subMenu li.current > a{ background:#fff; color: #474747;}
.subMenu .nav-icon{ width:30px; color:#333; }
.subMenu .nav-title{ width:138px; color:#333;}
.subMenu .open .nav-icon{ transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.subMenu ul{ display:none;}
.subMenu .open ul{ display:block;}
.subMenu li a{ padding-left:38px; color:#666;}
.paging{ text-align:right;}
.viewFramework-body{ width:auto; padding:0; color:#474747; position:absolute; left:200px; top:0; right:0; bottom:0; overflow-x:hidden; overflow-y:auto;transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s; font-size: 12px;}
.viewFramework-full .subMenu{ left:-180px;}
.viewFramework-full .viewFramework-arrow{ left:0; border-right:0; border-left:13px solid #d9dee4;}
/*.viewFramework-full .viewFramework-arrow:hover{border-left:23px solid #d9dee4;}*/
.viewFramework-full .arrow-icon{ left:-14px;}
/*.viewFramework-full .viewFramework-arrow:hover .arrow-icon{ left:-19px;}*/
.viewFramework-tip{ border-width: 2px 1px 1px 1px; border-color:#ddd; border-style: solid; color:#555; background:#f9f9f9; padding:6px 12px; margin-bottom:6px; }
.viewFramework-title{ padding:12px 22px; height:32px; line-height: 32px; }
.viewFramework-title h2{ float: left;font-weight: bold; font-size: 16px;}
.core-yellow {color: #ebac00 !important;}
.core-red {color: #F56C6C !important;}
.core-green {color: #67C23A !important;}
.core-b-gray {background: #eef1f6 !important;border-color: #d1dbe5 !important;cursor: not-allowed !important;color: #bfcbd9 !important;}
.viewFramework-title .vt-name{ float: left;position: relative;box-sizing: border-box;padding: 0 0px 0 3px;margin: 2px 2px 0 8px;height: 26px;line-height: 26px;font-size: 0;}
.viewFramework-title .vt-navcon {float: left;position: relative;box-sizing: border-box;margin: 2px 8px 0 15px;height: 26px;line-height: 26px;font-size: 0;border-radius: 7px;}
.viewFramework-title .vt-navcon .vt-icon-infor{ width: 140px; }

.viewFramework-title .vt-navcon .vtcon-h2 {text-align: center;}
.viewFramework-title .vt-navcon .vtcon-infor {text-align: center;font-size: 12px;}
.viewFramework-title .vt-navcon .vtcon-infor em {color: #999;}
.viewFramework-title .vt-navcon:hover .vt-icon-infor {display: block;}
.viewFramework-title .vt-name a.vt-navcon1,.viewFramework-title .vt-navcon a.vt-navcon1{position: initial;font-size: 12px; padding: 0 8px; height: 22px; line-height: 22px; border-radius: 3px; vertical-align: middle;color: #9e873e; background: #feeebf; box-shadow: 0 1px 1px 0px #d6c185; display: inline-block;}
.viewFramework-title .vt-name a i,.viewFramework-title .vt-navcon a i{ display: inline-block; background: url(img/dengji.png) no-repeat; width: 16px; height: 16px; position: relative; top: 2px; margin-right: 3px;}
.viewFramework-title .vt-name a i.banben01{ background-position: -6px 0px; top: 3px;}
.viewFramework-title .vt-name a i.banben02{ background-position: -23px 0px; top: 3px;}
.viewFramework-title .vt-name a i.banben03{ background-position: -43px -1px; top: 3px;}
.viewFramework-title .vt-name a i.banben04{ background-position: -63px 2px;}
.viewFramework-title .vt-name a i.banben04s{ background-position: -82px -1px;}
.viewFramework-title .vt-name a i.banben05{ background: url(/static/web2/img/monitor/monitora07.png) no-repeat center;top: 3px;}

.viewFramework-title .vt-navcon a i.banben01_03{ background-position: -6px 0px; top: 3px;}
.viewFramework-title .vt-navcon a i.banben01_05{ background-position: -23px 0px; top: 3px;}
.viewFramework-title .vt-navcon a i.banben01_07{ background-position: -43px -1px; top: 3px;}
.viewFramework-title .vt-navcon a i.banben01_09{ background-position: -63px 2px;}

.viewFramework-title .kuaisu { top: 0;}
.viewFramework-title .gaosu {background-color: #f4c471;}
.viewFramework-title .jisu {background-color: #f3a25a;}
.viewFramework-title .kuaisu a{color: #90731b;}
.viewFramework-title .gaosu a{color: #75500f;}
.viewFramework-title .jisu a{color: #692213;}
.account{ display: flex; display: -webkit-flex; justify-content: space-between;}
.accounts{ width: 49.2%; }
.account1{ border: 1px solid #e1e1e1; background: #f8f8f8; font-size: 14px;  padding-bottom: 10px; margin-bottom: 20px;}
.account1 .accountTitle{ border-bottom: 1px solid #e1e1e1; line-height: 50px; height: 50px; padding-left: 22px; margin-bottom: 10px; font-weight:bold}
.account1 .accountTitle:before{ content: ''; display: inline-block; width: 4px; height: 14px; background: #ebac00; position: relative; top: 2px; margin-right: 10px;}
.account1 .accountText{ line-height: 40px; }
.account1 .accountText span{ color: #a2a2a2; text-align: right; width: 120px; display: inline-block; padding-right: 10px;}
.accountText-level{ width: 230px; height: 8px; border-radius: 4px; display: inline-block; vertical-align: middle; box-shadow: 0 1px 2px #e0e0e0 inset; background: #e6e6e6;  margin: 0 10px 0 0px;}
.account1 .accountText-level span{ display: block; animation: move 1s; width: 90%; height: 100%;border-radius: 4px; background: #7dcd5a; transition: width .3s; padding: 0;}
.account1 .accountText-level .low{ background: #ff7477;}
.account1 .accountText-level .general{ background: #ebac00;}
.account1 .accountText-level .high{ background: #7dcd5a;}
.account1 .low{ color: #ff7477;}
.account1 .general{ color: #ebac00;}
.account1 .high{ color: #7dcd5a;}
.accountText2{    position: relative; top: 6px;}
@keyframes move {
    0%{
        width:0;
    }
}

::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 4px;
    background: #ccc;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
	background: #fff;
}

.sideNav-content::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    background: #4f525a;
}
.sideNav-content::-webkit-scrollbar-track {/*滚动条里面小方块*/
    background: #292b31;
}

.icon-question {display: inline-block;margin: 0 0 0 5px;vertical-align: middle;}
.icon-y-question {background: url('img/monitor_icon2.png') no-repeat;}
.icon-g-question {background: url('img/monitor_icon1.png') no-repeat;}
.icon-t-question {background: url('img/monitor_icon1.png') no-repeat;}

.icon-s1-lock {background: url('img/monitor_icons4.png') no-repeat;}
.icon-s2-lock {background: url('img/monitor_icons3.png') no-repeat;}
.icon-s3-lock {background: url('img/monitor_icons2.png') no-repeat;}

.color-red1 {color: #F56C6C;}
.out-index {position: relative;z-index: 55;}
.icon-lock {position: relative;display: inline-block;width: 14px;height: 15px;margin: 0 0 0 5px;vertical-align: middle;cursor: pointer;}
.icon-lock:hover{ z-index: 999;}
.icon-lock .vt-icon-infor {padding: 5px;}
.icon-y-lock {background: url('img/monitor_icon3.png') no-repeat;}
.icon-m-lock {background: url('img/monitor_icons2.png') no-repeat;top: 1px;}
.icon-s-lock {background: url('img/monitor_icons3.png') no-repeat;top: 1px;}
.vt-icon-infor  {display: none;position: absolute;left: -14px;top: 90%;width: 180px;margin-top: 4px;box-sizing: border-box;border: 1px solid #e0e1e5;background-color: rgba(255,255,255,1);padding: 11px 0 10px 0px;line-height: 22px;font-size: 12px;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);z-index: 99;border-radius: 4px;}
.vt-icon-infor::after {position: absolute;top: -5px;content: '';left: 21px;width: 9px;height: 5px;margin-left: -5px;background: url('img/arrows_top.png') no-repeat;}
.vt-icon-infor-after::after {top: 22px;margin: 0;}
.vt-icon-infor p {margin-bottom: 5px;text-align: center;color: #333;}
.vt-icon-infor li {float: left;width:100%;color: #474747;}
.vt-icon-infor li span, .vt-icon-infor li em {float: left;width: 50%;line-height: 22px;box-sizing: border-box;}
.vt-icon-infor li span {text-align: right;padding: 0 11px 0 0;color: #808080;}
.ssla2s .vt-icon-infor{ left: 218px; top: 50px; max-width: 397px; padding: 10px 15px; width: auto; -webkit-transform: translateX(0%); transform: translateX(0%);}
.ssla2s .vt-icon-infor p{ text-align: left; line-height: 20px; margin: 0; }
.ssla2s .vt-icon-infor::after{ left: 25px;}
.vt-icon-infors{width: 270px; left: 50%; transform: translate(-50%, 0px);}
.vt-icon-infors::after{ left: 50%;}
.vt-name-clone .vt-icon-infor{width: 640px; text-align: left; -webkit-transform: translateX(-5%); transform: translateX(-5%); top: 100%; padding: 5px 10px 10px;}
.vt-name-clone .vt-icon-infor::after{left: 5%;}
.vt-name-clone .vt-icon-infor p{ text-align: left;}
.viewFramework-main-top{ border: 1px solid #e1e1e1; background: #f8f8f8; font-size: 14px; padding-bottom: 10px; margin-bottom: 20px; padding: 16px 20px;}

.vt-icon-infor-text{ top: 100%; -webkit-transform: translateX(-0%); transform: translateX(-0%);}
.vt-icon-infor-text::after{ left: 20px;}
.vt-icon-infor .vti-infor-upgrade {width: 142px;margin: 0 auto;overflow: hidden;}
.vt-icon-infor .vti-infor-upgrade .vtii-upgrade-pic {float: left;width: 54px;height: 25px;border: 1px solid #e0e1e5;margin: 7px;line-height: 25px;color: #5e605a;text-align: center;border-radius: 4px;}
.vt-icon-infor .vti-infor-upgrade .vtii-upgrade-pic:hover {border-color: #ebac00;background-color: #ebac00;color: #fff;}
.vt-icon-infor .vti-infor-upgrade .border-yellow {border-color: #ebac00;background-color: #fff7df;color: #ebac00;}
.vt-icon-inf {width: 290px;padding: 15px 18px;color: #474747;font-size: 12px;}
.vt-icon-inf .vtif-domain {overflow: hidden;margin-bottom: 5px;}
.vt-icon-inf .vtif-domain em {float: left;width: 100%;line-height: 18px;text-align: left;}
.vt-icon-inf .vtif-domain span {float: left;line-height: 18px;}
.vt-icon-inf .vtif-txt {line-height: 16px;margin-bottom: 10px;}
.vt-icon-inf .vti-inf-upgrade {overflow: hidden;}
.vt-icon-inf .vti-inf-upgrade .vtii-upgrade-pic {float: left;width: 115px;height: 30px;border: 1px solid #e0e1e5;line-height: 30px;color: #5e605a;text-align: center;border-radius: 4px;}
.vt-icon-inf .vti-inf-upgrade .vtii-upgrade-pic:hover {border-color: #ebac00;background-color: #ebac00; color: #fff;}
.vt-icon-inf .vti-inf-upgrade > .vtii-upgrade-pic:nth-child(2){float: right;}
.vt-icon-inf .vti-inf-upgrade .border-yellow {border-color: #ebac00;background-color: #fff7df;color: #ebac00;}
.vt-icon-inf .vti-inf-verify {text-align: center;padding: 8px 0 0 0;color: #999;}
.vt-icon-inf .vti-inf-verify .vti-infv-gif {background: url('img/take_loading.gif') center 0 no-repeat;height: 5px;}
.vt-name {position: relative; display: inline-block; top: 0; }
.vt-names { position: absolute; top: 8px; height: 30px;}
.viewFramework-main td .vt-name a{ color: #474747; display: inline-block;}
.vt-name:hover .vt-icon-infor {display: block;}
.viewFramework-title .vt-operation {float: left;margin: 10px 0 5px 28px;}
.viewFramework-title .vt-operation a {position: initial;}
.viewFramework-title .vt-operation .vto-pic {box-sizing: border-box; display: inline-block; width: 52px;margin-right: 8px;border: 1px solid #e4e4e4;text-align: center;line-height: 24px;color: #5b5b4f;border-radius: 4px;cursor: pointer;}
.viewFramework-title .vt-operation .vto-pic:hover{border-color: #ebac00;background-color: #ebac00;color: #fff;}
.viewFramework-title .vt-operation .vto-yellow {border-color: #ebac00;background-color: #fff7de;color: #ebac00;}
.viewFramework-title a{ position:absolute; right:22px; top:15px;}
.viewFramework-title span{ font-size: 12px; padding-left: 10px; color: #808080;}
.viewFramework-title .time{ color: #474747; padding-right: 5px;}
.viewFramework-title.text-right{ text-align: right; border:0 none;}
.viewFramework-title.text-right a{ position: inherit; right:0; top:0; margin-left: 7px; font-size: 14px;}
.viewFramework-title .expectations-btn{ display: inline-block; line-height: 18px; padding:0 5px; border:1px solid #dedede; color: #dedede; vertical-align: middle;}
.viewFramework-title b{ font-size: 16px;}
.viewFramework-title .back-btn{  font-size: 12px;}
.viewFramework-title .version-icon{ display: inline-block; width:27px; height: 14px; line-height: 14px; background-image: url(img/free.gif); background-color:transparent; position: inherit; margin-left:10px; background-repeat: no-repeat; vertical-align: middle;}
.viewFramework-title .version-0{ background-position:0 -126px;}
.viewFramework-title .version-1{ background-position:0 0;}
.viewFramework-title .version-2{ background-position:0 -14px;}
.viewFramework-title .version-3{ background-position:0 -28px;}
.viewFramework-title .version-4{ background-position:0 -42px;}
.viewFramework-title .version-5{ background-position:0 -56px;}
.viewFramework-title .version-6{ background-position:0 -70px;}
.viewFramework-title .version-7{ background-position:0 -84px;}
.viewFramework-title .version-8{ background-position:0 -98px;}
.viewFramework-title .version-9{ background-position:0 -112px;}
.viewFramework-search{ margin-bottom: 20px; text-align: left; position:relative; z-index: 33; height: 33px;}
.viewFramework-search .time{ float: left;}
.viewFramework-search .text1{ width:142px; height: 30px; line-height: 30px; padding:0 5px; border:1px solid #e0e1e5; display: inline-block; vertical-align: middle; border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;}
.viewFramework-search .search{ border:1px solid #e0e1e5; border-left: 0 none; background: #fff; height:30px; line-height: 30px; padding:0 10px; color: #483c35; display: inline-block; vertical-align: middle; margin-left: -4px;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;}
.viewFramework-search .advanced-search{ float: right; margin:0px 0 0 10px;}
.viewFramework-search .search:hover,.viewFramework-search .advanced-search:hover{background: #ebac00 ; color: #474747; border-color: #ebac00;}
.domian-search.viewFramework-search{ background: #f7f7f7; border: 1px solid #e0e0e0; margin-bottom: 20px; position: relative; z-index: 45; height: 45px; padding-left: 20px; padding-top: 13px;}
.viewFramework-main{padding: 0px 22px 80px;}
.core-hang { display: inline-block !important;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
.viewFramework-main input[type='text'],.viewFramework-main textarea,.viewFramework-main input[type='number'],.viewFramework-main input[type='password'],.popup input[type='text'],.popup input[type='password']{ height:30px; line-height: 30px; border:1px solid #d1d1d1; padding:0 2px; border-radius:4px;-webkit-border-radius:4px; display: inline-block; vertical-align: middle;}
.viewFramework-main input[type='text']:disabled{ background: #f2f2f2;}
.viewFramework-main .formlist4s input[type='text']:disabled{ border: none; background: none;}
input.disabled,textarea.disabled{ border: 1px solid #ccc !important; background: #f2f2f2 !important;}
input[type='text']:focus,.viewFramework-main input[type='password']:focus,.viewFramework-main input[type='number']:focus,.popup input[type='text']:focus,.popup input[type='password']:focus, .viewFramework-main select:focus,.viewFramework-main textarea:focus,.popup textarea:focus{ border-color: #ebac00;}
.viewFramework-main #domain_key{position: absolute; overflow: hidden;resize:none; height: 25px; padding: 5px 0 0 5px;  line-height: 20px;}
.viewFramework-main input.recordValue{    position: relative; z-index: 1;}
.findIp{ position: absolute; left: 25px; top: 12px; font-size: 14px;}
.findIp2{ opacity: 0; position: relative; z-index: -99; padding-right: 20px;}
.findIp3{ position: relative; z-index: 5; font-size: 12px; color: #aaa;}
.dns-local{ padding-left: 8px; color: #AAA; position: absolute; left: 120px;}
select:focus{ outline-color: #ebac00;}
.tr-hover-on:hover {background-color: #fff !important;}
.viewFramework-main h4{ color: #333; padding-bottom: 24px; font-weight: bold; font-size: 16px;}
.viewFramework-main table{ width:100%; border-collapse: inherit; border:1px solid #e1e1e1;word-break: break-all; border-top: 0 none; margin-bottom: 24px;}
.viewFramework-main table:hover{ position:relative; z-index: 46;}
.viewFramework-main th,.viewFramework-main td{line-height: 22px; border-top:1px solid #e1e1e1;padding:8px 0 8px 20px;text-align: left; position: relative; z-index: 1;}
.viewFramework-main td.error .text,.viewFramework-main td.error .select{ border-color: #ff6569;}
.viewFramework-main .domiantable th,.viewFramework-main .domiantable td{position: relative; z-index: auto;}
.nodate i.nodateimg{ display: block; width: 293px; height: 187px; background: url(img/nodata.png); margin: 30px auto;}
.viewFramework-main tr.nodate:hover{ background: none;}
.viewFramework-main tr{ position: relative;}
.bill-address,.bill-set{ margin-top: 20px;}
.viewFramework-main tr:hover{background:#F7F7F7;}
.viewFramework-main .monitor_table tr:hover{background:none;}
.viewFramework-main tr.disabled td:before{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;background: #fff; cursor: not-allowed; content: ''; z-index: 99;}
.viewFramework-main tr.dns-edit:hover{ background: none;}
.viewFramework-main .speed-edit td{ border-top: 0 none;}
.viewFramework-main td:hover{ z-index: 22;}
.viewFramework-main table .dns-checkbox{ position: relative;}
.viewFramework-main table .dns-checkbox:before{ content: ''; display: block; width: 2px; height: 100%; background: #fff; position: absolute; right: -1px; top: 0; z-index: 99;}
.viewFramework-main table th.dns-checkbox:before{ background: #f8f8f8;}
.viewFramework-main tr:hover td.dns-checkbox:before{background:#fff7df;}
.viewFramework-main .no-take{ text-align: center; text-indent: -999em; background: url(img/take_loading.gif) no-repeat 20px center;}
.viewFramework-main .red{ color: #F56C6C;}
.viewFramework-main .green,.viewFramework-main .green:hover{ color: #22ac38;}
.viewFramework-main .blue{ color: #068cfd;}
.viewFramework-main .block{ color: #000;}
.viewFramework-main .orange{ color: #ffc95c;}
.viewFramework-main .gray{ color: #999;}
.viewFramework-main p{ line-height: 25px;}
.viewFramework-main .triangle-icon{ position: absolute; left:34px; border-top: 6px solid #474747; border-left: 6px solid transparent; border-right: 6px solid transparent; width:0; height: 0; top:50%; margin-top: -3px;}
.viewFramework-main .up .triangle-icon{ border-bottom: 6px solid #474747; border-top: 0 none;}
.viewFramework-main .table-layout{ table-layout: fixed;}
.viewFramework-main .table-layout td{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.viewFramework-main th:hover,.viewFramework-main td:hover{ z-index: 11;}
.dns-mx1{ border: 1px solid #dfdfdf; background: #fff; z-index: 2; position: absolute; display:none; right: 0; top: 38px; width: 320px; padding: 10px 15px; color: #666; font-size: 14px;}
.viewFramework-main td .dns-mx1{ top: 41px; }
.viewFramework-main .dns-mx:hover{ z-index: auto;}
.viewFramework-main .dns-mx:hover .dns-mx1{ display: block;}
.dns-mx1 span.arrow-up { position: absolute; top: -8px; right: 30px; margin-left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ccc transparent; }
.dns-mx1 span.arrow-up i { position: absolute; left: -7px; top: 1px; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #fff transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.viewFramework-main table .textRight{ text-align: right; padding-left:0; padding-right: 20px;}
.viewFramework-main th{ background: #f8f8f8;}
.viewFramework-main .textCenter{ text-align: center;}
.viewFramework-main .th1{ padding:9px; background: #f8f8f8;}
.viewFramework-main td a{ color: #ebac00; vertical-align: middle;}
.viewFramework-main td a .icon-question {margin-top: -3px;}
.viewFramework-main td a.color47{ color: #474747;}
.viewFramework-main td dd a{ color: #474747;}
.viewFramework-main td b{ padding:0 4px; color: #e0e0e0; vertical-align: middle; font-weight: 500;}
.viewFramework-main td b.font16 { color: #fb8337; padding: 0;vertical-align: initial; }
.viewFramework-main td a:hover{ color: #ebac00;}
.viewFramework-main .add-money{ color: #22ac38;}
.viewFramework-main .cut-money{ color: #F56C6C; }


.viewFramework-main .remark{ display: inline-block; width:200px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.viewFramework-body .btn,.viewFramework-main .btn,.PopupHtmSSL .btn{ display: inline-block; line-height: 30px; padding:0 10px; font-weight: 500; margin-right: 6px; border:1px solid #e4e4e4; color: #444; background: #fff; border-radius:4px;-webkit-border-radius:4px; vertical-align: middle; cursor: pointer;}
.viewFramework-body .orange-btn,.viewFramework-main .orange-btn{background: #fff; border:1px solid #ebac00; color: #ebac00;}
.viewFramework-body .btn:hover,.viewFramework-body .current,.viewFramework-main .btn:hover,.viewFramework-main .current{ background: #FFC300 ; color: #333; border-color: #FFC300; z-index: 2;}
.viewFramework-body .invalid-btn{background: #eaeaea; border-color: #eaeaea; color: #adadad; font-size: 12px;}
.viewFramework-body .invalid-btn:hover{background: #eaeaea; border-color: #eaeaea; color: #adadad;}
.viewFramework-body .orange-btn[disabled="disabled"],.viewFramework-main .orange-btn[disabled="disabled"],.viewFramework-main .btn.disabled,.PopupHtmSSL .btn.disabled{ background: #e0e0e0; border: 1px solid #e0e0e0; color: #9d9d9d; cursor: no-drop;}
.viewFramework-body .orange-btn[disabled="disabled"]:hover,.viewFramework-main .orange-btn[disabled="disabled"]:hover,.viewFramework-main .btn.disabled:hover,.PopupHtmSSL .btn.disabled:hover{ background: #e0e0e0; border: 1px solid #e0e0e0; color: #9d9d9d;}

.viewFramework-main th span.click{ cursor: pointer;}
.viewFramework-main th span.click i{ display: inline-block; width: 10px; height: 15px; position: relative; cursor: pointer; left: 3px; top: 2px; background: url(img/123_06.png);}
.viewFramework-main th span.click.up i{background: url(img/123_04.png);}
.viewFramework-main th span.click.down i{background: url(img/123_05.png);}
.viewFramework-main th.cax{ border: none; background: #fff; position: relative; padding: 0px 0 18px 1px;}
.viewFramework-main th.cax:after{ content: ''; background: #fff; display: block; width: 3px; height: 50px; position: absolute; left: -2px; top: 0;}
.viewFramework-main th.cax:before{ content: ''; background: #fff; display: block; width: 3px; height: 50px; position: absolute; right: -2px; top: 0;}
.viewFramework-main .btn-switch,.global-popup span.btn-switch{ border-radius:13px; height: 26px; box-sizing: border-box; width: 50px; position: relative;background: #c2c1c1; cursor: pointer; margin: 0 6px; }
.viewFramework-main .btn-switch:after,.global-popup span.btn-switch:after{ content: ''; display: block; background: #fff; width: 22px; height: 22px; border-radius: 50%; position: absolute; top: 2px;left: 2px; transition: all .1s; }
.viewFramework-main .btn-switch.on,.global-popup span.btn-switch.on{background: #ebac00; }
.viewFramework-main .btn-switch.on:after,.global-popup span.btn-switch.on:after{ left: 26px; }
.viewFramework-main .jiankongrz td{ border: none; border-top: 1px solid #e1e1e1;}
.viewFramework-body .viewFramework-tab .current { border-color: #e0e1e5; border-bottom-color: #fff;}
.viewFramework-body .fixed-btn{ width:76px; padding:0; text-align: center;}
.viewFramework-main .yellow{ background: #fef9ea; border-color: #ebac00;}
.viewFramework-main .editable input[type='text']{ border: 1px solid rgba(255,255,255,0); background: none; box-sizing: border-box; width:90%;}
.viewFramework-main .ediTr .editable input[type='text']{ border: 1px solid #e0e0e0; background: #fff;}
.viewFramework-main .ediTr .editable input[type='text']:disabled{ background: #eaeae3;}
.viewFramework-main .ediTr .dns-checkbox input{ display: none;}
.viewFramework-main .modify2{ display: none;}
.viewFramework-main td .remarks, .viewFramework-main td .alter {position: relative;display: inline-block; color: #ebac00;vertical-align: middle;cursor: pointer; width: 20px; height: 20px;}
.viewFramework-main td .reimg {background: url('img/aaa2.png') 0 center no-repeat;padding-left: 1px;}
.viewFramework-main td .huise {background: url('img/aaa3.png') 0 center no-repeat;padding-left: 1px;}
.viewFramework-main td .xiugai {padding-left: 30px;background: url('../images/bb.png') 0 center no-repeat;}
.viewFramework-main td .remarkBox .beizhu, .viewFramework-main td .alter .beizhu {display: none;overflow: visible;position: absolute;bottom: 30px;left: -58px;width:120px;padding: 0 5px;color: #fff;text-align: center;font-size: 12px;line-height:20px;z-index: 1000;}
.viewFramework-main td .remarkBox .beizhu em, .viewFramework-main td .alter .beizhu em {display: inline-block;overflow: visible; padding: 0 5px;color: #fff;background: #535353;font-size: 12px;border:1px solid #e0e1e5;-webkit-border-radius: 10px;-webkit-border-radius: 5px;border-radius: 5px;text-align: left;}
.viewFramework-main td .remarkBox .beizhu i, .viewFramework-main td .alter .beizhu i {position: absolute;bottom: -4px;left: 50%;margin-left:-5px;border-top: 6px solid #474747;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.viewFramework-main td .remarkBox:hover .beizhu{display: block;}
.viewFramework-main td .alter:hover .beizhu{display: block;}
.viewFramework-main tr:hover td .remarks .beizhu1{display:block; left: -65px; bottom: 20px;}


.remark1 {position: relative;}
.remark1 .beizhu {display: none;overflow: visible; position: absolute; top: -32px; left: -56px; width: 250px; padding: 0 5px; color: #fff; text-align: center; font-size: 12px; line-height: 20px; z-index: 1000;}
.remark1 .beizhu em {display: inline-block;overflow: visible; padding: 2px 6px;color: #fff;background: #535353;font-size: 12px;border:1px solid #e0e1e5;-webkit-border-radius: 10px;-webkit-border-radius: 5px;border-radius: 5px;text-align: left;}
.remark1 .beizhu i{position: absolute;bottom: -4px;left: 50%;margin-left:-5px;border-top: 6px solid #474747;border-left: 6px solid transparent;border-right: 6px solid transparent;}
.remark1:hover .beizhu{display: block;}


.viewFramework-handle{ text-align: right;}
.viewFramework-handle .btn{ margin-left:8px; font-size: 12px;}
.add-records01{ width: 580px; height: 280px; padding: 10px; line-height: 22px;    border: 1px solid #dfdfdf;}
.select:hover{ z-index: 999999; border-color:#ebac00 ;}
.select.disabled:hover{border: 1px solid #d1d1d1;}
.select{position: relative;line-height: 25px; z-index:10;border:1px solid #d1d1d1; background: #fff; border-radius:3px;-webkit-border-radius:3px; vertical-align: middle;}
.impower-setting{  background: #f8f8f8; padding-top: 40px;padding-bottom: 0px; margin: 0 22px;}
.impower-setting .title1{ font-size: 18px; text-align: center; font-weight: 500;padding: 0 0 10px 56px;}
.impower-setting .title2{ position: relative;}
.impower-setting .title2 a{color: #ebac00;}
.impower-setting .title2 i{ background: url(img/icons_03.png);background-position:46px 0px ; width: 21px; height: 17px; display: inline-block; position: relative; left: 0; top: 8px; cursor: pointer;}
.impower-setting .title2 i.i1.on{ background-position:0px 0px ;}
.impower-setting .title2 i.i2{ background-position:22px 0px; margin-left: 10px;}
.impower-setting p{ margin-bottom: 22px; position: relative;}
.impower-setting p input{ width: 300px; color: #474747;}
.impower-setting2 p input[type='text'],.impower-setting2 p input[type='password']{ width:150px; border: none; background: none;}
.impower-setting label{ width: 50px;  }
.impower-setting p.title2 label{ letter-spacing: 2.8px;}
.impower-setting .btn-balance{ margin: 30px 0 0 0px;}
.impower-setting p.text{font-size: 12px; color: #a2a2a2; border-top: 1px solid #e1e1e1; text-align: center; line-height: 55px; margin-top: 50px;}
.impower-setting p.text a{color: #6c6c6c; }
.impower-setting span.error{    color: #F56C6C; position: absolute; display: block; width: 360px; left: 0px; top: 30px;}
.impower-setting1{ width: 315px; margin: 0 auto;}
.impower-setting2 { width: 270px;}
.impower-setting #pwd-random-btn{ position: absolute; right: -60px; top:0px;}
.min_nodata{ background: url(img/nodata.png) no-repeat center; min-height: 245px;}

.select dt{ position: relative; padding:0 20px 0 12px; cursor: pointer; height:25px; line-height: 24px; text-align: left; overflow: hidden; border-radius:3px;-webkit-border-radius:3px;}
.select.disabled dt{ background: #eaeae3;}
.select dt:before{ position: absolute; right:3px; top: 50%; transform: translate(-2px,-50%); width:0; height:0; content: ''; border-top: 4px solid #474747; border-left: 4px solid transparent; border-right: 4px solid transparent;}
.select dd{ position: absolute; left:-1px; top:26px; background: #fff; box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1); text-align: center; z-index: 65;display: none; min-width:100%;}
.select dd a{ display: block; line-height: 27px; text-align: left; padding-left: 13px;padding-right: 10px; color: #474747; font-size: 12px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.select dd a:hover{ color: #333; background: #f5f5f5;}
.select dd span{ display: block; line-height: 27px; text-align: left; color: #d4d4d4;cursor: default;}
.select dd.h273{ max-height: 273px !important; overflow: auto;}
.select:hover dd{ display: block;}
.select li{ position: relative; }
.select .disabled{ background: #efefef; color: #d6d5d7;}
.dns-header .select input{ line-height: 23px; height: 23px; border: none; width: 100%;}
.dns-header .select{ border: 1px solid rgba(255,255,255,0); left: -7px;}
.dns-header .select dt{ background: none;}
/* .dns-header .select dt:before{display: none;} */
/*.dns-header .select:hover dd{ display: none;}*/
.dns-header .select1{ left: 10px;}

.all-domain dl.mores3.select dt{    background: linear-gradient(-30deg,rgba(255,195,0,1),rgba(255,218,35,1));}
.dns-header.ediTr .select,.dns-header.dns-edit .select{ border: 1px solid #d1d1d1;}
.dns-header.ediTr .select dt,.dns-header.dns-edit .select dt{ background: #fff;}
.dns-header.ediTr .select dt:before,.dns-header.dns-edit .select dt:before{display:inline-block}
.dns-header.ediTr .select:hover dd,.dns-header.dns-edit .select:hover dd{ display: block;}
.viewFramework-main .ediTr .editable .select input[type='text'],.viewFramework-main .dns-edit .editable .select input[type='text']{ border: none;}

[v-cloak]{
    display:none
}
.viewFramework-tab{ border-bottom: 1px solid #dfdfdf; position: relative; z-index: 99; background: #fff; padding-left: 32px; height: 40px;}
.viewFramework-tab li a{ display: inline-block; float: left;line-height: 14px; position: relative;font-size: 14px; color: #181818; margin-right: 40px;  padding-bottom: 18px; padding-top: 8px;}
.viewFramework-tab.bgfafafc  li a{ font-size: 16px;}
.viewFramework-tab li a:hover{ color: #181818;}
.viewFramework-tab li.current > a{ color: #ebac00;}
.viewFramework-tab li.current a:before{ content: ''; display: block; background: #FFc200; width: 100%; height: 3px; position: absolute; bottom: 0px; left: 0;}
.viewFramework-tab li.current dd a:before,.viewFramework-tab li.current dd a:after{ display: none;}
.viewFramework-tab li a.buygoods,a.buygoods{background: none; border: none; color: #ebac00; font-size: 14px;}

/*.dns-type .select{ max-width: 90px;}
.dns-line .select{ max-width: 90px;}*/
.operation-btn{ padding:40px 0; overflow: hidden; text-align: right;}
.operation-btn a{margin-left: 16px;}

/*分页*/
.pr20{padding-right: 20px;}
.paging{ height: 32px;}
.paging ul{ float: right; overflow: hidden; border:1px solid #ededed;margin:0 20px; display: inline; background: #fff; border-radius: 3px;-webkit-border-radius: 3px;}
.paging li{ float: left; line-height: 30px; border-left: 1px solid #ededed; margin-left: -1px; border-bottom: 0 none;}
.paging li a{ display: block; padding:0 10px; color: #666;}
.paging li a.prev,.paging li a.next{ letter-spacing:-4px}
.paging li  span {color: #666;display: block;  padding: 0 10px;}
.paging li.active span {color: #f4ad29;}
.paging dl{ float: right; position: relative; font-size: 12px; color: #4c4c4c; background: #fff;}
.paging dt{ width:72px; line-height: 30px;border:1px solid #ededed;padding-right: 22px; text-align: center; position: relative; cursor: pointer; border-radius: 3px;-webkit-border-radius: 3px;}
.paging dt span{ position: absolute; right:0; top:0; width:21px; border-left: 1px solid #ededed; height: 30px;}
.paging dt b{ font-weight:normal;}
.paging dd{ position:absolute; left:0; bottom:31px;border:1px solid #ededed; padding:5px 0; width:93px; background: #fff; z-index: 111; display: none; text-align: left;}
.paging dd a{ display: block; padding-left: 14px; color: #4c4c4c; line-height: 26px;}
.paging dd a:hover{ color: #474747; background: #fff7de;}
.paging .num{ float: right; line-height: 32px; color: #949393; padding-right: 10px;}
.paging .num b{ padding:0 6px;}
.paging .num span{ padding-left: 27px;}

.pagination{border: 1px solid #ededed; overflow: hidden;}
.pagination a{ display: block; padding: 0 10px; color: #666; float: left; border-left: 1px solid #ededed;}

/*弹窗*/
.mask{ width:100%; height:100%; position: fixed; left: 0; top:0; bottom:0; right:0; background: #000; opacity:0.7; filter:alpha(opacity=70); z-index: 89; display: none;}
.popup{ position: fixed; left:50%; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 90;background: #fff; font-size: 12px; color: #333; display: none; border-radius: 4px;-webkit-border-radius: 4px; box-shadow: 0px 8px 15px #656565;}
.popup .close{ position: absolute; right:20px; top:13px; font-size: 24px; font-weight: bold; color: #d6d6d6; z-index: 11; width:14px; height: 14px; text-indent: -999em; background: url(img/monitor_close.png) no-repeat 0 0;}
.popup .label{ text-align: right; float: left; padding-right: 5px; font-size: 14px;}
/*.popup ul{ padding:30px 0 20px;}*/
.popup li{line-height: 27px; /*margin-bottom: 20px;*/ position: relative;}
.popup .verify{ margin-bottom: 24px;}
.popup .verify span{ color: #d83939; position: absolute; top:30px; left: 108px;}
.popup .Validform_checktip{ display: inline-block; padding: 0; margin: 0; line-height: 18px;  font-size: 12px; border-radius:3px; z-index: 11; position: absolute; left: 0; top: 33px;}
.popup .Validform_wrong{ color: #F56C6C;}
.popup .passwordStrength{ position:absolute; right:6px; top:30px; font-size: 12px; text-align: right; width:120px;}
.popup .passwordStrength span{ display: inline-block; width:32px; height: 15px; text-align: center; line-height: 15px; border-radius:3px; background: #c1c1c1; margin-left: 8px; color: #fff;}
.popup .passwordStrength .bgStrength{ background: #ff8a00;}
.popup .newPwd{ margin-bottom: 35px;}
.popup .bgStrength{background: #ff8a00;}
.popup table{ border-collapse: collapse; width:100%; border:1px solid #e1e1e1;}
.popup table th,.popup table td{ line-height: 22px; padding:8px 0 8px 20px; background: #f8f8f8; text-align:left;}
.popup table td{ background: #fff; border-top: 1px solid #e1e1e1;}
.popup table.monitor_setting10{ margin-left: 30px; width: 500px; border: none;}
.popup table.monitor_setting10 td{ border-top:none; border-bottom: 1px dashed #e1e1e1;}
.monitor_setting11{ max-height: 156px;width: 530px; overflow-y: auto; overflow-x: hidden;}
.monitor_setting12{ text-align: right; color: #999; font-size: 12px; padding-top: 15px;padding-right: 30px; }

.popup h3{ border-bottom: 1px solid #e1e1e1; border-radius: 4px 4px 0 0; position: relative; padding-left: 0; display: block; margin-bottom: 0; font-size: 14px; color: #303133; font-weight: bold; padding: 0 20px; line-height: 40px;}
.popup h3 font{ font-size: 14px; color: #777;}
.popup h4{ line-height: 37px;padding-left: 24px; font-weight: bold;border-bottom: 1px solid #e1e1e1;}
.popup .operation{padding:10px 20px 30px; overflow: hidden;text-align: right;}
.popup .btn,.popup .confirm-btn{display: inline-block; line-height: 30px; padding:0 16px; font-weight: initial; border:1px solid #E3E4E5; color: #666; background: #fff; border-radius:3px; cursor: pointer; box-sizing: border-box; font-size: 12px;}
.popup .back{ border-color: #e0e1e5;background: #fff; margin-left: 10px;}
.popup .disabled-btn,.popup .disabled-btn:hover{background: #eef1f6; border-color: #d1dbe5; color: #bfcbd9; cursor: not-allowed;}
.popup .orange-btn{background: -webkit-linear-gradient(-10deg,#FFC300,#FFDA23);
    background: -moz-linear-gradient(-10deg,#FFC300,#FFDA23);
    background: -o-linear-gradient(-10deg,#FFC300,#FFDA23);
    background: -ms-linear-gradient(-10deg,#FFC300,#FFDA23);
    background: linear-gradient(-10deg,#FFC300,#FFDA23);
    color: #333 !important; border: none; line-height: 32px; height: 32px;}

.popup .send-btn,.popup .send-btn:hover{background: #fff7de; border-color: #ebac00; color: #ebac00; cursor:pointer;}
.popup-mask{ width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 11; background: #fff; opacity:0.5; filter:alpha(opacity=50); display: none;}
.popup-loading{ width:32px; height: 32px; position: absolute; left:50%; top:50%; margin:-16px 0 0 -16px; z-index: 22; display: none;}
.batch-popup{ width: 670px; margin-left: -325px; font-size: 14px;}
.batch-popups{ display: none; margin-left: 71px;}
.batch-popup1{ padding: 15px 20px; background: #f5f5f5; margin: 20px;}
.batch-popup2{ margin: 20px 40px;}
.batch-popup2 label{  cursor: pointer; border:1px solid #dfdfdf; border-radius: 4px; padding: 4px 15px 5px; margin-left: 10px;}
.batch-popup2 label.on{border:1px solid #ebac00; background: #ebac00;color: #fff;}
.batch-popup3{ margin: 20px 40px;}
.batch-popup3 .select{ width: 110px; float: left; margin-right: 10px;}
.batch-popup3 input[type='text'].text{ height: 33px; line-height: 33px; box-sizing: border-box; width: 110px; border: 1px solid #d1d1d1; padding-left: 10px;}
.batch-popup4{ overflow: hidden;}
.batch-popup4 textarea{border: 1px solid #d1d1d1; padding: 6px 10px; width: 332px;height: 150px; margin-left: 40px; float: left;}
.batch-popup4 p{ float: left; width: 160px; padding-left: 12px; font-size: 12px; line-height: 20px;}
.batch-popup5{ margin-left: 40px;}
.popup input[type='text'].batch-popup6{ width: 110px;}
.batch-popup5 .select{width: 110px; float: left; margin-right: 10px;}
.batch-popup5 span{ display: block; line-height: 32px; padding-right: 14px;}
.batch-popup .select dt{ height: 30px;line-height: 28px;}
.batch-popup .select dd{ top: 30px}
.batch-popup .select dt:before{ top: 13px;}
.batch-popup .operation{ clear: both; padding: 25px}
.batchResult-popup1{ padding: 10px 15px; border: 1px solid #ccc; margin: 30px 30px 0px 30px; line-height: 22px; max-height: 295px; overflow: auto;}
.batch-popup .succeed{ color: #22ac38;}
.batch-popup .error{ color: #fc5437;}
.batchResult{ padding: 20px 30px 40px; overflow: hidden; text-align: right;}
.popup li label.textName{ display: inline-block; width: 65px; text-align: right; padding-right: 5px;}
.loading{ position: absolute; top: 88%; left: 50%; width: 100px; margin: -50px 0 0 -50px; -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 1s linear infinite; -moz-animation: rotate 1s linear infinite; -o-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite;}
/*添加导航条*/
.add-tab{ width:100%; overflow: hidden; padding-bottom: 26px; position: relative;}
.add-tab li{ float: left; height:40px; line-height: 36px; position: relative; width:33%; text-align: center; background: #f4f0ee; font-size: 18px; color: #949393; margin-left: 2px; display: inline;}
.add-tab .current{ background:#ebac00; color: #483c35; position: absolute; left:0; top:0; width:100%; height:40px; display: block; z-index: 1;}
.add-tab .current:before{ position: absolute; left:50%; top:40px; width:0; height:0; content: ''; border-top:6px solid #ebac00; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: -3px;}
.add-tab li span{ display: inline-block; width:25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50px; background: #fff; font-size: 22px; margin-right: 10px; vertical-align: middle; position: relative; z-index: 2;}
.add-tab li b{ vertical-align: middle; font-weight: normal; position: relative; z-index: 2;}
/* 引导页 */
.guide-mask{ width:100%; height:100%; position: fixed; left:0; top:0; bottom:0; background: #000; z-index: 999; opacity:0.4; filter:alpha(opacity=40); display: none;}
.guide-step{ position: fixed; width:340px; background: #ebac00; z-index: 9999; padding:0 22px 18px; color: #523c32; font-size: 14px;display: none;}
.guide-step .btn{ float: right; width:88px; height: 34px; line-height: 34px; text-align: center; background: #fff; color: #523c32;}
.guide-step ul{ display:inline-block; overflow: hidden; padding-top: 12px;}
.guide-step li{ float: left; width:8px; height: 8px; border:1px solid #5a4334; border-radius:50px; -webkit-border-radius:50px; margin-right: 10px; display: inline; text-indent: -999em; cursor: pointer;}
.guide-step .current{ background: #523c32;}
.guide-step .close{ display: block; width:12px; height: 12px; background: url(img/guide_close.png) no-repeat; text-align: center; text-indent: -9999em; position: absolute; right:24px; top:14px;}
.guide-step h2{ font-size: 18px; line-height: 24px; padding:18px 0 10px;}
.guide-step p{ line-height: 26px; padding-bottom: 20px; overflow: hidden;}
.guide .step1{ left:50%; top:50%; margin:-88px 0 0 -170px;}
.guide .step2{ left:456px; top: 340px;}
.guide .step2 img{ position: absolute; left:-267px; top:-212px;}
.guide .step3{ left:530px; top: 400px;}
.guide .step3 img{ position: absolute; left:-343px; top:-100px;}
.guide .step4{ right:210px; top:286px;}
.guide .step4 img{ position: fixed; right:71px; top:0;}
.global-popup{ width:400px; margin-left: -200px;}
.global-popup ul{ padding:45px 0 40px;}
.global-popup li{ text-align: center;}
.global-popup span{ display: inline-block; width: 25px; height: 25px; vertical-align:middle; padding-right: 10px;}
.global-popup .success span{ background: url(img/right_icon.png) no-repeat 0 3px;}
.global-popup .error span{ background: url(img/error_icon.png) no-repeat 0 0;}
.global-popup .tip span{ background: url(img/tip_icon.png) no-repeat 0 0;}
/*修改密码*/
.modify-box{ width:380px; margin-left: -160px;}
.modify-box ul{ padding-top: 30px;}
.modify-box li{ line-height: 34px; margin-bottom: 20px;}
.modify-box li:last-child{ margin-bottom: 0px;}
.modify-box .li1{ margin-top: 27px;}
.modify-box .li2{ margin-top:50px;}
.modify-box .li1s{ margin-top: 0;}
.modify-box .text{ height:32px; line-height: 32px; width:284px;}
.modify-box .phone{ padding-right: 88px;}
.modify-box .success{ text-align: center;}
.modify-box .success span{ display: inline-block; width: 25px; height: 18px; background: url(img/success_icon.png) no-repeat; vertical-align:middle; padding-right: 10px;}

.modify-email{ width: 380px; margin-left: -160px;}
.popup ul,.popup .contText{ padding: 30px 42px 35px; min-height: auto; text-align: left;}
.popup.modify-email .Validform_checktip{ left: 0;}
.emailStep2p1{ color: #ebac00; font-size:12px; text-align: center; padding-bottom: 30px;}
.emailStep2p1 span{ cursor: pointer;}
.emailStep2p2{ text-align: center; color: #999; padding-bottom: 30px; display: none;}
.modify-box.bind-phone{ font-size: 14px; width: 380px; margin-left: -190px;}
.modify-box.bind-phone ul{ padding: 30px 45px;}
.modify-box .code{ position: relative; top: 3px; left: auto; border: 1px solid #d1d1d1; display: inline-block; line-height: 30px;width: 96px; text-align: center; border-radius: 3px; color: #444;}
.modify-box .code[data-disabled='false']:hover{ background: #ebac00; color: #fff; border-color: #ebac00;}
.modify-box.bind-phone .label{ width: auto;}
.modify-box.bind-phone ul{ min-height: auto;}
.modify-box .disabled{ background: #ececec; color: #777;}

/*取回域名*/
.retrieve-domain{ width:588px; margin-left:-294px;}
.retrieve-domain ul{ width:512px; height: 39px; border-bottom: 1px solid #e0e1e5; margin:27px auto 34px; overflow: initial; padding:0;}
.retrieve-domain li{ float: left; width:130px; height: 38px; text-align: center; line-height: 38px; border:1px solid #e0e1e5; margin:0 -1px -1px 0; background: #f8f8f8;}
.retrieve-domain li.current{ border-bottom-color: #fff; background: #fff;}
.retrieve-domain li a{ display: block; color: #474747;}
.retrieve-box{ width:512px; margin:0 auto; padding-bottom: 12px;}
.retrieve-box p{ padding-bottom: 20px; line-height: 20px;}
.retrieve-box .checkbox{ vertical-align: middle; margin-right: 9px;}
.retrieve-box .checkbox{ margin-right: 5px;}
.retrieve-box select{ width:170px; height: 27px; line-height: 27px; vertical-align: middle;}
.retrieve-box button{ border:1px solid #e0e1e5; background: #fff; line-height: 24px; padding: 0 10px;}
.retrieve-box label{ vertical-align: middle;}
.retrieve-box .text{ float: none; width:198px; height: 25px; line-height: 25px; margin-top: 6px;}
.retrieve-box .error{ background: url(img/error_icon.png) no-repeat 0 2px; padding-left:30px;}
.retrieve-box .success{ background: url(img/right_icon.png) no-repeat 0 2px; padding-left:30px;}
.retrieve-block{ display: none;}
/*共用表单查询*/
.common-search{ line-height: 14px; font-size: 12px; position: relative; padding-bottom: 5px;}
.common-search .text{margin:0 10px 0 10px;}
.common-search .domain{ margin-right: 20px;}
.common-search .date{ cursor: pointer;}
.common-search .select-box{ width:115px; background-position: 90px center; border:1px solid #b3b3b3; vertical-align: middle; margin:0 20px 0 10px;}
.common-search label{vertical-align: middle;}
.common-search .addUser{ background: #fff; border:1px solid #ffcc36; font-size: 14px; color: #ffcc36; padding:0 12px; line-height: 30px; position: absolute; right:0; top:0;}
.common-search .message-btn{ width:120px; height: 40px; line-height: 40px; text-align: center; background: ebac00; float: left; margin-right: 20px; color: #4b3020;}
.common-search .disabled{ color: #999; background: #eee; cursor: default;}
.common-search .btn{ margin-left: 10px;}
.addUser span{ display: inline-block; width:16px; height: 20px; background: url(img/add_icon.png) no-repeat 0 0; padding-right: 10px; vertical-align: middle;}
.form-inline{ display: inline-block; padding-bottom: 15px; width: 100%;}

.line-drop-down{ display: none;}
.sbma p:nth-child(1){ float: left;}
.sbma p:nth-child(2){ float: left; padding-left: 50px;}
.sbma p:nth-child(3){ clear: both;}
.sbma p b{ font-size: 14px;}

.usr-btcolumn{position: fixed;bottom: 40px;right: 0;width: 40px;height: 122px;cursor: pointer;z-index: 9999;  border-radius: 5px;}
.usr-btcolumn .usr-btcolumn1{ border-bottom: 1px solid #fff;position: relative; overflow: hidden;}
.usr-btcolumn .usr-btcolumn1:hover{ overflow: initial;}
.usr-btcolumn .usr-btcolumn1:last-child{ border-bottom: none;    border-radius: 0 0 5px 0;}
.usr-btcolumn .usr-btcolumn1 font.usr-a1 { display: block; height: 40px; cursor: move; position: relative; z-index: 99;background:#f29d4b  url(img/btcolumn1.png) no-repeat center; background-size: 18px; border-radius: 5px 5px 0 0; }
.usr-btcolumn .usr-btcolumn1 font.usr-a2 { display: block; height: 40px; cursor: move; position: relative; z-index: 99;background:#f29d4b  url(img/btcolumn2.png) no-repeat center; background-size: 18px; }
.usr-btcolumn .usr-btcolumn1 font.usr-a3 { display: block; height: 40px; cursor: move; position: relative; z-index: 99;background:#f29d4b  url(img/btcolumn3.png) no-repeat center; background-size: 18px; border-radius: 0px 0px 5px 5px; }

.usr-btcolumn .usr-btcolumn1:hover font.usr-a1::after{ content: '在线客服';color: #fff;font-size: 12px;display: block;width: 35px;text-align: center;margin: 0px auto;padding: 4px 0;}
.usr-btcolumn .usr-btcolumn1:hover font.usr-a2::after{ content: '客服电话';color: #fff;font-size: 12px;display: block;width: 35px;text-align: center;margin: 0px auto;padding: 4px 0;}
.usr-btcolumn .usr-btcolumn1:hover font.usr-a3::after{ content: '意见建议';color: #fff;font-size: 12px;display: block;width: 35px;text-align: center;margin: 0px auto;padding: 4px 0;}
.usr-btcolumn .usr-btcolumn1 span.usr-a1a{display: block;height: 38px;line-height: 38px;width: 120px;padding-left: 10px;background: #faf6ed;border: 1px solid #f29d4b;font-size: 16px;color: #f29d4b;border-radius: 5px 0 0 5px;position: absolute;top: 0;left: 0px;z-index: 9;border-right: 0;}
.usr-btcolumn .usr-btcolumn1 font.usr-a2a{font-size: 12px;color: #f29d4b; padding-left: 20px;}
.usr-btcolumn .usr-btcolumn1:hover font.usr-a1,.usr-btcolumn .usr-btcolumn1:hover font.usr-a2,.usr-btcolumn .usr-btcolumn1:hover font.usr-a3{ background: #f29d4b;}
.usr-btcolumn .usr-btcolumn1:hover .usr-a1a{ transform: translate(-100%, 0px);}
.usr-btcolumn .usr-btcolumn1:hover .usr-a3{ border-radius: 0 0 5px 0;}
.usr-btcolumn .usr-btcolumn1 span.usr-a1a a{ color: #f29d4b;}

.usr-btcolumn.on .usr-btcolumn1:hover .usr-a1a{ border-radius: 0px 5px 5px 0;border: 1px solid #f29d4b;border-left: none;transform: translate(40px, 0px);}
.usr-btcolumn.on .usr-btcolumn1:hover .usr-a3{ border-radius: 0 0 0 5px;}

.fp-head-nav{position:relative;overflow:hidden}
.fp-head-nav .fph-piece{position: relative; float:left;width:300px;background-color:#ccc;line-height:34px;text-align:center;font-size:14px;color:#fff}
.fp-head-nav .this-nav{background-color:#efcd53;color:#333}
.fp-head-nav .fb-arrows{position:absolute;top:0;width:41px;height:34px;background:url('img/arrows_white.png') 0 0 no-repeat;margin-left:-20px}
.fp-head-nav .fphp-b-f{left:300px}
.fp-head-nav .fphp-b-s{left:600px}
.fp-head-nav .fphp-b-t{left:900px;}

.second-verify-box {width: 390px;margin-left: -185px;}
.second-verify-box li .text {box-sizing: border-box;width: 150px;}
.second-verify-box .code {left: 275px;}
.second-verify-box .Validform_checktip {right: auto;left: 266px;}
.second-verify-box .operation {padding: 0px 24px 30px 24px;}
.second-verify-box ul {min-height: 5px;padding: 0;}
.w300 .success span{  width: 22px; height: 19px; background: url(img/success_icon_green.png) no-repeat; }
.second-verify-box .success {padding: 30px 0 0;}
.w300 {width: 300px;margin-left: -150px;}
.w300 .affirm span{  width: 23px; height: 23px; background: url(img/affirm_icon.png) no-repeat; }
.w300 .affirm .green-icon-i {background: url(img/green_icon_i.png) no-repeat;}
.w300 .code {left: 195px;}
.second-verify-box .core-b-gray {position: absolute;top: 0;left: 275px;color: #ccc;background: transparent !important; }
.w300 .core-b-gray {left: 195px;}
.w300 ul {padding: 30px 0 0;min-height: initial;}
.w300 .success {padding: 0;}
.w300 .operation {padding: 0px 24px 30px 24px;}
.w390h220 {width: 390px;height: 220px;margin-left: -195px;}
.w390h220 .affirm {position: relative;padding-left: 92px;text-align: left;font-size: 12px;color: #474747;line-height: 20px;margin: 15px 0 20px;}
.w390h220 .affirm strong {font-weight: bold;font-size: 14px;}
.w390h220 .affirm span {position: absolute;top: 8px;left: 60px;}
.select .select-column {border-right: none;-webkit-box-shadow: 1px 0 #ebac00;-moz-box-shadow: 1px 0 #ebac00;border-color: #ebac00;}
.select .select-column .vertical-nav {position: relative !important;}
.select .select-column li {position: initial !important;}
.select .vertical-nav li .select-column-con {border-color: #ebac00;}
.select-column .dropMenu:hover {background-color: transparent !important;-webkit-box-shadow: 0 1px #ebac00,
0 -1px #ebac00 !important;
    box-shadow: 0 1px #ebac00,
    0 -1px #ebac00 !important;
    z-index: 999 !important;}
.select-column .dropMenu:hover a {background-color: transparent !important;}
.dns-line .select-column .dropMenu:hover {z-index: 999999;}
.dns-line .select-column .dropMenu:hover > a {overflow: initial;}
.dns-line .select-column .dropMenu:hover > a:after {position: absolute;content: '';top: 0;right: -1px;width: 1px;height:27px;background: #fff;z-index: 99999999;}

.search-box .select-column .dropMenu a:hover {background-color: transparent;}
.select .select-column .select-column-con {width: 375px;height: 325px;box-sizing: border-box;padding: 7px 15px;text-align: left;overflow-y: auto;}
.select-column .select-colcon-li .scl-nav-name {position: relative;padding-left: 10px;}
.select-column .select-colcon-li {
    margin-bottom: 10px !important;
}
.select-column .select-colcon-li .scl-nav-name::after {position: absolute;content: '';left: 0;top: 12px;width: 3px;height: 3px;background-color: #000;border-radius: 50%;}
.s-select-city {overflow: hidden;}
.s-select-city em {cursor:pointer;margin-right: 15px;float: left;}
.s-select-city em:hover,.scl-nav-name:hover {color: #ebac00;}
.scl-nav-name {cursor: pointer;}
.wipe-off-color-dl{
    border-color: #e0e1e5 !important;
}
.wipe-off-color-dl dt{
    background-color: #fff !important;
}
.fph-piece.this-nav:before {
    border-left: 20px solid #efcf4a;
}

.fph-piece:before {
    position: absolute;
    right: -20px;
    top: -2px;
    content: '';
    border-left: 20px solid #ccc;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 5;
}

.fph-piece:after {
    position: absolute;
    right: -25px;
    top: -7px;
    content: '';
    border-left: 25px solid #fff;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    z-index: 4;
}
.new-add-btn {position: relative;float: left;font-size: 0;vertical-align: middle;margin-right: 10px;}
.new-add-btn a {border-radius: 3px 0 0 3px !important;margin: 0 !important;position: relative;z-index: 3;}
.new-add-btn a:hover {border-color: #ebac00 !important;}
.new-add-btn em {font-weight: bold;position: absolute;left: 10px;top: 0;font-size: 19px;line-height: 27px;}
.new-add-btn .btn {padding: 0 13px 0 28px;;}
.new-add-btn span {font-size: 12px;vertical-align: middle;}
.new-add-btn strong {position: relative;float: right;width: 30px;height: 30px;border: 1px solid #ebac00;border-left: none ;border-radius: 0 3px 3px 0 !important;background: #fff7de;cursor: pointer;z-index: 3;}
.new-add-btn strong:after {position: absolute;content: '';top: 50%;left: 50%;margin: -2px 0 0 -4px;border-top: 5px solid #ebac00;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.new-add-btn strong:hover {background-color: #ebac00;}
.new-add-btn strong:hover:after {border-top: 5px solid #fff;}
.new-add-btn .orange-click {background-color: #ebac00;}
.new-add-btn .orange-click:after {border-top: 5px solid #fff;}
.new-add-btn .new-record-sel {display: none;position: absolute;top: 30px;left: 0;width: 100%;padding-top: 2px;border: 1px solid #ebac00;border-top: none;line-height: 27px;font-size: 12px;box-sizing: border-box;text-align: left;background: #fff;z-index: 0;}
.new-add-btn .new-record-sel li {padding-left: 12px;cursor: pointer;}
.new-add-btn .new-record-sel li:hover {background-color: #fff7de;}
.ora-new {position: relative;}
.ora-new .ora-new-i {position: absolute;top: 0;right: 0;width: 32px;height: 22px; color:transparent; background:url('img/new.png') no-repeat;}
.ora-new .ora-hot-i {position: absolute;top: 0;right: 0;width: 32px;height: 22px; color:transparent; background:url('img/HOT.png') no-repeat;}
.not-btn {border-color: #ccc !important;color: #cecece !important;}
.not-btn:hover {cursor: not-allowed !important;border-color: #ccc !important;background-color: #fff !important;}
.butwotoone {position: absolute;top: -18px;left: 55%;height: 1px;font-size: 12px;text-align: right;color: #fff;}
.butwotoone span {position: relative;background-color: #ee5900;display: inline-block;line-height: 18px;padding: 0 3px;text-align: center;border-radius: 3px;color: #fff !important;}
.butwotoone span:after {position: absolute;bottom: -3px;left: 5px;width: 3px;height: 3px;content: '';background: url(img/qq_while.png) 0 0 no-repeat;}
.search-button {height: 32px !important;}
.success-icon {position: relative;}
.error-icon {position: relative;}
.error-icon::after {position: absolute;top: 7px;left: -27px;content: '';width: 18px;height: 19px;background: url('img/x.png') no-repeat;}
.rc-handle-container{position:relative;}
.rc-handle{position:absolute;width:7px;cursor:ew-resize;*cursor:pointer;margin-left:-3px; z-index: 90;}
.order-details .ordertab ul{ padding: 0;}
.order-details .ordertab ul li{ float:initial; width: auto; line-height: 22px; margin-bottom: 0; overflow: hidden;}
.icon_hot{    background: -webkit-gradient(linear,left top,right bottom,from(#ff2a2f),to(#ff803c));
    background: -o-linear-gradient(top left,#ff2a2f,#ff803c);
    background: linear-gradient(to bottom right,#ff2a2f,#ff803c);
    color: #fff;
    font-size: 12px;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px 10px 10px 0;
    display: inline-block;
    position: relative;
    top: -10px;
    left: 3px;}
.PopupHtm,.PopupHtmBoceBox {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99999999;
    display: none;
}
.PopupHtm:after,.PopupHtmBoceBox:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
}
.PopupHtmCont {
    display: inline-block;
    max-width: 480px;
    min-width: 360px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 999;
}
.PopupHtmCont.boceBox {
    max-width: 600px;
    vertical-align: middle;
    background: none;
    border-radius: 12px;
    border: none;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}
.boceBox2 a.a1{display: inline-block;width: 160px;height: 31px;position: absolute;right: 221px;bottom: 37px;}
.boceBox2 a.a2{display: inline-block;width: 160px; height: 40px;position: absolute;right: 221px;bottom: 20px;}
.boceBox2 span{ font-size: 14px; color: #999; cursor: pointer; position: absolute; right: 33px;bottom: 26px; opacity: 0;}
.boceBox2 font{ display: block; width: 20px; height: 20px; line-height: 20px; position: absolute; right: 35px; top: 17px;opacity: 0; text-align: center; cursor: pointer; font-size: 30px;color: #fff;font-weight: 100;}
.PopupHtmBg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}
.PopupHtmBg p.loadingp1{
    color: #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    padding-top: 60px;
    font-size: 16px;
}
@-moz-keyframes haha{
    from{transform: rotate(0);}
    to{transform: rotate(360);}
}
.loading-imgs1{ overflow: hidden;}
.loading-imgs{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    width: 100px;
    display: block;
    margin: 20px auto;
}
.PopupHtmBg img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    margin: -50px 0 0 -50px;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(359deg)}
}

.PopupHtmContTitle {
    position: relative;
    line-height: 40px;
    padding: 0 20px;
    border-bottom: 1px solid #dfdfdf;
}
.PopupHtmContTitle span {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 40px;
    color: #303133;
    font-weight: bold;
}
.PopupHtmContTitle img {
    float: right;
    cursor: pointer;
    margin: 14px 0;
}
.PopupHtmContText{
    padding: 20px;
    font-size: 14px;
    text-align: left;
}

.PopupHtmContText i.success{
    background: url(img/right_icon.png) no-repeat 0 3px;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
    top: 5px;
    padding-right: 6px;
}
.PopupHtmContText i.error{
    background: url(img/error_icon.png) no-repeat 0 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    left: -30px;
    padding-right: 6px;
}
.PopupHtmContText i.tip{
    background: url(img/tip_icon.png) no-repeat 0 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -32px;
    top: 10px;
    padding-right: 6px;
}
.PopupHtmContText p,.PopupHtmContText > div {
    position: relative;
    padding: 10px 0px;
    color: #606266;
    font-size: 14px;
    word-wrap: break-word;
    line-height: 23px;
    display: inline-block;
    text-align: left;
}
.PopupHtmContText p a,.PopupHtmContText > div a{
    color: #ebac00;
}
.PopupHtmContText .bott{
    text-align: right;
    margin-top: 20px;
    display: block;
}
.PopupHtmContText .bott a{margin-left: 10px;}

.PopupHtmContText .back{
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #409eff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    border-color: #e0e1e5;
    background: #fff;
    margin-left: 20px;
    color: #666;
}
.PopupHtmContText input:hover,.PopupHtmContText a:hover {
    background: -webkit-linear-gradient(-10deg,#ffb500,#ffca15);
    color: #333 !important;
    border-color: #ffb500 !important;
}
.PopupHtm-v2 .PopupHtmContText a:not(.btn):hover {
    background: none;
    color: #ebac00;
    border-color: none;
}
.PopupHtmContText a.nobg:hover {
    background: #fff;
    color: #ebac00;
    border-color: #fff;
}
.PopupMsg,.PopupMsg1{
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=0);
    opacity:0;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    padding: 15px 30px;
    text-align: center;
    z-index: -1;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-animation: move 2s;
    animation: move 2s;
    font-size: 14px;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
}
@-webkit-keyframes move {
    0% {top: 40%; opacity: 0;z-index: 999999999;display: none;}
    10% {top:50%; opacity: 1;z-index: 999999999;display: block;}
    90% {top:50%; opacity: 1;z-index: 999999999;display: block;}
    100% {top:40%; opacity: 0;z-index: 999999999;display: none;}
}
@keyframes move {
    0% {top: 40%; opacity: 0;z-index: 999999999;display: none;}
    10% {top:50%; opacity: 1;z-index: 999999999;display: block;}
    90% {top:50%; opacity: 1;z-index: 999999999;display: block;}
    100% {top:40%; opacity: 0;z-index: 999999999;display: none;}
}

.loadingText{
    position: fixed;
    top: 60px;
    right: 48px;
    min-width: 100px;
    background-color: #000;
    filter: alpha(opacity=1);
    opacity:1;
    z-index: 99;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    border: none;
    padding: 6px 15px;
    text-align: center;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-animation: move1 .3s;
    animation: move1 .3s;
    font-size: 14px;
    line-height: 22px;
}
.loadingText span{ text-decoration:underline; cursor: pointer;}

.loadingText img{
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate 1s linear infinite;
    -moz-animation: rotate 1s linear infinite;
    -o-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
}

@-webkit-keyframes move1 {
    0% {top: 0px; opacity: .2;z-index: 999999999}
    100% {top:60px; opacity: 1;z-index: 999999999}
}
@keyframes move1 {
    0% {top: 0px; opacity: .2;z-index: 999999999}
    100% {top:60px; opacity: 1;z-index: 999999999}
}

.sideNav-content .icon,.drop-down .icon{ position: absolute;top:18px; width:15px; height: 15px; display: none; float: left; cursor: pointer;}
.drop-down .icon{ top:5px;}
.sideNav-content .modify-icon,.drop-down .modify-icon{ right:28px;background: url(img/modify_icon.png) no-repeat;}
.sideNav-content .delete-icon,.drop-down .delete-icon{ right:8px;background: url(img/delete_icon.png) no-repeat;}
.sideNav-content .text,.drop-down .text{ position: absolute; left:40px; top:5px; width:100px; height: 30px; line-height: 30px; padding:0 5px; border:1px solid #e0e0e0; background: #fff;}
.sideNav-content dd .group_zj:hover .icon,.drop-down dd .group_zj:hover .icon{ display: block;}
.sideNav-content .open .icon-arrow-down,.drop-down .open .icon-arrow-down{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.sideNav-content ul,.drop-down ul{ display:none;}
.sideNav-content .open ul,.drop-down .open ul{ display:block;}
.viewFramework-main .drop-down input[type='text']{height: 24px;line-height: 22px;left: 4px; top: 2px; display: block;width: 80px;}
.viewFramework-main .drop-down .edit_group_p{ position: absolute; right: 10px; top: 2px; display: none; background: #fff;}
.viewFramework-main .drop-down .edit_group_p b{ padding: 0 4px; color: #e0e0e0; vertical-align: middle;}
.viewFramework-main .drop-down .edit_group_p span{ cursor: pointer; color: #333;}
.sideNav-content .icon{}
.jiance_box01{ background: url(img/jiance02.png) no-repeat; width: 650px; height: 380px;}
.jiance_box02{ font-size: 14px; color: #6a7176; padding: 240px 0 0 0; text-align: center;}
.jiance_box02 > i{background: url(img/weba03_02.png) no-repeat;width: 18px; height: 18px; display: inline-block; position: relative; margin-right: 5px; top: 4px; background-size: 100%;}
.jiance_box02 > p > span{cursor: pointer; display: inline-block; line-height: 36px; padding: 0 35px; color: #fff; background: #5b96ef; font-size: 14px; border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle;}
.jiance_box02 > p > font{ cursor: pointer; padding-left: 30px;}

.manban1{
    position: absolute;
    display: none;
    width: 44px;
    height: 418px;
    border-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 282px 96px 2704px 1762px;
    z-index: 9998;
    top: 2px;
    left: 0;
}
.manban1:after{
    content: '';
    display: block;
    width: 46px;
    height: 422px;
    z-index: 9999;
    position: absolute;
    left: -3px;
    top: -3px;
    border: 2px solid #ffe400;
}
.manban1:before{
    content: '';
    display: block;
    width: 655px;
    height: 283px;
    background: url(img/jiance01.png) no-repeat;
    z-index: 9999;
    position: absolute;
    right: 55px;
    top: -112px;
}
.manban1a:before{
    background: url(img/tishi01a.png) no-repeat;
}
.manban1s{
    position: absolute;
    width: 200px;
    height: 100px;
    cursor: pointer;
    top: 76px;
    right: 300px;
    z-index: 99999;
}

.manban2{
    position: absolute;
    display: none;
    width: 380px;
    height: 38px;
    border-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 103px 13000px 2704px 220px;
    z-index: 9998;
    top: 2px;
    left: 0;
}
.manban2:after{
    content: '';
    display: block;
    width: 382px;
    height: 40px;
    z-index: 9999;
    position: absolute;
    left: -3px;
    top: -3px;
    border: 2px solid #ffe400;
}
.manban2:before{
    content: '';
    display: block;
    width: 855px;
    height: 275px;
    background: url(img/tishi03.png) no-repeat;
    z-index: 9999;
    position: absolute;
    left: 270px;
    top: 50px;
}
.manban2s{
    position: absolute;
    width: 200px;
    height: 100px;
    cursor: pointer;
    top: 155px;
    left: 690px;
    z-index: 99999;
}

.manban3{
    position: absolute;
    display: none;
    width: 190px;
    height: 50px;
    border-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 250px 1723px 674px 7px;
    z-index: 9998;
    top: 0px;
    left: 0;
}
.manban3:after{
    content: '';
    display: block;
    width: 200px;
    height: 60px;
    z-index: 9999;
    position: absolute;
    left: -7px;
    top: -7px;
    border: 2px solid #ffe400;
}
.manban3:before{
    content: '';
    display: block;
    width: 731px;
    height: 216px;
    background: url(img/yindao03.png) no-repeat;
    z-index: 9999;
    position: absolute;
    left: 200px;
    top: 0px;
}
.manban3s{
    position: absolute;
    width: 200px;
    height: 100px;
    cursor: pointer;
    top: 110px;
    left: 750px;
    z-index: 99999;
}

.manban6{
    position: absolute;
    display: none;
    width: 144px;
    height: 38px;
    border-color: rgba(0, 0, 0, 0.5);
    border-style: solid;
    border-width: 583px  1980px 2704px 1810px;
    z-index: 9998;
    top: 2px;
    left: 50%;
    transform: translate(-50% ,-9%);
}
.manban6.manban6ssl{
    border-width: 583px 1980px 2704px 2000px;
}
.manban6.manban6ipv6{
    border-width: 583px 1980px 2704px 2000px;
}
.manban6.manban6anzhuang{
    border-width: 454px 1980px 2704px 1873px;
}
.manban6:after{
    content: '';
    display: block;
    width: 146px;
    height: 40px;
    z-index: 9999;
    position: absolute;
    left: -3px;
    top: -3px;
    border: 2px solid #ffe400;
}
.manban6:before{
    content: '';
    display: block;
    width: 855px;
    height: 275px;
    background: url(img/tishi02.png) no-repeat;
    z-index: 9999;
    position: absolute;
    left: -270px;
    top: -30px;
}
.manban6a:before{
    background: url(img/tishi02s.png) no-repeat;
}
.manban6s{
    position: absolute;
    width: 200px;
    height: 100px;
    cursor: pointer;
    top: 95px;
    left: 250px;
    z-index: 99999;
}
.viewFramework-main .ssla4s::-webkit-input-placeholder{
    font-size: 12px;
}
.viewFramework-main .ssla4s::-moz-placeholder{
    font-size: 12px;
}
.viewFramework-main .ssla4s::-ms-input-placeholder{
    font-size: 12px;
}
.viewFramework-main .ssla1{ font-size: 18px; text-align: center; font-weight: 500; padding: 50px 0 30px;}
.viewFramework-main .ssla2s{ width: 950px; margin: 0 auto;}
.viewFramework-main .ssla2s .ssla2{ border-bottom: 1px solid #dfdfdf;line-height: 30px; padding: 20px 0; font-size: 14px; position: relative;}
.viewFramework-main .ssla2s .ssla2:after{ content: ''; display: block; width: 100%; height: 1px; clear: both;}
.viewFramework-main .ssla2s .ssla3{ width: 250px; text-align: right; padding-right: 20px;}
.viewFramework-main .ssla2s .ssla3 font{ font-size: 12px; color: #999;}
.viewFramework-main .ssla2s .ssla4{ border: none; width: 350px; height: 30px; line-height: 30px;}
.viewFramework-main .ssla2s .ssla4bor{ width: 350px; height: 30px; line-height: 30px;}
.viewFramework-main .ssla2s .ssla5{ position: absolute; bottom: 10px; right: 10px;}
.viewFramework-main .ssla2s .ssla6{ display: block; margin: 30px auto; text-align: center}
.viewFramework-main .ssla2s .ssla7 select{ height: 30px; width: 172px; margin-right: 8px; line-height: 29px; text-align: left; padding: 0 30px 0 10px; border: 1px solid #e0e1e5 ; position: relative; cursor: pointer;}
.viewFramework-main .ssla4s {  border: 1px solid #e0e1e5; width: 380px; padding: 5px; height: 90px; line-height: 18px; resize: none; }
.viewFramework-main .ssla8{ width: 950px; margin: 0 auto;}
.viewFramework-main .ssla9{ text-align: center; font-size: 16px;}
.viewFramework-main .ssla10{ text-align: center;}
.viewFramework-main .ssla10 span{width: 150px; font-size: 14px; margin: 20px 6px; position: relative;border: 1px solid #e4e4e4; color: #444; background: #fff;}
.viewFramework-main .ssla10 span:hover{ border: 1px solid #e4e4e4; color: #444; background: #fff;}
.viewFramework-main .ssla10 span.on{background: #ebac00; color: #fff; border-color: #ebac00; z-index: 2;}
.viewFramework-main .ssla10 span.on:after{position: absolute; left: 41%; top: 60px; width: 0; height: 0; content: ''; border-bottom: 15px solid #f8f8f8; border-left: 15px solid transparent; border-right: 15px solid transparent;}
.viewFramework-main .ssla11{ background: #f8f8f8; border-radius: 4px; padding: 40px 60px; box-sizing: border-box; font-size: 14px; line-height: 28px; margin-top: 20px;}
.viewFramework-main .ssla12{ border-bottom: 1px #dfdfdf dashed; padding-bottom: 20px; margin-bottom: 20px;}
.viewFramework-main .ssla13 span{ margin-right: 20px;}
.viewFramework-main .ssla14 a{ color: #ebac00; padding-right: 50px;}
.viewFramework-main .ssla14 a.p0{ padding: 0;}
.viewFramework-main .ssla15{ text-align: center; padding: 30px 0;}
.viewFramework-main .ssla15 span{}
.viewFramework-main .ssla20 p{ color: #999;}
.viewFramework-main .ssla20 label,.viewFramework-main .ssla200 label{ padding-right: 20px; cursor: pointer;}
.viewFramework-main .ssla21{ display: none;}
.viewFramework-main .ssla22{ border: none; margin-top: 20px;}
.viewFramework-main .ssla22 td,.viewFramework-main .ssla22 th{ border: none; border-bottom: 1px dashed #dfdfdf;}
.viewFramework-main .sslc1cont{ text-align: center; padding: 50px 0 30px;}
.viewFramework-main .sslc1{ font-size: 16px;}
.viewFramework-main .sslc2{ font-size: 14px; margin: 30px 0;}
.viewFramework-main .sslc3{ font-size: 14px; padding-top: 50px;}
.search-box .record-search li.w2.ipv6a1{ position: relative; width: 251px;padding-left: 20px;}
.search-box .record-search li.w2.ipv6a1 .text{ position: absolute; left: 108px; top: 0; border-radius: 0 4px 4px 0; z-index: 1;}
.search-box .record-search li.w2.ipv6a1 .select{ width: 87px;}

.daterangeCont{ border: 1px solid #d1d1d1; background: #fff; border-radius: 3px; height: 30px; line-height: 30px; padding-left: 8px;width: 235px; position: relative;}
.daterangeCont span.z{ position: relative; top: -1px;}
.daterangeCont .btn-default{ border: none; background: none; float: left;padding-left: 68px; position: absolute; left: 0; top: 0;    width: 237px; text-align: left;}
.daterangeConts {width: 255px; padding: 0;}
.daterangeConts .bgnone{ width: auto; text-align: center; padding: 0; left: 87px;}
.daterangeConts .bgnone.w62{ width: 70px;}
.daterangeConts .bgnone.w115{ width: 115px;}
.bgnonedao{position: absolute; left: 158px; top: -2px; color: #999; font-size: 20px;}
.viewFramework-body .btn.bgnone:hover, .viewFramework-main .btn.bgnone:hover{background: none; color: #333;}

.formlist1{  margin: 0 auto; clear: both;}
.formlist1 .formlist2{ border-bottom: 1px solid #f5f5f5;line-height: 30px; padding: 15px 0; margin: 0 24px; font-size: 14px; position: relative;}
.formlist1 .formlist2:last-child{ border-bottom: none;}
.formlist1 .formlist2:after{ content: ''; display: block; width: 100%; height: 1px; clear: both;}
.formlist1 .formlist3{ width: 170px; text-align: right; line-height: 32px;padding-right: 30px; min-height: 20px; color: #999;}
.formlist1 .formlist3 font{ font-size: 12px; color: #999;}
.formlist1 .formlist4s{width:410px; margin-right: 30px;word-wrap: break-word;}
.formlist1 .formlist4s label{ margin-right: 10px; cursor: pointer;}
.formlist1 .formlist4{ border: none; width: 400px; height: 30px; line-height: 30px;}
.formlist1 .formlist4b{ color: #ebac00; cursor: pointer;}
.formlist1 .formlist5{ color: #999;}
.formlist1 .formlist5.red{ color: #F56C6C;}
.formlist1 .formlist5.orange{ color: #ebac00;}
.formlist1 .formlist5b{ width: 260px;}
.formlist1 .formlist5b[readonly='readonly'],.formlist1 .formlist5e[readonly='readonly']{ background: #f2f2f2;}
.formlist1 .formlist4s .Validform_checktip {    font-size: 12px;color: #e45959;position: absolute;bottom: 0;line-height: 22px;}
.formlist1 .formlist5e{ width: 122px; }
.formlist1 .formlist6{ display: block; margin: 30px auto; text-align: center}
.formlist1 .formlist7 select{ height: 30px; width: 172px; margin-right: 8px; line-height: 29px; text-align: left; padding: 0 30px 0 10px; border: 1px solid #e0e1e5 ; position: relative; cursor: pointer;}
.formlist4s .addr-select{ width: 172px; height: 32px; line-height: 26px; border: 1px solid #d1d1d1; border-radius: 3px;}
.formlist1 .formlist4s1{height: 32px; line-height: 26px;}

.formlist1 .formlist4s .uploadBtn img{ max-width: 220px; min-height: 220px;}

/*.viewFramework-main .ssla15 span.on{ background: #fff7de; border: 1px solid #ebac00; color: #ebac00;}*/
.PopupHtmSSL { position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 99999999; display: none; }
.PopupHtmSSL:after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.PopupHtmSSLBg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); }
.PopupHtmSSLBg p.loadingp1{ color: #fff; position: absolute; width: 100%; top: 50%; padding-top: 100px; font-size: 16px; line-height: 26px;}
.PopupHtmSSLBg img{ position: absolute; top: 50%; left: 50%; width: 204px; margin: -102px 0 0 -102px; }
.PopupHtmSSLBg img.PopupHtmSSLimg{ -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -moz-transition-property: -moz-transform; -moz-transition-duration: 1s; -webkit-animation: rotate 1s linear infinite; -moz-animation: rotate 1s linear infinite; -o-animation: rotate 1s linear infinite; animation: rotate 1s linear infinite; }
.PopupHtmSSL img.PopupHtmSSLclose{ width: 30px; height: 30px; cursor: pointer;  position: absolute; top: 50%; left: 50%; margin: -110px 0 0 110px; }
.selecteds{border: 0 none; display: inline-block; vertical-align: middle; margin-left: -15px; top: 2px;}
.selecteds dl{ position: relative; padding: 0 16px 0 12px; cursor: pointer; height: 25px; line-height: 24px; text-align: left; overflow: hidden; color: #ebac00; }
.selecteds dt { position: relative; padding: 0 0px 0 12px; cursor: pointer; height: 25px; line-height: 24px; text-align: left; overflow: hidden; color: #ebac00; }
.selecteds dd{ position: absolute; top: 32px; background: #fff; border: 1px solid #d1d1d1; text-align: center; z-index: 65; width: 99px; padding: 5px 0; left: auto; right: 0px; display: none; }
.selecteds dd a { display: block; line-height: 27px; text-align: left; padding-left: 13px; }
.selecteds:hover dd{ display: block; }
.copys{ color: #ebac00; vertical-align: middle; cursor: pointer;}
.title-msg{ padding: 15px 20px; background: #f7f7f7; margin-bottom: 20px; border: 1px solid #e0e1e5;}
#choose-ssl-user{ max-height: 270px; overflow: auto;}
#choose-ssl-user a{width:272px; display: block; padding-right: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.timebar{font-size: 14px; line-height: 32px; padding-bottom: 10px; margin-bottom: 50px; border-bottom: 1px solid #dfdfdf; }
.btn-group{ float: left; padding-right: 20px;}
.btn-group label{ display: inline-block; padding: 0 20px; cursor: pointer; position: relative; float: left;}
.btn-group label:after{ content: ''; display: block; width: 1px; height: 14px; background: #dfdfdf; position: absolute; right: -1px; top: 9px;}
.btn-group label.on{ color: #ebac00;}
.btn-group label.on:before{ content: ''; display: block; width: 80%; height: 1px; background: #ebac00; position: absolute; left: 50%; transform: translate(-50%,0); bottom: 0px;}
.range-tag{}
.timebar .calendar { color: #333; cursor: pointer; height: 30px; line-height: 30px; display: inline-block; padding: 0px 10px; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; }
.timebar .calendar i.fa-calendar{background: url(img/iocntime1.png) no-repeat; width: 14px; height: 14px; display: inline-block; position: relative; top: 1px;}
.timebar .calendar .caret{background: url(img/iocntime2.png) no-repeat; width: 12px; height: 5px; display: inline-block; position: relative; top: -3px;}
.main-boxs-cont{ margin-top: 50px;}
.timebar2 > div{ border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; padding: 50px 2.5%;}
.timebar3 > div{ border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; height: 400px;width: 50%; padding: 50px 2.5%; float: left; box-sizing: border-box; }
.timebar3 > div:last-child{ border-right: none;}
.textAreaWithLines{font-family: courier; background-color: #FCFCFC; overflow-x: hidden; overflow-y: auto; position: relative; width: 700px; height: 298px;}
.textAreaWithLines:before{ content: ''; display: block; width: 1px; height: 298px; background: #dfdfdf; position: absolute; left: 330px; top: 0;}
.domain03 .textAreaWithLines:before{ display: none;}
.textAreaWithLines textarea,.textAreaWithLines div{border: 0px;font-size: 12px;}
.lineObj2,.lineObj{color: #666; position: absolute; left: 0; width: 670px;padding: 0 0 0 10px; background: url(img/piliangbg.png); line-height: 37px;}
.lineObj2 p,.lineObj p{ text-align: left; border-bottom: 1px #dfdfdf dashed; line-height: 36px; height: 36px;}
.lineObj2 p span.s1,.lineObj p span.s1{ display: inline-block; width: 33px;}
.lineObj2 p span.s2,.lineObj p span.s2{ display: inline-block; width: 60px;}
.lineObj2 p font,.lineObj p font{ color: #999; display: inline-block; width: 50px;}
.lineObj2 p a,.lineObj p a{ color: #999; font-size: 30px; cursor: pointer; padding: 0 10px; position: relative;top: 3px;}
#codeTextarea,textarea.domain11{width: 460px;height: 100%;position: absolute; left: 210px; top: 1px; background: none; line-height: 37px; border: none; padding: 0 0 0 10px;outline: none;resize:none;}
textarea::-webkit-input-placeholder { color: #999; }
textarea::-moz-placeholder { color: #999; }
textarea:-ms-input-placeholder { color: #999; }
.areas{width: 290px;height: 100%;position: absolute; left: 32px; top: 1px; background: none; line-height: 37px; padding: 0 0 0 10px;outline: none;resize:none; min-height: 300px; }
.binding_main2{ line-height: 40px; margin-bottom: 10px; overflow: hidden; font-size: 14px;}
.binding_main3{ background: #f1f1f1; width: 190px; float: left; padding: 0 10px;}
.binding_main4{ background: #f1f1f1; width: 472px; float: left; padding: 0 10px;}
.binding_main5{ margin-top: 20px; text-align: right; width: 688px;}
#analyze2,#analyze3,#analyze4,#analyze5,#analyze6,#analyze7{ position: relative;}
.analyze:before{ content: ''; display: block; width: 300px; height: 190px; color: #999; font-size: 20px; background: url(/static/web2/css/img/user_null_bg.png) no-repeat; position: absolute;left: 50%; top: 50%; margin: -95px 0 0 -150px;}
.analyze1:before{ content: ''; display: block; width: 300px; height: 190px; color: #999; font-size: 20px; background: url(/static/web2/css/img/user_null_bg.png) no-repeat; position: absolute; left: 83%; top: 26%; margin: -95px 0 0 -150px;}
.analyze1s:after{ content: ''; display: block; width: 300px; height: 190px; color: #999; font-size: 20px; background: url(/static/web2/css/img/user_null_bg.png) no-repeat; position: absolute; left: 50%; top: 55%; margin: -95px 0 0 -150px;}
.h300{ height: 300px;}
.viewFramework-main .binding_main1{width: 900px; margin:  50px ;}
.viewFramework-main .domain01{ margin: 20px 0 50px; border-bottom: 1px solid #dfdfdf; padding-bottom: 20px;}
.domain01:after,.cle:after{ content: ""; clear: both; display: block; width: 100%; height: 1px;}
.viewFramework-main .domain01s{ background: #f9f9f9; padding:  15px;}
.viewFramework-main .domain02{ float: left; width: 120px; text-align: right; padding-right: 20px; font-size: 14px;min-height: 20px;}
.viewFramework-main .domain03{ float: left; position: relative; width: 750px; }3
.viewFramework-main .domain03 .select{ width: 330px;}
.viewFramework-main .domain03 .doamin03s{ font-size: 12px; color: #777; position: absolute; left: 350px; width: 400px; top: 5px; line-height: 18px;}
.viewFramework-main .domain03 #codeTextarea { width: 290px; left: 330px; border-left: 1px solid #dfdfdf; min-height: 297px; }
.viewFramework-main .domain03 #codeTextarea.domain11 { left: 0; }
.viewFramework-main .domain03 .select{ width: 330px;}

.viewFramework-main .domain04{ text-align: left; color: #777; font-size: 12px;clear: both; padding-top: 10px; padding-right: 70px; line-height: 20px;    position: absolute;
    left: 565px;}
.viewFramework-main .domain05{ margin-bottom: 10px;clear: both;}
.viewFramework-main .domain05s{ margin-top: 10px; margin-bottom: 0; position: relative;}
.viewFramework-main .domain06{ width: 326px;}
.viewFramework-main .domain06textarea{ width: 326px; height: 120px; line-height: 20px; padding: 5px;}
.viewFramework-main .domain07 .select{ width: 156px; float: left;}
.viewFramework-main .domain08{ width: 152px; float: left;}
.viewFramework-main .domain09 label{ font-size: 14px; margin-right: 20px; position: relative; top: 2px; cursor: pointer;}
.viewFramework-main .domain09s{    text-align: right;clear: both; color: #777;}
.viewFramework-main .domain10{ padding-left: 190px; width: 900px;}
.viewFramework-main .domain03 .domain11{ width: 330px; float: left; margin-right: 20px;}
.viewFramework-main .domain03 .domain12{ width: 500px;}
.viewFramework-main .domain03 .domain11:before{ display: none;}
.viewFramework-main .domain03 .domain11 #codeTextarea{left: 35px; border: none;}
.viewFramework-main .domain03 .domain11 #codeTextarea2{ border: none; position: absolute; padding-left: 10px; width: 290px; min-height: 297px; background: none; top: 1px; background: none; line-height: 37px; outline: none; resize: none;;}
.viewFramework-main .domain03 .ns-header .select{ width: 110px;}
.viewFramework-main .domain01 .select dt{ height: 30px; line-height: 30px;}
.viewFramework-main .domain01 .select dd{ top: 31px;}
.viewFramework-main .domain01 .select dt:before{right: 10px; top: 14px;}
.viewFramework-main .domainhint01{ position: relative;}
.domainhint01 span{ width: 330px; text-align: center; margin-left: 140px; display: block; float: left; color: #999; background: #f9f9f9;}
.domainhint01 span.domainhint03{ margin: 0 0 0 20px;}

/* .viewFramework-main .popup .domain02{ text-align: left; width: 60px;}
.viewFramework-main .popup .domain03{ width: 360px;}
.viewFramework-main .popup .domainhint01 span{    margin-left: 80px;width: 356px;}
.viewFramework-main .popup .domain01{ margin: 0;border-bottom: none;padding: 12px 0;}
.viewFramework-main .popup .domain03 .domain11 .domain11{left: 28px;}
.viewFramework-main .popup .domain03 .select{    width: 355px;}
.popup-domain.popup .select a,.popup-domain.popup .domain03 a{ margin: 0;}
.popup .textAreaWithLines{height: 186px;}
.viewFramework-main .popup .domain03 .domain11{ width: 354px;}
.viewFramework-main .popup .domain03.domain03se .select{width: 169px;display: inline-block;}
.viewFramework-main .popup .domain03.domain03se .select.duration{ margin-left: 10px;}
.viewFramework-main .popup  .lineObj{width: 343px;} */

.popup .domain02{ text-align: left; width: 60px;float: left;text-align: right; padding-right: 20px; font-size: 14px;min-height: 20px;}
.popup .domain03{ width: 360px;float: left;position: relative;}
.popup .domainhint01 span{    margin-left: 80px;width: 356px;}
.popup .domain01{ margin: 0;border-bottom: none;padding: 12px 0;}
.popup .domain03 .domain11 .domain11{left: 28px;}
.popup .domain03 .select{    width: 355px;}
.popup-domain.popup .select a,.popup-domain.popup .domain03 a{ margin: 0;}
.popup .textAreaWithLines{height: 186px;}
.popup .domain03 .domain11{ width: 354px;}
.popup .domain03.domain03se .select{width: 169px;display: inline-block;}
.popup .domain03.domain03se .select.duration{ margin-left: 10px;}
.popup  .lineObj{width: 343px;}

.formlist2 .select dt{ height: 30px; line-height: 30px;}
.formlist2 .select dd{ top: 31px;}
.table-jiexi .after,.table-jiexi .before{position: relative; z-index: 2; cursor: pointer; top: -1px;}
.table-jiexi .jiexi1{ position: relative; width: 65px; padding-left: 3px; }
.table-jiexi .jiexi2{ position: absolute; left: -2px; top: -2px; background: #fff; border: 1px solid #dfdfdf;width: 70px;text-align: center; padding-top: 24px;}
.table-jiexi .jiexi2 span{ display: block; text-align: center; line-height: 30px; cursor: pointer;}
.table-jiexi .jiexi2 span.on{ background: #f1f1f1;}
.table-jiexi .after:before { position: absolute; right: 3px; top: 10px; width: 0; height: 0; content: ''; border-top: 5px solid #aaa; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.table-jiexi .before:before { position: absolute; right: 3px; top: 2px; width: 0; height: 0; content: ''; border-bottom: 5px solid #aaa; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.table-jiexi .after.on:before { border-top: 5px solid #474747;  }
.table-jiexi .before.on:before { border-bottom: 5px solid #474747;  }
.table-jiexi .jiexi3 .after,.table-jiexi .jiexi3 .before { right: -20px;}
.line-detail{ margin: 20px 15px; max-height: 443px; overflow: auto; }
.popup table.monitor-tables{ border: none; margin-top: 0;}
.popup table.monitor-tables td{ border-bottom: 1px solid #e1e1e1; border-top: none; line-height: 28px;}
.colorebac00 a{ color: #ebac00;}
.colorebac00 b{    padding: 0 5px; color: #e0e0e0; position: relative;}
.viewFramework-title a.navblack,.viewFramework-search a.navblack{color: #333; position: relative;right: auto; top: auto; margin-right: 5px; font-size: 16px;}
.icon-lock .vt-icon-infor.widthAuto{ width: auto; text-align: left; padding: 10px 10px 5px 10px; top: 100%; white-space: nowrap;}
.viewFramework-title.title-nav{ font-size: 14px; color: #333;}
.viewFramework-title.title-nav > a{ font-size: 14px; color: #999999;}

.select01{float: inherit; width: auto; display: inline-block; border: none;border-bottom: 1px solid #d1d1d1;}
.select01 dt{ z-index: 66; background: none;}
.select01.select dd{padding-top: 26px; top: -2px;}
.select01 span{ width: 0; height: 0; display: inline-block; content: ''; border-top: 4px solid #474747; border-left: 4px solid transparent; border-right: 4px solid transparent; position: relative; top: -2px; margin-left: 5px;}
.select01.select dt:before{ display: none;}
.search-box-monitor > div{ width: 16.66%; float: left; box-sizing: border-box; padding-left: 25px; font-size: 12px; line-height: 60px;}
.search-box-monitor .select dt:after{ content: ''; width: 0; height: 0; display: inline-block; content: ''; border-top: 4px solid #474747; border-left: 4px solid transparent; border-right: 4px solid transparent; position: relative; top: -2px; margin-left: 5px;}
.viewFramework-search .select.select01 dt:after{ content: ''; width: 0; height: 0; display: inline-block; content: ''; border-top: 4px solid #474747; border-left: 4px solid transparent; border-right: 4px solid transparent; position: relative; top: -2px; margin-left: 5px;}
.log_err{ cursor: pointer; color: #ebac00;}
.monitor-cont{ clear: both; padding: 30px 20px;position: relative;max-width: 1659px;}
.filter{ -webkit-filter: blur(10px); filter: blur(10px)}
.monitor-china{ width: 50%; height: 480px; float: left;}
.textzdy{ width: 85px; text-align: center; display: inline-block; font-size: 12px; position: relative; top: -1px;}
.monitor-search{ padding: 10px 0; clear: both;}
.viewFramework-main .monitor-searchs>p{ line-height: 32px;}
.viewFramework-main .monitor-searchs{ padding-left: 20px;}
.monitor-search1{ text-align: right; font-weight: bold; color: #333; display: inline-block; width: 100px;}
.monitor-search2{ cursor: pointer; display: inline-block; padding: 2px 10px;}
.monitor-search2.on{ color: #ebac00; text-decoration: underline;}
.monitor_setting01{ height: 39px; background: #f5f5f5; padding: 0 10px; margin-bottom: 5px; width: 690px;}
.monitor_setting02,.monitor_setting06{ width: 180px; float: left;}
.monitor_setting03,.monitor_setting07{ width: 180px; float: left;}
.monitor_setting09,.monitor_setting09a{ width: 135px; float: left;}
.monitor_setting06s{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.monitor_setting03 input,.viewFramework-main .monitor_setting07 input,.viewFramework-main .monitor_setting03 input{ width: 172px;line-height: 24px; height: 26px;}
.monitor_setting05{padding: 5px 10px; clear: both; overflow: hidden; border-bottom: 1px #f0f1f2 dashed;}
.monitor-conts1{ border:1px solid #dfdfdf; padding: 20px 30px; width: 240px;text-align: center; background: #fafafa; box-shadow: 4px 4px 12px #eee; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: 100px; z-index: 9; }
.monitor-conts1 i{display: inline-block; background: url(img/monitor_icon5.png) no-repeat; width: 16px; height: 16px; position: relative; top:3px; margin-right: 6px;}}
.viewFramework-main .monitor_setting03 input[type='text'],.viewFramework-main .monitor_setting07 input[type='text']{ height: 24px;}
.monitor_setting_cont{ overflow: auto; max-height: 190px; width: 712px;}
.standbyIP{ display: none;}
.domain_reset{ cursor: pointer;}
.popup table.monitor-modify-table{margin: 30px; width: 836px; }
.popup table.monitor-modify-table td:nth-child(1){ background: #f5f5f5; width: 80px; text-align: center; padding-left: 0;}
.popup table.monitor-modify-table td label{ padding: 3px 15px; display: block; float: left;}
.monitor-modify1{ text-align: center; padding-bottom: 40px;}
.monitor_ff{ display: none;}
.viewFramework-main textarea.monitor_f1{ width: 550px; padding: 3px 10px; height: 180px; line-height: 22px; text-overflow: ellipsis; white-space: pre;resize: none;}
.viewFramework-main textarea.monitor_f1[readonly="readonly"],.viewFramework-main input[readonly="readonly"]{ background: #f2f2f2;}
.monitor-detail .monitor_f2{ width: 548px; text-align: left; padding: 0 12px; margin-left: 0; display: block; color: #999; background: #f9f9f9; line-height: 25px; font-size: 12px;}
.monitor_setting08{ line-height: 22px;}



.viewFramework-main .speed-cont{ padding: 0 0 50px; overflow: hidden;}
.viewFramework-main .speed_a1{ width: 60%; float: left;max-width: 800px; }
.viewFramework-main p.speed_a2{ font-size: 14px; padding-bottom: 15px;}
.viewFramework-main table.speed_a3{ border:none; }
.viewFramework-main table.speed_a3 td{border-top: none; border-bottom: 1px dashed #dfdfdf; padding: 15px 0 15px 20px;}
.viewFramework-main table.speed_a3 th{ border:none}

/*.viewFramework-main .speed_box_text{ background: #f8f8f8;  margin-bottom: 20px; position: relative; z-index: 34;clear: both; }
.viewFramework-main .speed_box_text th{font-size: 14px; line-height: 28px; padding: 12px 0 12px 20px; font-weight: bold;}
.viewFramework-main .speed_box_text th font{ font-weight: 500;}
.viewFramework-main .speed_a4 span{ cursor: pointer; display: inline-block; margin-left: 10px;}
.viewFramework-main .speed_a4 span.on{ color: #ebac00; text-decoration: underline;}*/

.viewFramework-main .speed_box_title{ font-size: 14px; font-weight: bold; padding: 20px 0 5px; color: #333; clear: both;}
.viewFramework-main .speed_box_text{ margin: 0 0 20px; position: relative; z-index: 34;clear: both; border-collapse: collapse; }
.viewFramework-main .speed_box_text tr:hover{ background: none;}
.viewFramework-main .speed_box_text td{font-size: 14px; line-height: 28px; border: 1px solid #dfdfdf;text-align: center;padding: 6px 0;}
.viewFramework-main .speed_box_text td font{ font-weight: 500;}
.viewFramework-main .speed_box_text td.speed_box_text2{background: #f8f8f8;}
.viewFramework-main .speed_box_text td.speed_box_text3{color: #ebac00;}

.viewFramework-main .null01{ font-size: 14px; color: #474747; border-bottom: 1px solid #dfdfdf; line-height: 26px; padding-bottom: 10px;}
.viewFramework-main .null01.colorf56c6c{color:#f56c6c}
.viewFramework-main .null01 i{ display: inline-block; background: url(img/null02.png) no-repeat; width: 14px; height: 14px; position: relative; top:1px; margin-right: 8px;}
.viewFramework-main .null02{ background: #fbfbfb; border: 1px solid #dfdfdf; padding: 20px 0px 20px 20px; overflow: hidden; margin-top: 20px;}
.viewFramework-main .null02s{ float: left;}
.viewFramework-main .null02s:nth-child(1){ padding-right: 20px; border-right: 1px solid #dfdfdf; margin-right: 35px; }
.viewFramework-main .null03{ color: #474747; font-weight: bold;font-size: 14px;}
.viewFramework-main .null03 i{ display: inline-block; width: 5px; height: 15px; background: #fbd35c; position: relative; margin-right: 10px; top: 3px;}
.viewFramework-main .null04{ margin: 20px 0 10px;}
.viewFramework-main .null05{ float: left; max-width: 254px; width: 23%; height: 180px; box-shadow: 0 0 10px #eee; margin-right: 20px; margin-bottom: 15px; background: #fff;}
.viewFramework-main .null05:last-child{ margin-right: 0;}
.viewFramework-main .null05.h210{ height: 210px;}
.viewFramework-main .null05 i{ display: block; background-image: url(img/null01b.png); width: 50px; height: 50px; margin: 15px auto 2px;}
.viewFramework-main .null05 i.null051{ background-position: 0 0;}
.viewFramework-main .null05 i.null052{ background-position: -55px 0;}
.viewFramework-main .null05 i.null053{ background-position: -109px 0;}
.viewFramework-main .null05 i.null054{ background-position: -163px 0;}
.viewFramework-main .null04_ipv6 .null05 i.null051{ background-position: 0 -115px;}
.viewFramework-main .null04_ipv6 .null05 i.null052{ background-position: -55px -115px;}
.viewFramework-main .null04_ipv6 .null05 i.null053{ background-position: -109px -115px;}
.viewFramework-main .null04_ipv6 .null05 i.null054{ background-position: -163px -115px;}
.viewFramework-main .null04_ssl .null05 i.null051{ background-position: 0 -57px;}
.viewFramework-main .null04_ssl .null05 i.null052{ background-position: -55px -57px;}
.viewFramework-main .null04_ssl .null05 i.null053{ background-position: -109px -57px;}
.viewFramework-main .null04_ssl .null05 i.null054{ background-position: -163px -57px;}
.viewFramework-main .null04_ser .null05 i.null051{ background-position: 0 -230px;}
.viewFramework-main .null04_ser .null05 i.null052{ background-position: -55px -230px;}
.viewFramework-main .null04_ser .null05 i.null053{ background-position: -109px -230px;}
.viewFramework-main .null04_ser .null05 i.null054{ background-position: -163px -230px;}
.viewFramework-main .null04_ser .null05 i.null055{ background-position: -219px -230px;}
.viewFramework-main .null04_cdn .null05 i.null051{ background-position: 0 -282px;}
.viewFramework-main .null04_cdn .null05 i.null052{ background-position: -55px -282px;}
.viewFramework-main .null04_cdn .null05 i.null053{ background-position: -109px -282px;}
.viewFramework-main .null04_cdn .null05 i.null054{ background-position: -163px -282px;}
.viewFramework-main .null04_setgrout .null05 i.null051{ background-position: 0 -172px;}
.viewFramework-main .null04_setgrout .null05 i.null052{ background-position: -55px -172px;}
.viewFramework-main .null04_setgrout .null05 i.null053{ background-position: -109px -172px;}
.viewFramework-main .null04_setgrout .null05 i.null054{ background-position: -163px -172px;}
.viewFramework-main .null04_ser .null05 i.null061{ background-position: 0 -332px;}
.viewFramework-main .null04_ser .null05 i.null062{ background-position: -55px -332px;}
.viewFramework-main .null04_ser .null05 i.null063{ background-position: -109px -332px;}
.viewFramework-main .null04_ser .null05 i.null064{ background-position: -163px -332px;}

.viewFramework-main .null04_ecs .null05 i.null051{ background-position: 0 -385px;}
.viewFramework-main .null04_ecs .null05 i.null052{ background-position: -55px -385px;}
.viewFramework-main .null04_ecs .null05 i.null053{ background-position: -109px -385px;}
.viewFramework-main .null04_ecs .null05 i.null054{ background-position: -163px -385px;}

.viewFramework-main .null04_ipv61 .null05{ width: 170px;}
.viewFramework-main .null04_ipv61 .null05c{ padding-top: 30px;}
.viewFramework-main .null051a{ font-size: 20px; color: #474747; font-family: Arial; font-weight: bold; padding: 3px 0;}
.viewFramework-main .null051b{ font-size: 12px; color: #8f8f8f; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; padding-bottom: 3px;}
.viewFramework-main .null051c{ font-size: 12px; color: #555555; }
.viewFramework-main .null051c b{ font-size: 24px; color: #ee5900;}
.viewFramework-main .null051s{ height: 100px; width: 170px; padding: 10px;}

.viewFramework-main .null06{ font-weight: bold; font-size: 14px; color: #474747; text-align: center;}
.viewFramework-main .null07{ font-size: 12px; color: #8f8f8f; padding: 10px 24px 0; line-height: 20px;}
.viewFramework-main .null05a{ font-size: 14px; color: #474747; background: #fbe39a; height: 50px; line-height: 50px; text-align: center; font-weight: bold;}
.viewFramework-main .null05b{ font-size: 12px; color: #8f8f8f; text-align: center; padding: 12px 0 5px;}
.viewFramework-main .null05b1{ font-size: 12px; color: #8f8f8f; text-align: center; padding: 0px 0 15px; line-height: 16px;}
.viewFramework-main .null05c{ font-size: 12px; color: #555555; text-align: center;}
.viewFramework-main .null05c b{ font-size: 24px; color: #ee5900;}
.viewFramework-main .null05d{ text-align: center; padding-top: 10px; }
.viewFramework-main .null05d i{ display: inline-block; width: 30px; height: 30px; background-position: -226px -292px; position: relative; top: 8px;}
.viewFramework-main .null021{ float: left; width: 80%;border-right: 1px solid #dfdfdf; box-sizing: border-box; }
.viewFramework-main .null021 > p{ color: #474747; font-size: 14px; padding: 6px 0;}
.viewFramework-main .null021 > p > b{padding-right: 30px;}
.viewFramework-main .null021 > p > b:before{ content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ebac00; position: relative; top: -2px; margin-right: 10px;}
.viewFramework-main .null021 > p > span{ display: inline-block; width: 240px;}
.viewFramework-main .null021 > p > span > i{ display: inline-block;background: url(img/null_01.png) no-repeat;top: 3px; width: 18px; height: 18px; position: relative; margin-right: 6px;}
.viewFramework-main .null022{ float: right; width: 20%; box-sizing: border-box;  padding-left: 5%; position: relative;}
.viewFramework-main .null022 .null05c,.viewFramework-main .null022 .null05d{ text-align: left;}
.viewFramework-main .null022 .null05c b{ text-align: left; font-size: 30px;}
.viewFramework-main .null04h0 .null05{ height: auto; padding-bottom: 25px;}

/*.monitor-box1{ width: 100%;}
.monitor-box2{ float: left; width: 24%; margin-right: 1.33%; border: 1px solid #dfdfdf; border-left: 2px solid #ebac00; box-sizing: border-box; padding: 15px; position: relative; height: 110px;}
.monitor-box2:last-child{ margin-right: 0; }
.monitor-box2 img{ position: absolute; right: 15px; top: 15px;}
.monitor-box2a{ margin-top: 15px;}
.monitor-box2a span{font-size: 22px; color: #333; padding-right: 5px;}
.monitor-box2a span font{ color: #666; font-size: 12px;}
.monitor-box2b{ color: #999;}*/

.viewFramework-main .speed-cont .monitor-box1{  overflow: hidden; margin-bottom: 50px;}
.monitor-box1{ width: 100%;}
.monitor-box2{ float: left; width: 32.4%; margin-right: 1.33%; margin-bottom: 20px; border: 1px solid #dfdfdf; border-left: 2px solid #faca25; box-sizing: border-box; padding: 15px; position: relative; height: 110px;}
.monitor-box2red{border-left: 2px solid #f56b6b;}
.monitor-box2:nth-child(3n-3){ margin-right: 0; }
.monitor-box2 img,.monitor-box2 i{ position: absolute; right: 15px; top: 15px;}
.monitor-box2 i.speed_topi{ background: url(img/speedi01.png); width: 80px; height: 80px; display: inline-block;}
.monitor-box2 i.speed_topi.speed_topi01{background-position: -12px -102px;}
.monitor-box2 i.speed_topi.speed_topi01a{background-position: -389px -102px;}
.monitor-box2 i.speed_topi.speed_topi02{background-position: -108px -102px;}
.monitor-box2 i.speed_topi.speed_topi03{background-position: -203px -102px;}
.monitor-box2 i.speed_topi.speed_topi04{background-position: -297px -102px;}
.monitor-box2 i.speed_topi.speed_topi05{background-position: -12px -192px;}
.monitor-box2 i.speed_topi.speed_topi06{background-position: -203px -192px;}
.monitor-box2 i.speed_topi.speed_topi07{background-position: -108px -192px;}
.monitor-box2 i.speed_topi.speed_topi08{background-position: -297px -192px;}
.monitor-box2 i.speed_topi.speed_topi09{background-position: -12px -281px;}
.monitor-box2 i.speed_topi.speed_topi10{background-position: -108px -281px;}
.monitor-box2 i.speed_topi.speed_topi11{background-position: -203px -281px;}
.monitor-box2 i.speed_topi.speed_topi12{background-position: -297px -281px;}
.monitor-box2a{ margin-top: 15px;}
.monitor-box2a span{font-size: 22px; color: #333; padding-right: 5px;}
.monitor-box2a span font{ color: #666; font-size: 12px;}
.monitor-box2b{ color: #999;}


.viewFramework-gailan-top{ background-color: #f8f8f8; border: 1px solid #e1e1e1; overflow: hidden;padding: 15px 20px; margin-bottom: 20px; }
.viewFramework-gailan-top1{ color: #777;}
.viewFramework-gailan-top1 b{ color: #333;}
.message_table th span{ font-size: 14px; font-weight: bold;}
.viewFramework-main .message_table th{ padding: 12px 0 12px 20px;}
.viewFramework-main .message_table td{ border-bottom: 1px #e1e1e1 dashed; border-top: none; padding: 12px 0 12px 20px;}
.viewFramework-main .message_table label{ cursor: pointer; padding-right: 15px;}
.viewFramework-main .message_table tr:last-child td{ border-bottom: none; border-top: none;}
.viewFramework-main .message_table .close_th{ cursor: pointer;transform: rotate(0deg); -webkit-transform: rotate(0deg); width: 0; height: 0; border-top: 8px solid #777; border-left: 8px solid transparent; border-right: 8px solid transparent; display: inline-block;}
.viewFramework-main .message_table .close_th.down{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.global-popup ul.zufu li{text-align: left; font-size: 14px;}
.global-popup ul.zufu li .label2{ width: 85px; display: inline-block;}
.global-popup ul.zufu .money{ font-size: 28px; color: #e84558;position: relative; top: 2px;}
.global-popup ul.zufu #code{ display: inline-block; width: 120px; height: 120px;}
.global-popup ul.zufu #code canvas{ width: 120px; height: 120px;}
.global-popup ul.zufu .saoyisao{display: inline-block; width: 20px; height: 20px; background-image: url(img/saoyisao.png); position: relative; top: 5px; background-size: 100%; margin-right: 6px;}
.global-popup ul.zufu .zfb{display: inline-block; width: 18px; height: 18px; background-image: url(img/zfb.png); position: relative; top: 5px; background-size: 100%; margin: 0 1px 0 5px;}
.global-popup ul.zufu .weixin{display: inline-block; width: 18px; height: 18px; background-image: url(img/weixin.png); position: relative; top: 5px; background-size: 100%; margin: 0 1px 0 5px;}
.textRights a{ position: relative; display: inline-block; padding-left: 10px; margin-right: 5px;}
.textRights a:after{ content: ''; display: block; height: 14px; width: 1px; background: #e0e0e0; position: absolute; top: 5px; left: 0px;}
.textRights a:nth-child(1):after{ display: none;}
.textRights > div{ width: 168px; float: right; text-align: left;}
.textRights dd a{ margin: 0;text-align: center;padding: 0 12px;}
.all-domain.textRights dl.mores1:after{ content: ''; display: block; height: 14px; width: 1px; background: #e0e0e0; position: absolute; top: 5px; left: 0px;}
.mores2.select dd{ width: 100px; left: -44px;}
.mores2.select dd a{ width: 50%; box-sizing: border-box;float: left; position: relative; }
.mores2.select dd a:hover{ background: none; color: #ebac00;}

.all-domain dl.more.mores3{
    background: linear-gradient(-30deg,rgba(255,195,0,1),rgba(255,218,35,1));
    border-radius: 3px;}
.all-domain dl.more.mores3 dt{ color: #333;}
.all-domain dl.more.mores3 dt:before{ border-top-color: #333;}
.all-domain dl.more.mores3{ margin-left: 0;}
.mores3.select dd{ width: 80px; left: -14px;}
.mores3.select dd a{width: 100%;text-align: center;}
/* .mores2.select dd a:nth-child(even)::after{content: '';display: block;width: 1px;height: 14px;background: #ccc;position: absolute;left: 0px;top: 9px;} */


.checkOrder01{ font-size: 16px;}
.checkOrder01a{ color: #ebac00;}
.checkOrder01b{ color: #999; font-size: 12px;}
.checkOrder02{ float: right; font-size: 14px;}
.checkOrder02 font{ color: #ebac00; font-size: 24px;}
.checkOrder03{ font-size: 14px;}
.maincont .checkOrder03 th, .maincont .checkOrder03 td{ padding: 10px 20px;}
.checkOrder03 th{ background: #f8f8f8;}
.checkOrder03 th,.checkOrder03 td{ padding-left: 20px;}
.checkOrder03 tr:nth-child(2) td{ border-top: none;}
.maincont table.checkOrder03{ margin-bottom: 0;}
.payTyleList { height: 120px; line-height: 73px; font-size: 14px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; }
.payTyleList > p { float: left; height: 50px; margin: 0 48px 0 20px; }
.payTyleList > .payList { float: left; height: 50px;}
.payTyleList > .payList > ul { height: 30px; }
.payTyleList > .payList > ul > li { float: left; margin-right: 10px; cursor: pointer; }
.payTyleList > .payList > ul > li.llpay{ display: none; }
.newPayFull > .getBuyMoney { float: right; margin-top: 20px; width: 90px; height: 32px; line-height: 32px; text-align: center; background-color: #fff7de; border-radius: 3px; cursor: pointer; color: #ffa500; margin-right: 30px; border:1px solid #ffa500 }
.checkOrder04{ color: #333; font-size: 16px; border-bottom: 1px solid #dfdfdf; padding-bottom: 10px; line-height: 20px;}
.checkOrder05{ text-align: right; font-size: 14px;clear: both; padding-top: 20px;}
.checkOrder05 font{ color: #ebac00; font-size: 24px; position: relative; top: 3px;}
.checkOrder05 a{ display: inline-block; width: 125px; line-height: 38px; margin-left: 20px; border: 1px solid #ebac00; border-radius: 5px; background: #fff7de; text-align: center; color: #ebac00;}
.buyMonitor01{ clear: both; overflow: hidden; padding: 30px 40px;}
.buyMonitor01a{ border: 1px solid #f0f1f2; padding: 20px 0; border-radius: 4px; width: 240px; float: left;margin-right: 35px; height: 220px; position: relative;}
.buyMonitor01b{ font-size: 16px; color: #333; text-align: center;padding: 5px 0 20px;}
.buyMonitor01c{ width: 120px; margin: 0 auto; line-height: 30px; color: #666; font-size: 14px;}
.buyMonitor01c font{ color: #ebac00;}
.buyMonitor01f{ color: #ebac00; font-size: 14px; text-align: center; padding-top: 15px;width: 100%; position: absolute; bottom: 30px;}
.buyMonitor01e{ border: 1px solid #dfdfdf; border-radius: 5px; display: block; font-size: 14px; width: 120px; color: #333; text-align: center; height: 32px; line-height: 30px; position: absolute; bottom: 25px; left: 50%; margin-left: -61px;}
.buyMonitor01e:hover { background: #ebac00; color: #fff; border-color: #ebac00; }
.buyMonitor01g{color: #ebac00; font-size: 22px; text-align: center;height: 40px; line-height: 40px;}
.buyMonitor01h{ color: #999; width: 120px; margin: 0 auto; height: 40px; line-height: 40px;}
.buyMonitor01h font{ color: #ebac00; font-size: 30px; position: relative; top: 2px;}

.jiexi1{ position: relative; width: 108px; padding-left: 3px; }
.jiexi2{ position: absolute; left: -2px; top: -2px; background: #fff; border: 1px solid #dfdfdf;width: 115px;text-align: center; padding-top: 26px; padding-bottom: 5px; display: none;}
.jiexi2 span{ display: block; text-align: left;padding-left: 9px; line-height: 26px; cursor: pointer;}
.jiexi2 span.on{ background: #f1f1f1;}
.jiexi1:hover .jiexi2{ display: block;}
.jiexi1 .after{ position: relative; z-index: 66; padding-left: 6px; line-height: 26px;}
.jiexi1 .after:before { position: absolute; right: 3px; top: 10px; width: 0; height: 0; content: ''; border-top: 5px solid #474747; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.jiexi1 .before:before { position: absolute; right: 3px; top: 2px; width: 0; height: 0; content: ''; border-bottom: 5px solid #474747; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.jiexi1 .after.on:before { border-top: 5px solid #474747;  }
.jiexi1 .before.on:before { border-bottom: 5px solid #474747;  }
.jiexi1 .jiexi3 .after,.table-jiexi .jiexi3 .before { right: -20px;}
.record_left1{ text-align: center; line-height: 40px; color: #fec107; font-size: 14px; cursor: pointer;}
.record_left1 i{ background: url(img/dowmleft.png); transition: all 0.3s;  background-size: 100%; width: 20px; height: 20px; display: inline-block; position: relative;    top: 5px; left: 4px;}
.record_left2{ display: none;}
.newPayFull > .userBuyInfo > .footInfoGo > .left.disabled{background: #eaeae3;border: 1px solid #ccc !important; color: #999; cursor: no-drop;}
.newPayFull > .userBuyInfo > .footInfoGo > .left.disabled:hover{ background: #eaeae3;}
.Adverts{clear: both;margin: 0px 20px;position: absolute; bottom: 0; min-width: 1238px;}
.Adverts a,.Adverts a img{ display: block; width: 100%; }
.Adverts .AdvertsClose{ font-size: 22px; color: #fff; text-align: center; line-height: 24px; height: 26px; width: 26px; border: 1px solid #dfdfdf; border-radius: 50%; position: absolute; right: 0%; top: 10px; margin-right: 12px; cursor: pointer;}
.monitor_setting09a .jiexi1{ position: relative; top: 7px;left: -9px;width: 100px; }
.layout_top01{position: absolute; top: 46px;border-radius: 4px; background: #fff;border: 1px solid #dfdfdf;width: 151px;padding: 5px 10px; display: none;box-shadow: 0px 3px 12px #eee; z-index: 9;}
.layout_top01 p{ line-height: 30px; position: relative;}
.layout_top01 p a{ line-height: 30px; color: #333; font-size: 12px;display: inline-block; padding: 0;}
.layout_top01 p a.layout_top01a{ width: 100%;}
.layout_top01 p a.layout_top01b{color: #F56C6C; position: absolute;right: 0;padding-right: 10px; }
.layout_top01 p a.layout_top01b.blue{ color: #22ac38 !important; }
.layout_top01 p a.layout_top01c{ color: #ebac00;position: absolute;right: 0; top: 0;padding-right: 3px;}
.number_name{ display: inline-block; position: relative;}
.rightul .number_name:hover .layout_top01{ display: block;}
.topBar .rightul .layout_top01 a:hover{ background: none; color: #ff9900;}
.layout_top01 font.arrow-up { position: absolute; top: -8px; left: 45px; margin-left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 8px 8px 8px; border-color: transparent transparent #ccc transparent; }
.layout_top01 font.arrow-up i { position: absolute; left: -7px; top: 1px; background: none; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #fff transparent; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.layout_top01 .flex{ display: flex; justify-content: space-between; padding: 10px 15px;}
.layout_top01 .flex .btn{width: 47%;text-align: center;}
.layout_top01 .flex .btn:hover{ background: #fff;color: #ebac00 !important;	border-color: #ebac00 !important;}
.viewBread{position: absolute;left: 222px;top: 50px;right: 0; color: #333;line-height: 50px;z-index: 99;width: 1200px;}
.viewBread a{ color: #333;}
.viewBread font{ color: #999;}

.vipIcon{ position: relative;}
.vipIcon .vipIcon01{ background: url(../img/vip/svip01.png) no-repeat center; background-size: 80%; top: 9px; cursor: pointer; width: 102px; height: 41px; display: inline-block; position: relative;}
.vipIcon .vipIcon01s{ background: url(../img/vip/svip02.png) no-repeat center; background-size: 80%; cursor: pointer; width: 102px; height: 41px; display: inline-block; position: relative; top:9px;padding-bottom: 0 !important; }
.vipIcon .vipIcon01ss{ background: url(../img/vip/svip03.png) no-repeat center; background-size: 80%; cursor: pointer; width: 102px; height: 41px; display: inline-block; position: relative; top:9px;padding-bottom: 0 !important; }
.vipIcon .vipIcon02{background: #ffffff; display: none;top: 56px; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; transform: translate(-50%, 0);left: 50%; position: absolute; text-align: left; box-sizing: border-box; width: 360px;z-index: 9; cursor: auto; font-size: 12px; color: #181818; line-height: 1.8em;}
.vipIcon .vipIcon02::after{ position: absolute;top: -8px;left: 50%;transform: translate(-50%,0);z-index: 99;width: 0;height: 0;content: '';border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent; line-height: 22px;}
.vipIcon:hover .vipIcon02{ display: block;}
.vipIcon02a{
    display: flex;
    padding-bottom: 6px;
}
.vipIcon02a b{
    font-weight: normal;
    color: #666;
    width: auto;
    margin: 0;
}
.vipIcon02a p{
    width:242px;
}
.vipIcon02 > .vipIcon02a{
    padding: 16px 0 16px 16px;
}
.vipIcon02ab{
    background: #fafafa;
    padding: 12px 16px 16px;
}
.vipIcon02a i{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.vipIcon02a i.vipIcon01a{
    background: url(../img/vip/svip04.png) no-repeat center;
    background-size: 100%;
}
.vipIcon02a i.vipIcon01b{
    background: url(../img/vip/svip05.png) no-repeat center;
    background-size: 100%;
}
.vipIcon02a i.vipIcon01c{
    background: url(../img/vip/svip06.png) no-repeat center;
    background-size: 100%;
}
.vipIcon02a a:hover{
    background: none;
}
.vipIcon .vipIcon03{ background: linear-gradient(to right,#fee5bf ,#d2a175);color: #483717;font-size: 14px;width: 155px;text-align: center;line-height: 36px;height: 36px;border-radius: 4px;display: inline-block; box-sizing: border-box;}
.vipIcon .vipIcon03:hover{
    background: linear-gradient(to right,#fee5bf ,#d2a175);color: #483717;
}
.vipIcon .vipIcon05{ color: #d2a175; border: 1px solid #d2a175; font-size: 14px;width: 155px; box-sizing: border-box; text-align: center;line-height: 36px;height: 36px;border-radius: 4px;display: inline-block;}
.vipIcon .vipIcon05:hover{
    color: #d2a175;
    background: none;
}
.ad_top01{ background: url(../img/vip/vip14.png) 0 -22px; text-align: center; background-size: cover; padding: 9px 20px;line-height: 32px; margin-bottom: 20px;}
.viewFramework .ad_top01{ background: url(../img/vip/vip14.png) 0 -40px; background-size: cover;}
.ad_top01 a{ color: #3f2e21;border: 1px solid #3f2e21;font-size: 12px;width: 80px;text-align: center;line-height: 24px;height: 24px;border-radius: 4px;display: inline-block;margin-left: 20px;position: relative;}
.ad_top01 a.vips1b,.ad_top01 a:hover{ background: #deb287; border-color: #deb287;}
.ad_top01 a.ad_top01c{border: none; width: auto;}
.ad_top01 a.ad_top01c:hover{ border: none;background: none;}
.ad_top01a{ display: inline-block; position: relative; padding-left: 38px; text-align: left;}
.ad_top01a::after{position: absolute;top: 6px;left:0px;content: '';line-height: 22px; width: 30px; height: 20px; display: block;background: url(../img/vip/vip15.png) no-repeat; background-size: 28px;}
.ad_top01a > p{ font-size: 14px; color: #3f2e21;}
.ad_top01a > p > del{ opacity: 0.8; padding-left: 10px;}
.ad_top01a > p > b{ font-size: 18px;}
.ad_top01a > span{ font-size: 14px; color: #8f7c6d;}

.priceRenew1{ width: 100%; padding-bottom: 20px;}
.priceRenew1a{ margin-bottom: 10px; overflow: hidden; display: flex;}
.priceRenew1a > font{ display: inline-block; width: 70px; border-radius: 4px; line-height: 28px;}
.priceRenew1a span{ border: 1px solid #dfdfdf; border-radius: 4px; margin-right: 10px; line-height: 28px; height: 28px; width: 100px; text-align: center; display: inline-block; cursor: pointer; margin-bottom: 10px;}
.priceRenew1a span font{ color: #999;}
.priceRenew1a span.on font{ color: #ebac00;}
.priceRenew1a span.on{ background: #fff7de; border: 1px solid #ebac00; color: #ebac00;}
.priceBox1{ font-size: 12px; background-color: #f8f8f8; padding: 16px 20px; line-height: 22px; margin-bottom: 30px;}
.priceBox2{ margin-bottom: 20px;}
.priceBox2 .select{ width: 100px; display: inline-block;}
.popup .priceBox3{ border: none;}
.popup table.priceBox3 td{ border-top:none; border-bottom: 1px solid #e1e1e1;}
.priceBox4{ max-height: 195px; overflow: auto;}

.console_top{ line-height: 30px; padding: 26px 0 32px; position: relative;}
.console_top1 > font{ color: #333; font-size: 24px; position: relative; top: 2px;}
.console_top1a{ background-color: #cccccc; color: #fff !important; font-size: 12px; border-radius: 4px; width: 100px; height: 30px; line-height: 28px; display: inline-block; margin-left: 16px; text-align: center; position: relative;top: -4px;}
.console_top1a:hover{ color: #fff;}
.console_top1a i{ margin-right: 3px;}
.console_top1a1.current{ background: #3a3429; color: #ffe492;}
.console_top1a2.current{background:#47bb68;}

.console_top2{ color: #999999; font-size: 14px; position: absolute; right: 0; top: 28px;}
.console_top2 font{ color: #ebac00; cursor: pointer;}
.console_new{ display: flex; justify-content: space-between;}
.console_new1{ width: 72.5%;}
.console_new1a{ background: url(img/console_new01.png) no-repeat; background-size: cover; display: flex; justify-content: space-between; height: 114px; width: 100%; }
.console_new1a > a{ display: block; position: relative; font-size: 24px; color: #333; text-align: center; flex: 1; padding: 30px 0; }
.console_new1a > a:hover{ color: #ebac00;}
.console_new1a > a::after{ content: ''; display: block; width: 1px; height: 50px; background: #e3e4e5; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.console_new1a > a:last-child::after{ display: none;}
.console_new1a > a > font{ font-size: 14px; color: #666666; display: block; padding-bottom: 6px;}
.console_new1a > a > span{ font-size: 16px;}
.console_new2{ background-color: #fff; border-radius: 4px; margin-top: 20px; padding: 20px 28px;}
.console_new2a{ font-size: 16px; padding: 5px 0; color: #333; clear: both; margin-bottom: 20px;}
.console_new2a:before{ content: ''; display: inline-block; width: 4px; height: 17px; background: #ffb70a; margin-right: 10px; position: relative; top:3px}
.console_new2b{ display: flex; justify-content: space-between; flex-wrap: wrap;min-height: 296px;}
.console_new2c{width: 32%; border-top: 6px #fff solid; border-radius: 4px; box-shadow: 0px 0px 12px #eee; margin-bottom: 20px; padding: 5px 20px 20px; box-sizing: border-box;transition: all .3s; }
.console_new2c:hover{ border-top: 6px #ffb70a solid; box-shadow: 0px 0px 15px #c7c7c7;}
.console_new2d{ border-bottom: 1px solid #f0f1f2; color: #333; font-size: 16px; padding-bottom: 16px;}
.console_new2d a{ color: #333;}
.console_new2d svg{width: 25px;height: 25px;position: relative;top: 6px;margin-right: 5px;}
.console_new2d font{ color: #CCCCCC;font-size: 22px;padding-top: 8px;}
.console_new2e{ display: flex; padding-top: 20px; color: #666;line-height: 24px;}
.console_new2f{ font-size: 14px; color: #999999;width: 33.33%;text-align: left;}
.console_new2f a span{ color: #999999;}
.console_new2f:nth-child(2){ text-align: center;}
.console_new2f:nth-child(3){ text-align: right;}
.console_new2f span{ display: inline-block;}
.console_new2f span font{ font-size: 16px; color: #333; display: block; text-align: center; padding-top: 10px;}

.console_new3{ width: 26%;}
.console_new3a{ background-color: #fff; border-radius: 4px;}
.console_new3b{ font-size: 12px; color: #666666; border-bottom: 1px solid #f0f1f2; display: block; margin: 0 20px;line-height: 20px;}
.console_new3b span{ display: inline-block; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width: 72%;}
.console_new3b font{ color: #f6b300; float: right;}
.console_new3b:last-child{ border-bottom: none;}
.console_new3c{ padding: 16px 20px;border-bottom: 1px solid #f0f1f2;margin-bottom: 10px;}
.console_new3d{ display: block; font-size: 12px; color: #666; padding: 0 20px; line-height: 35px; height: 35px;}
.console_new3d span{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width: 69%; display: inline-block;}
.console_new3d font{ float: right; color: #999;}

/* 宽度小于1366px 执行 */
@media screen and (max-width: 1366px) {
    .console_new3d span{ width: 100%;}
	.console_new3d font{ display: none;}
}

.select.thSelect{ border: none;min-width: 58px;display: inline-block; position: absolute;top: 0;}
.select.thSelect dt{ background: none; padding-left: 0; height: 40px;line-height: 39px;}
.select.thSelect dd{ font-size: 14px; z-index: -23; width: 122%; left: -15px; top: 35px; border-radius: 4px; padding: 5px 0;}
.select.thSelect dd::after {position: absolute;top: -6px;left: 50%;transform: translate(-50%,0);z-index: 99;width: 0;height: 0;content: '';border-bottom:6px solid #dfdfdf;border-left: 6px solid transparent;border-right: 6px solid transparent;line-height: 22px;}

.head—right{
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #fff;
}
.head—right .iconsanjiao-l{
    padding-left: 3px;
}
.head—right .iconzhuanrenduijie{
    width: 35px;
    height: 35px;
    position: relative;
    top: 10px;
}
.vip_status{
    position: absolute;
    right: 26px;
    top: 3px;
    color: #f7b400;
    z-index: 3;
    cursor: pointer;
}
.layout_top01 p .head—right-item03{
    line-height: 30px !important;
}
.layout_top01 p .head—right-item03 span{
    color: #999;
}
.layout_top01 p .head—right-item03 span.amount{
    font-size: 20px;
    color: #2e3033;
}
.layout_top01 p.head—right-item03a{
    border-bottom: 1px solid #f0f1f2;
    padding-bottom: 10px;
    margin-bottom: 4px;
}

.head—right-item04{
    padding: 6px 16px !important;
    overflow: hidden;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}
.head—right-item04 p{
    line-height: 24px;
}
.head—right-item04 p span.user_email{
    font-size: 18px;
    color: #2e3033;
}
.head—right-item04:hover p span{
    color: #f7b400;
}

.head—right-item2{
    border-top: 1px solid #EBEEF5;
    border-bottom: 1px solid #EBEEF5;
    margin: 6px 0;
    padding: 6px 0;
}
.head—right-item2 svg{
    width: 18px;
    height: 18px;
    position: relative;
    top: 3px;
}
.head—right .head—right-item{
    background: #ffffff;
    display: none;
    top: 56px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    transform: translate(-50%, 0);
    left: 50%;
    position: absolute;
    text-align: left;
    box-sizing: border-box;
    width: 190px;
    z-index: 9;
    font-size: 14px;
    color: #59411e;
    padding: 6px 0px;
}
.head—right .head—right-item::after {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 99;
    width: 0;
    height: 0;
    content: '';
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    line-height: 22px;
}
.head—right .head—right-item.head—right-user{
    width: 260px;
    padding-bottom: 0;
    left: auto;
    right: -10px;
    transform: translate(0);
}
.head—right .head—right-item.head—right-user::after {
    left: auto;
    right: 11px;
}
.head—right .head—right-item a{
    color: #5c6066  ;
    display: block;
    line-height: 42px;
    padding: 0 15px;
    font-size: 14px;
    margin: 0 !important;
}

.head—right .head—right-item a .autonym{
    border: 1px solid #d64747;
    color: #d64747;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 5px;
    margin-left: 5px;
}

.head—right .head—right-item a .autonym.on{
    border: 1px solid #67c23a;
    color: #67c23a;
}

.head—right .head—right-item a .autonym.audit{
    border: 1px solid #999;
    color: #999;
}

.head—right .head—right-item a span.y{
    color: #f7b400;
    font-size: 14px;
}
.head—right:hover .head—right-item{
    display: block;
}
.head—right .head—right-item a:hover{
    color: #f7b400;
    background: none;
}

.head—right .head—right-item a.loginOut{
    border-radius: 0 0 5px 5px;
    background: #f5f5fa;
}