.wrapper{width: 100%; background: #3b81d4 url(../img/gcc14.png) repeat;}
/*头部导航--begin*/
.nav_head{float: right; width: 87%;}
.nav{ height: 62px;width: 100%; background: #13304f;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.nav_a { float:left;line-height: 62px; margin-left: 70px;}
.nav_a a{ color: #fff;margin-right: 28px; padding-left: 20px;}
.icon_a01{ background: url(../img/gcc03.png) no-repeat;}
.icon_a02{ background:url(../img/gcc02.png) no-repeat;}
.icon_a03{ background:url(../img/gcc04.png) no-repeat;}
.icon_a04{ background:url(../img/server.png) no-repeat;}
.nav_a a.txt_color{ color: #23b7e5; padding-left:0 ;}
.nav_a a.txt_logout{ color: #24ad45; padding-left: 0;}

.nav_ul{ float: right;line-height: 62px; margin-right: 70px;}
.nav_ul li{ float:left;}
.nav_ul li a{ font-size: 12px; color: #fff;padding-left: 15px; padding-right: 15px; border-right: 1px solid #fff;}
.nav_ul li:nth-last-child(1) a{ padding-right: 0;border-right:none;}
/*左侧导航--begin*/
.side_nav{ position:relative;float: left;width: 13%;/*position:fixed; z-index:1; top:0; left:0;width: 250px;*/ min-height: 100%; background-color: #3b81d4; background-image: url(../img/gcc14.png); 
background-position: repeat;}
.side_bg{ position:absolute; top:0;left:0; width:100%;height:564px;background: url(../img/gcc01.png) no-repeat; z-index: 1}
.logo{ background: url(../img/logo_white.png) no-repeat; background-size: auto 45px;  height: 70px; background-position: 50% 60%; position:relative;z-index: 3; cursor:pointer;}
.side_nav_ul{ width: 100%;position: relative; z-index: 3;}
.side_nav_ul li{ position: relative;display: block;font-size: 14px;}
.side_nav_ul li a{position: relative;padding: 14px; color: #fff;background: transparent;text-shadow: none; display: block; text-align: center;}
.side_nav_ul li a i{ margin-right: 20px;padding: 10px;     background-size: 20px auto;background-position: 0px 10px;}
.side_icon01{ background: url(../img/gcc06.png) no-repeat;}
.side_icon02{ background: url(../img/gcc07.png) no-repeat;}
.side_icon03{ background: url(../img/gcc08.png) no-repeat;}
.side_icon04{ background: url(../img/gcc09.png) no-repeat;}
.side_icon05{ background: url(../img/gcc10.png) no-repeat;}
.side_icon06{ background: url(../img/gcc11.png) no-repeat;}
.side_icon07{ background: url(../img/gcc12.png) no-repeat;}
.side_icon08{ background: url(../img/gcc13.png) no-repeat;}
.side_icon09{ background:url(../img/gcc_email.png) no-repeat;}
.side_icon10{ background:url(../img/side_icon10.png) no-repeat;}
.after_sales{ position: relative;margin: 10% 15%; padding:30px 0 20px;border-top: 1px solid  rgba(255,255,255,0.4);border-bottom: 1px solid  rgba(255,255,255,0.4); text-align: center;}
.consultation,.priv_consultation{ display:block;padding-left: 25px;line-height: 40px; text-align: center; color: #fff; font-size: 16px; cursor: pointer;
 background: #61a0f2 url(../img/zixun.png) no-repeat 18px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px; margin:0 3%;}
.priv_consultation{background: #61a0f2 url(../img/private_service.png) no-repeat 18px; margin-top: 10px;}
.consultation:hover,.priv_consultation:hover{color:#fff;}
.after_sales p{text-align: center;color: #fff; line-height: 24px; font-size: 13px; margin-top: 10px;}
.side_dl{width: 100%;text-align: center; color: #fff;margin-bottom: 15px;}
.side_dl dt{ width: 100%; line-height: 28px; font-size: 14px; }
.side_dl dd{ float:left;width: 50%; line-height: 28px;}
.side_dl dd a{color: #fff;}
.side_nav_ul li a.active_bg{ background:#2364b4; color: #fff;}
.dot{ position: absolute; display: inline-block; width: 16px;height: 16px; border-radius: 100%; background: #DF122C; font-size: 9px;text-align: center;
line-height: 16px; right: 11%; top: 16px;font-weight: normal;}
/*右侧_begin*/
.main_wrapper{ float:right;width: 87%;min-height: 940px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;  background: #fff;}
.panel_out{ width: 100%; background: #f1f5fb; padding:50px; -webkit-box-sizing:border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f1f5fb;}
.panel_out li{ float:left;width: 25%; padding-left:50px;font-size: 14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.panel_p{ color: #666; line-height: 24px;}
.panel_prompt{ color: #e20e30; background: url(../img/gcc15.png) no-repeat; padding-left: 20px; font-size: 12px; margin-top: 10px;}
.tip_turn{ color: #3574be; margin-left: 10px;}
.panel_num{ font-size: 20px; color: #ed6f26;}
.panel_num span{ font-size: 36px;}
.panel_title{ font-size: 12px; color: #666;}
.main_out{ margin:0 70px 40px;}
.jobs{position: relative;  width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.h3_tit{ color:#36489c; font-size: 18px; background: url(../img/gongdan.png) no-repeat 0; padding-left: 40px;font-weight: normal;line-height: 60px;margin-top: 20px;}
/*表格_begin*/
.jobs_table{width: 100%; border: #9fabd5 1px solid; color: #666; font-size: 14px;background: #fff;}
.jobs_table thead{ background: #f0f4ff; line-height: 48px; color: #000; border:none;border-bottom: #eee 1px solid;}
.jobs_table thead th{ text-align:center; font-weight:bold;}
.jobs_table tbody{ }
.jobs_table tbody tr{line-height: 44px; text-align: center;border-bottom: #eee 1px solid;}
.jobs_table tbody tr:nth-child(even){ background: #f0f4ff;}
.btn_open{ display: inline-block; border-radius: 5px; background: #5b7dc9; color: #fff; font-size: 14px; /*width: 46px;*/height: 26px;line-height: 26px; padding:0 10px; }
.btn_open:hover{ color:#fff;}
.jobs_table tbody tr:nth-last-child(1){ border-bottom: none;}
.jobs_table tbody tr td:nth-last-child(3){ color: #ed6f26;}
.jobs_table tbody tr:hover{ background: #d9e3ff;}
/*添加工单按钮*/
.add_newjob{ position:absolute;right:0;top:0;display: inline-block; background: #5b7dc9; color: #fff; font-size: 14px; text-align: center; line-height: 38px; padding-left: 20px;
border-radius: 5px; width: 150px;}
.add_newjob:hover{color:#fff;}
.add_newjob:before{ position: absolute;content: "+"; display: block; width: 20px; height: 20px; border-radius: 100%; background: #fff; color: #5b7dc9;    
line-height: 20px;font-size: 20px; top: 9px; left: 25px;}
/*翻页_begin*/
.page_btn,.page_btn01{ text-align: right;margin-top: 15px;}
.page_btn li,.page_btn01 li { display: inline-block; font-size: 12px; color: #666;}
.page_btn li a,.page_btn01 li a{color: #666;margin: 0 5px;display: block;padding: 5px 10px;-webkit-transition: all ease 0.1s;transition: all ease 0.1s;}
.page_btn li a.p_btn:hover, .page_btn li a.p_btn.on { background-color: #5b7dc9;border-radius: 5px;color: #fff;}

/*绿色翻页*/
.page_btn01 li a.p_btn01:hover,.page_btn01 li a.p_btn01.on01 { background-color: #24ad45;border-radius: 5px;color: #fff;}

/*服务单_begin*/
.add_mr{margin-top: 0;background:url(../img/zhangdan.png) no-repeat 0;color:#24ad45;}
.mody_color{border: #24ad45 1px solid; }
.mody_color thead{background: #f2fff0;}
.mody_color thead th img{ width:16px; vertical-align:middle;}
.mody_color tbody tr:nth-child(even){ background: #f2fff0;}
/*.mody_color tbody tr td:nth-last-child(1){ width: 15%;}*/
.btn_c{ background: #24ad45;margin:0 5px;}
.mody_color tbody tr:hover{ background: #dcf4d8;}
.mody_color tbody tr td:nth-last-child(2){ color: #49b864;}
.mody_color tbody tr td:nth-last-child(3){ color: #666;}
.mody_color tbody tr input{margin: 0 5px;}
/*支付按钮*/
.pay_btn_out{ margin-top: 20px;}
.pay_btn{border-radius:5px;padding: 5px 10px; color: #fff; background: #24ad45;text-align: center; font-size: 14px; margin-right: 15px;}
.pay_btn:hover{color:#fff;}
.total{ color: #666; font-size: 14px; }
.total strong{color: #fe660e;margin: 0 3px;}
/*--------------------我的产品------------------------*/
.main_out_prod{position:relative; margin:20px 30px 30px;}
.add_color{ background: #e9eef6;}
.big_h3_tit{ display: inline-block;font-size:18px;color: #13304f; font-weight: normal; line-height: 40px;}
.sousuo{ position: absolute; right: 0; top: 0;width: 275px;}
.sousuo input{ float:left;border: #23b7e5 1px solid; line-height: 36px; padding: 0 10px; width: 180px; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.sousuo button{float: left; background:#23b7e5; color: #fff; font-size: 16px; width: 70px; line-height: 38px; text-align: center;cursor: pointer;
-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
/*产品表格_begin*/
.prod_table{width: 100%; color: #999; font-size: 14px;background: #fff; margin-top: 20px;}
.prod_table thead{ background: #5F89E8; line-height: 48px; color: #fff; border:none; font-size: 16px;}
.prod_table thead tr th{text-align: center;}
.prod_table tbody{ border: #eee  1px solid; border-top: none; }
.prod_table tbody tr{line-height: 44px; text-align: center;border-bottom: #eee 1px solid;}
.btn_more{ display: inline-block; border-radius: 5px; background: #5F89E8; color: #fff; font-size: 14px; height: 26px;line-height: 26px; padding:0 5px}
.prod_table tbody tr:nth-last-child(1){ border-bottom: none;}
.prod_table tbody tr td:first-child {width: 30%;}
.prod_table tbody tr:hover{ background: #f0f4ff;}
.prod_table tbody tr td{padding: 10px 10px 5px ;}
.pro_txt{padding-left: 50px; position: relative;  text-align: left;}
.pro_txt img{ position: absolute;left: 5px; top: 50%; margin-top: -14px;width: 28px;}
.txt_big{ color: #5F89E8; font-size: 16px;line-height: 22px;}
.txt_small{ line-height: 22px; font-size: 14px; margin-top: 5px;}
.txt_small a{color: #999;}
.p_color{color: #fe660e; font-size: 16px;line-height: 22px;}
.fwlan{ display: inline-block;margin: 0 10px; cursor: pointer;}
.fwlan img{ height: 20px;}
/*--------------------我的工单------------------------*/
.mr_top{margin-top: 8px;}
.or_sousuo{ position: absolute; left:130px; top: 0; width: 275px;}
.or_sousuo input{ float:left;border: #23b7e5 1px solid;height: 36px; line-height: 36px; padding: 0 10px; width: 180px; -webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.or_sousuo button{float: left; background:#23b7e5; color: #fff; font-size: 16px; width: 70px; line-height: 38px; text-align: center; cursor: pointer;
-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.sub_title{ font-size: 12px; color: #999;margin-left: 15px;}
.sub_title strong{ font-size: 14px;color: #fe660e;margin: 0 3px;}
.mr_top01{margin-top: 20px;}
/*------------------域名管理-------------------*/
.domain_tb tbody tr td:nth-last-child(3){ color: #666;}
.domain_tb tbody tr td:nth-last-child(2){ color: #ed6f26;}
.domain_tb tbody tr td:nth-last-child(1){ color: #3783db;}
.domain_group{line-height: 30px; text-align: right;}
.domain_group a{ padding-right: 8px;padding-left: 8px; border-right: 1px solid #666; color: #666;}
.domain_group a:hover{ color: #3783db;}
.domain_group a:nth-last-child(1){ border-right: none;}
/*--------------------充值中心----------------------*/
.recharge_mr{margin: 20px 70px 30px;}
.recharge_out{width:auto;height: auto; margin-top: 40px;}
.recharge_out_div{ margin-bottom: 30px; font-size: 14px; color: #666;}
.recharge_out_div span:nth-child(1){ margin-right: 10px;display: inline-block;width: 70px;text-align: right;font-weight: bold;}
.recharge_out_div input{border: 1px solid #ccc;height: 32px;line-height: 32px;padding: 0 10px;font-size: 12px;width: 200px; border-radius:5px;}
.level{ position:relative;cursor: pointer; margin-right: 20px;
display: inline-block;
min-width: 60px;
line-height: 32px;
background: #fff;
color: #888; border: 2px solid #ccc;
font-size: 14px;
text-align: center;
font-weight: bold;
padding: 0 5px;
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;}
.level_bg {color: #f6a11b; border: 2px solid #f6a11b;}
.level .opac_inp{ position: absolute; top: 0;left: 0; width:100%; opacity: 0; cursor: pointer;}
.sub_btn{width: 100%;}
.btn_mod{line-height: 38px;text-align: center;background: #ffa318;color: #FFF;border: none;padding: 0 30px;letter-spacing: 2px;border-radius: 3px;cursor: pointer; font-size: 14px;}
.recharge_out_div input:focus{border-color: #66afe9; outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.recharge_tip{ background: url(../img/czicon.png) no-repeat 0 3px; color: #005ea7;padding-left: 24px;font-size: 14px;margin-left: 40px; cursor: pointer;}
.tips{  display:none;position:relative;left: 190px;max-width: 230px; border: 1px solid #ffbd59; padding: 18px; background: #fffdee;box-shadow: 0 0 10px 3px #e7e7e7;}
.tips p{ color: #acacac;line-height: 20px;}
.tips p span{ color: #d33415;}
.tips:before{ position: absolute;
    width: 0;
    height: 0;
    content: '';
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color:#ffbd59;
    border-right-color: transparent;
    left: 5%;
    top:0;
    margin-top: -6px;}
.error_prompt{color: #DF122C; margin-bottom:20px; margin-top:-10px;}
/*---------------------帮助中心-----------------------*/
.main_menu{width: 100%; height: auto;}
.menu_ul{height: 60px; border:1px solid #e2e2e2; background:#f6f6f6; padding:0 30px;}
.menu_ul li{float: left;line-height: 60px; cursor:pointer; }
.menu_ul li a{ display: block;text-decoration: none;text-align: center; color: #666; padding: 0 20px; font-size: 16px;border-bottom: 3px solid transparent;}
.menu_ul li a.selected{ color: #3f6aca; border-bottom: 3px solid #3f6aca;}
.menu_con{ position:relative;margin: 30px; height: auto;}
.tag{margin: 30px;}
.tag li{ position: relative; margin: 0; border-bottom: 1px dashed #ccc; padding-left: 35px; margin-bottom: 20px;}
.tag li:before{ position: absolute; width: 0;height: 0;content: '';border-width: 5px 0 5px 5px;border-style: solid;
    border-color: transparent transparent transparent #666; left: 8px;top: 8%;}
.tag li:hover:before{border-color: transparent transparent transparent #5b7dc9;}
.tag li a{display: block;}
.tag li a:hover .cont_tit,.tag li a:hover .cont_sub{color:#5b7dc9;}
.tag li a span{ float: right;}
.cont_tit{  font-size: 14px; color: #666; margin-bottom: 10px;}
.cont_sub{  font-size: 12px;  color: #999; padding-bottom: 15px;}
/*帮助中心异步请求*/
.menu_ul1{height: 60px; border:1px solid #e2e2e2; background:#f6f6f6; padding:0 30px;}
.menu_ul1 li{float: left;line-height: 60px; }
.menu_ul1 li {cursor:pointer; display: block;text-decoration: none;text-align: center; color: #666; padding: 0 20px; font-size: 16px;border-bottom: 3px solid transparent;}
.menu_ul1 li.selected{ color: #3f6aca; border-bottom: 3px solid #3f6aca;}

/*-------------------帮助中心详细页-----------------*/
.news_detail_cont{ margin:20px 50px 50px;}
.title_cont{ border-bottom: 1px solid rgba(226,226,226,0.5); padding-bottom: 5px; margin-bottom: 28px;}
.title_cont h2{ color: #666; font-weight: normal; line-height: 42px;font-size: 24px;}
.title_cont h2 small{ font-size: 12px;display: block; color: #b7b7b7; font-weight: normal;  margin-top: 5px;}
.detail_content{margin-bottom: 28px;border-bottom: 1px solid rgba(226,226,226,0.5); padding-bottom: 28px;}
.detail_content p{line-height: 28px; font-size: 15px;}
.page_tab{width: 100%;}
.page_tab a{ color: #666; font-size: 12px;}
.page_tab a:hover{ color: #3f6aca;}
.prev{ float: left;}
.next{ float: right;}
/*------------------账户信息--------------------*/
.tag_info{ }
.tag_info li{margin-bottom: 20px; font-size: 14px; color: #666;}
.tag_info li span{ float:left;display: inline-block;width: 190px;text-align: right;margin-right: 15px; color: #333; line-height: 36px;}
.tag_info li>input{border: 1px solid #ccc; border-radius:5px; height: 34px;line-height: 34px;padding: 0 10px;font-size: 14px;width: 230px;}
.tag_info li>input:focus{border-color: #66afe9;
outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.sele_country01 {
   /* margin-bottom: 15px;*/
	 box-sizing: border-box;
    font-family: montserrat;
    color: rgb(44, 62, 80);
    font-size: 13px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 5px;
}
.tag_info li input.add_border{border:1px solid #a94442;}
/*3级联动样式*/
.info select{border: #ccc 1px solid;height: 32px; min-width: 100px;}
.info select option{padding-left: 10px;}
.sub_btn01{ margin-left: 200px;margin-top: 40px;}
.add_bgc{  background: #999; margin-right: 25px;}
/*子账户信息*/
.sub_account_tip{font-size: 16px;color: #333;}
.sub_account{ margin-top: 20px;}
.sub_account li{font-size: 14px;color: #666;padding-bottom: 20px;border-bottom: 1px solid #eee;padding-top: 20px;}
.sub_account li span{margin-right: 50px;}
.modify,.permissions,.delete{text-align: center; line-height: 28px; background: #ffa318;color: #fff;border: none; cursor: pointer;
margin-left: 30px;padding: 0 20px; border-radius: 5px;}
.permissions{ background: #005ea7;}
.delete{background: #D84C29;}
.tag_info li input.hqyzm{width: 90px; background: #ccc; color: #333;text-align: center; cursor: pointer;}
.tag_info li input.hqyzm:focus{box-shadow: none; border-color: none;}
/*表单信息校验*/
.tag_info li p{ display: inline; margin-left: 5px;color: #DF122C;}
.full_bg{ background: #3f6aca;}
.sele_inp{    border: 1px solid #ccc;
    border-radius: 5px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
    width: 250px;}
.tag_info li.li_country select{ border: 1px solid #ccc;
    border-radius: 5px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
    width: 250px;}
/*2017-8-3*/
.get_add{ border: #ccc 1px solid;
    height: 32px;
    min-width: 230px;
    display: inline-block;
    line-height: 32px;
    padding: 0 10px;
   background:#eee;}
/*新增实名认证*/
.in_menu_ul{ height: 60px; width: auto;    margin-left: 190px;}
.in_menu_ul li{ display:inline-block; line-height: 30px; margin:0 20px; }
.in_menu_ul li a{display: block;text-decoration: none;text-align: center;font-size: 16px; background: #ccc;  padding: 3px 18px; border-radius: 4px;}
.in_menu_ul li a.selected{ color: #fff; background:#3E6ACB;}
.in_menu_con{ display: block;}
.txt_tip{color: #444; font-size: 14px; color: #f00;margin-bottom: 20px;}
/*--提交之后、审核中、审核通过界面样式变化--*/
/*输入框边框及必填提示*号隐藏，样式增加在ul上*/
.add-display li>input{ border: none; min-width: 260px;} 
.add-display li>p{display: none;}
.add-display li>input:focus{border: none; box-shadow: none;}
/*上传图片右侧隐藏、提交按钮隐藏*/
.addhide{display: none;}


/*--------------------邮件存档页面-----------------------*/
.tit_tip{ color: #666;margin: 0 15px;font-size: 14px;}
.btn_open_email{ display: inline-block; border-radius: 5px; background: #5b7dc9;color: #fff; font-size: 14px; height: 26px; line-height: 26px; padding: 0 10px;}
.btn_open_email:hover{ color:#fff;}
/*----------------------批量支付-----------------------*/
.allpay table { margin-top: 30px;border: #ccc 1px solid; width: 60%;}
.allpay  thead {
    background: #eee;
    line-height: 48px;
    color: #000;
    border: none;
    border-bottom: #eee 1px solid;
}
.allpay  thead th{ border-left: 1px solid #ccc; text-align:center; font-weight:bold;}
.allpay table td {color: #666;
    border: 1px solid #ccc;
    padding:10px;
    text-align: center;
}
.inline{ margin: 0 5px; cursor: pointer;}
.inline input{ vertical-align: middle;}

.total_pay_btn{
	border-radius: 5px; 
	cursor: pointer;
    padding: 5px 10px;
    color: #fff;
    background: #24ad45;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
}