@charset "utf-8";
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
.fl{ float:left;}
.fr{ float:right;}

a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:underline;color:#2277ee}
a.blue{color:#2277ee}

.tcen{ text-align:center;}
.tlt{ text-align:left;}
.trt{ text-align:right;}
.lth{ text-decoration:line-through;}

/*字体大小*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}

/*颜色*/
.red{ color:#cc0000;}
.red2{ color:#fc0000;}
.red3{ color:#cc0900;}
.green{ color:#247D08;}
.green2{ color:#039300;}
.orange{ color:#ff6000}

.blue{ color:#3F98CD;}
.grey{ color:#999;}
.grey2{ color:#666;}

/*间距*/
.m10{ margin:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt32{ margin-top:32px;}
.mr8{ margin-right:8px;}
.mr20{ margin-right:20px;}
.mlt10{margin-left:10px;}
.mlt16{margin-left:16px;}
.mlt20{margin-left:20px;}
.mlt25{margin-left:25px;}
.mlt30{margin-left:30px;}
.mlt36{margin-left:36px;}
.mlt66{margin-left:66px;}
.mlrt10{ margin:0 10px;}

.pd10{ padding:10px;}
.pd15{ padding:15px;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}
.ptb10{padding:10px 0;}
.ptb15{padding:15px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}
.pb10{ padding-bottom:10px;}
.pb30{ padding-bottom:30px;}

/*宽度*/
.w30{ width:30px;}
.w50{ width:50px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w205{ width:205px;}
.w220{ width:220px;}
.w250{ width:250px;}
.w290{ width:290px;}
.w300{ width:300px;}
.w500{ width:500px;}
.w670{ width:670px;}
.w720{ width:720px;}
.w755{ width:755px;}
.w770{ width:770px;}

.linet{ text-decoration:line-through;}

select{ padding:2px; border:1px solid #ddd; min-width:60px;}

.sp_title{ font-size:18px; line-height:35px; padding-bottom:10px; font-weight:normal;}

.sp_service{ overflow:hidden;}
.sp_before{ width:49%;float:left; }
.sp_after{ width:49%;float:right; }
.sp_service_box{ width:480px; height:225px; overflow:hidden;border:1px solid #ddd; position:relative;}
.sp_service_tel{ text-align:center; width:260px; float:left; border-right:1px dashed #ddd;}
.sp_service_box h4{ font-size:14px; color:#666; line-height:40px; height:40px;}
.sp_service_num{ font-size:24px; line-height:30px; padding:20px 0 16px;}
.sp_service_tip{ color:#999; font-size:14px;}
.sp_service_chat{ text-align:center;}
.sp_service_cont{ padding:28px 0;}
.sp_service_btm{ position:absolute; left:0px; bottom:0px; height:44px; background:#f7f7f7; width:100%; line-height:44px; text-indent:15px; color:#999;}
.sp_service_btn{ padding-top:20px;}
.sp_button{display:inline-block; 
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  *display: inline;
 padding: 8px 20px;
  margin-bottom: 0;
  line-height: 20px;
  color:#fff;
  border:none;
  font-size: 12px; text-decoration:none;
  background-color:#1299e1; border-radius:2px;}

.sp_button s {  
    display: block;
    float: left;
    height: 20px;
    margin-right: 6px;
    overflow: hidden;
    width: 24px;
}
.sp_button.s1 s{ background: url("../images/common/ico.png") no-repeat -5px -26px;}
.sp_button.s2 s{ background: url("../images/support/support_ico.png") no-repeat -6px -7px;}

.sp_button:hover{ text-decoration:none; color:#fff;background-color:#f47427;}

.sp_new_btn{ display:block; width:110px;height:71px;  position:absolute; top:0px;padding-top:120px; text-align:center; color:#666; font-size:14px; line-height:30px;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;}
.sp_new_tag{ position:relative; height:190px; width:860px; margin:55px auto 0;}
.sp_new_tab{ position:relative; height:190px; z-index:2; border-bottom:1px solid #ccc;}
.sp_new_pic{ width:106px; height:106px; position:absolute; border:2px solid #a5c2ec; border-radius:50%; overflow:hidden; top:0px; left:0px; background:url(../images/support/support_ico.png) no-repeat #fff;}

.sp_new_btn .arr{ display:none; position:absolute; background:#fff; border-left:1px solid #ccc; border-top:1px solid #ccc; width:22px; height:22px; overflow:hidden; left:50%; margin-left:-11px; bottom:-11px; z-index:51;
-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
	transform:rotate(45deg);}
.sp_new_btn.p1{ left:0px;}
.sp_new_btn.p2{ left:187px;}
.sp_new_btn.p3{ left:375px;}
.sp_new_btn.p4{ left:562px;}
.sp_new_btn.p5{ right:0px;}
.sp_new_btn:hover{ text-decoration:none;}
.sp_new_btn.cur{ color:#2277ee;}
.sp_new_btn.cur .sp_new_pic{ box-shadow:0 0 10px #a5c2ec;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s; background-color:#eff6ff;}
.sp_new_btn.cur .arr{ display:block;}

.sp_new_btn.p1 .sp_new_pic{ background-position:0 -74px;}
.sp_new_btn.p2 .sp_new_pic{ background-position:-110px -74px;}
.sp_new_btn.p3 .sp_new_pic{ background-position:-220px -74px;}
.sp_new_btn.p4 .sp_new_pic{ background-position:-330px -74px;}
.sp_new_btn.p5 .sp_new_pic{ background-position:0px -184px;}
.sp_new_line{ position:absolute; z-index:1; top:54px; height:2px; background:#a5c2ec; overflow:hidden; width:100%;}
.sp_new_box{ border:1px solid #ddd;}

.sp_new_list{ width:900px; margin:30px auto 0; padding-bottom:30px;}
.sp_news_ul li{ font-size:14px; line-height:36px; padding-left:12px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sp_news_ul li a{ color:#666;}
.sp_news_ul li:before{ content:""; width:3px; height:3px; background:#ccc; position:absolute; left:0px; top:17px;}
.sp_new_list .sp_news_ul li{ float:left; width:410px; margin-left:20px;}
.sp_new_item{ overflow:hidden;}

.sp_common{ border:1px solid #ddd; margin:50px 0 40px}
.sp_top_box{ height:52px; background:#f1f1f1; border-bottom:1px solid #ddd; position:relative;}
.sp_top_box .sp_title{ float:left; padding-left:20px; line-height:52px; padding-bottom:0px;}
.sp_common_tag{ position:absolute; right:0px; top:-1px;}
.sp_common_btn{ display:block; padding:0 40px 0 60px; text-align:center; border-left:1px solid #dcdcdc; float:left; height:54px; line-height:54px; position:relative; font-size:14px;}
.sp_common_btn s{ display:block; width:20px; height:20px; position:absolute; left:35px; top:18px; overflow:hidden; background:url(../images/support/support_ico.png) no-repeat;}
.sp_common_btn.cur{ text-decoration:none; background:#1299e1; color:#fff;}
.sp_common_btn:hover{ text-decoration:none;}
.sp_common_btn.c1 s{ background-position:-40px -35px;}
.sp_common_btn.c1.cur s{ background-position:-40px -9px;}
.sp_common_btn.c2 s{ background-position:-71px -35px;}
.sp_common_btn.c2.cur s{ background-position:-71px -7px;}
.sp_common_btn.c3 s{ background-position:-104px -35px;}
.sp_common_btn.c3.cur s{ background-position:-104px -8px;}
.sp_common_btn.c4 s{ background-position:-135px -36px;}
.sp_common_btn.c4.cur s{ background-position:-135px -8px;}
.sp_common_btn i{ display:block; width:20px; height:20px; background:#1299e1; position:absolute; left:50%; margin-left:-10px; bottom:-9px;-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-o-transform:rotate(45deg);
	transform:rotate(45deg); display:none;}
.sp_common_btn.cur i{ display:block;}

.m10{ margin:20px 0;}
.sp_common_list{ width:900px; margin:36px auto 0; padding-bottom:36px; overflow:hidden}
.sp_common_list .sp_news_ul li{ float:left; width:410px; margin-left:20px;}
.sp_linklist_box{ border:1px solid #ddd; margin-bottom: 20px;margin-right: 20px; }
.sp_last{ padding-bottom:50px; overflow:hidden;}
.sp_linklist_box{ overflow:hidden; padding:12px;}
.sp_linklist_box li{ background:url(../images/support/downline.jpg) repeat-x 0 center; overflow:hidden; height:35px; line-height:35px; position:relative;}
.sp_linklist_box li a{ display:block;}
.sp_linklist_box li .sp_linkA{ float:left; overflow:hidden; max-width:340px; text-overflow:ellipsis; white-space:nowrap; background:#fff; padding-left:16px; padding-right:5px;}
.sp_linklist_box .sp_btn{ position:absolute; padding:0 10px; border:1px solid #68c2f2; line-height:26px; background:#fff; right:0px; top:3px; color:#50b7ee}
.sp_linklist_box .sp_btn:hover{ text-decoration:none; background:#68c2f2; color:#fff;}
.sp_linklist_box li:before{ content:""; display:block; width:3px; height:3px; background:#ccc; position:absolute; left:4px; top:16px;}

.sp_search.diy2{ padding:45px 0; background:#d8f2ff; clear:both; overflow:hidden;}
.sp_search.diy2 .sp_search_left{ margin-top:6px;}
.st_box{ width:1000px;}
.st_box{ padding:30px 60px;}
.dx_leftNav{ border-top:2px solid #e42d1b; margin-bottom:20px; background:#f9f9f9; padding-bottom:40px;}
.dx_leftNavTitle{ font-size:16px; height:64px; line-height:64px; background:#f9f9f9; padding-left:20px; border-bottom:1px solid #eaeaea; font-weight:bold;} 
.dx_leftNavList .first{ height:64px; line-height:64px; position:relative;} 
.dx_leftNavList .list{ border-top:1px solid #eaeaea; background:#eef4f7; line-height:24px; overflow:hidden; padding:10px 15px; display:none;}
.dx_leftNavList .list a{width:49.9%; float:left; text-indent:8px; height:26px; line-height:26px; overflow:hidden; color:#666;}
.dx_leftNavList .list a:hover,.dx_leftNavList .list a.cur{ font-weight:bold; color:#c00; text-decoration:none;}
.dx_leftNavList .first a{ padding-left:36px; display:block; font-size:16px; color:#666;border-left:2px solid #f9f9f9; position:relative;}
.dx_leftNavList .first a:hover,.dx_leftNavList .first a.now{ text-decoration:none; background:#eef4f7; border-left:2px solid #1299e1;}
.st_title{ height:65px; border-top:2px solid #1299e1; background:#f1faff; line-height:65px; padding:0 20px;}
.st_title h2{ font-size:16px; color:#007fc2;}
.st_cont{ margin:20px; border:1px solid #ddd; padding:20px 30px; overflow:hidden;}
.st_cont .pagesBox{ padding:50px 20px 20px; text-align:center; height:30px;}
.st_list li{ height:44px; border-bottom:1px dashed #ddd; line-height:44px; padding:0 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:14px;}
.st_list li b{ font-weight:normal; color:#e74c4c; margin-right:6px;}
.st_list li a{ color:#666;}
.sa_box{ padding:30px 15px;}
.sa_actTop{ text-align:center; padding-bottom:20px; font-weight:bold; line-height:40px; padding-top:20px; overflow:hidden; border-bottom:1px solid #eee;}
.sa_actTop h1{ font-weight:normal; font-size:24px;}
.sa_actDetail{ padding:20px 0 0; font-size:14px; color:#666; line-height:200%;}
.sa_actDetail table,.sa_actDetail table td{ width:100%; overflow:hidden;table-layout:fixed}
.sa_actDetail a{ color:#2277ee;}
.sa_actDetail  img{ max-width:98%;box-shadow:0 0 8px rgba(0,0,0,0.1)}
.crumbs{ color:#666; font-size:14px;}
.crumbs a{ color:#666;}
.sa_viewpoint{ padding:30px 30px 30px 120px; overflow:hidden;}
.sa_viewpoint_btn{ height:66px; width:118px; border:1px solid #ddd; background-color:#f9f9f9; cursor:pointer; position:relative; float:left; margin:10px 12px; padding-left:90px;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.sa_viewpoint_btn:hover{ background-color:#f4fbff; border:1px solid #95ceed; box-shadow:0 0 10px #a7dffd,0 0 10px #d7f1ff inset;}
.sa_view_img{ width:58px; height:45px; position:absolute; left:26px; top:10px; background:url(../images/support/support_ico.png) no-repeat -188px -16px;}
.sa_viewpoint_btn.no .sa_view_img{ background-position:-260px -16px;}
.sa_viewpoint_btn.no:hover{ background-color:#fffbf1; border:1px solid #ead2a0; box-shadow:0 0 10px #f4daa3,0 0 10px #fff3d8 inset;}
.sa_view_tit{ height:24px; overflow:hidden; padding-top:14px;}
.sa_view_tit b{ font-size:18px; color:#c24c28; font-weight:normal;}
.sa_viewpoint_btn.no .sa_view_tit b{ color:#339fa9;}
.sa_view_tit i{ font-size:12px; color:#ababab; font-weight:normal; font-style:normal; margin-left:5px;}
.sa_view_line{ height:5px; width:75px; float:left; overflow:hidden; background:#dddddd; margin-top:7px; margin-right:4px;}
.sa_view_line s{ display:block; height:5px; width:60%; background:#cf9482;}
.sa_view_value{ color:#ababab; font-size:10px;}
.sa_viewpoint_btn.no .sa_view_line s{background:#88bec3;}

.sa_appeal{ overflow:hidden; padding:30px 10px;}
.sa_appeal .sp_linklist_box li .sp_linkA{ max-width:260px;}

.st_progress{ width:700px; margin:30px auto; position:relative; height:40px;}
.st_progress_txt{ position:relative; width:100%; z-index:2;}
.st_pro_item{ height:36px; border:2px solid #ddd; background:#fbfbfb; float:left; padding:0 20px; border-radius:20px; line-height:36px; color:#999999; position:absolute; top:0px;}
.st_progress_txt .step1{ left:0px;}
.st_progress_txt .step2{ left:155px;}
.st_progress_txt .step3{ left:305px;}
.st_progress_txt .step4{ left:474px;}
.st_progress_txt .step5{ right:0px;}

.st_progress.st_step1 .step1,.st_progress.st_step2 .step1,.st_progress.st_step2 .step2,.st_progress.st_step3 .step1,.st_progress.st_step3 .step2,.st_progress.st_step3 .step3,.st_progress.st_step4 .step1,.st_progress.st_step4 .step2,.st_progress.st_step4 .step3,.st_progress.st_step4 .step4,.st_progress.st_step5 .step1,.st_progress.st_step5 .step2,.st_progress.st_step5 .step3,.st_progress.st_step5 .step4,.st_progress.st_step5 .step5{ border-color:#1299e1; color:#fff; background:#1299e1}
.st_progress .st_step2 .step1{ border-color:#1299e1; color:#fff; background:#1299e1}
.st_progress_bg{ height:2px; width:98%; position:relative; z-index:1; background:#ddd; top:19px; left:2px;}
.st_progress_bg s{ display:block; position:absolute; height:2px; width:1%; overflow:hidden; background:#1299e1}
.st_progress.st_step1 .st_progress_bg s{ width:0%;}
.st_progress.st_step2 .st_progress_bg s{ width:155px;}
.st_progress.st_step3 .st_progress_bg s{ width:310px;}
.st_progress.st_step4 .st_progress_bg s{ width:480px;}
.st_progress.st_step5 .st_progress_bg s{ width:100%;}


.ct_orderWriteItem .valInfo2{ margin-left:0px;}
.ct_orderWriteItem.require{ border:3px solid #e42d1b;}
.ct_orderWriteItem label *{ vertical-align:middle;}
.ag_writeTable{ padding:20px 10px;}
.ag_writeTable td{ padding:5px;font-size:14px; color:#777; vertical-align:top}
.ag_writeTable td.ltd{width:150px; text-align:right; vertical-align:top}
.ag_writeTablePd{ width:100%; margin-top:14px;}
.ag_writeTablePd td{ padding:15px 5px;  vertical-align:top; line-height:40px; color:#555; font-size:14px; }
.ag_writeTablePd .ptp2 td{ padding-top:2px;}
.ag_writeTablePd td span,.ag_writeTable table td input{ vertical-align:middle;}
.ag_writeTablePd td.ltd{ color:#555; font-size:14px; width:150px; text-align:right;}
.ag_writeTablePd td.ltd i{ color:#e42d1b; margin-right:5px; font-style:normal;}
.ag_writeTablePd .valInfo2{ margin-left:0px;}
.ag_writeTablePd .valInfo2 span{ margin-left:6px;}
.ag_writeTablePd .ySelectColor_selected{height:38px; line-height:38px; z-index:2;border-color:#ccc;}
.ag_writeTablePd .ySelectColor_selected.on{border-color:#1299e1; box-shadow:0 0 8px rgba(18,153,255,0.3); }
.ag_writeTablePd .ySelectColor_selected i{top:4px;}
.ag_writeTablePd .ySelectColor_drop{ border:1px solid #ccc; top:39px; box-shadow:0 0 8px rgba(18,153,255,0.3); z-index:1;}

.ct_orderWriteItem h2{ color:#666; font-size:16px; margin-top:30px;}
.st_appeal_form{ padding:2px 20px 20px;}
.ct_orderWriteItem .yellowTipBox{ font-size:12px; padding:8px 15px;}
.sa_select *{ vertical-align:middle;}
.ct_orderWriteItem select{ height:40px; line-height:40px;}

/* 提示*/
.regMesssage{ display:inline;}
.readyInfo{ color:#19b300; font-size:12px; margin-left:10px; display:inline;}
.requireInfo{ color:#999; font-size:12px; margin-left:10px; display:inline;}
.errorInfo{ color:#e52828; font-size:12px; margin-left:10px; display:inline;}
.st_appeal_notice{ padding:14px 20px; font-size:12px; line-height:28px; border:1px solid #ddd; background:#f1f1f1; max-height:250px; overflow-y:auto;}
.sa_faqListTitle{    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 34px; font-weight:bold; color:#333; position:relative; border-bottom:1px dotted #ddd;}

.sa_faqListTitle s{ display:block; position:absolute; left:5px; top:4px; color:#fff; background:#f4655a; width:20px; height:20px; text-align:center; line-height:20px; border-radius:2px 2px 2px 2px; font-size:12px; text-decoration:none; font-weight:normal;}
.sa_faqListCont{ padding:8px 10px 40px; font-size:12px;}
.sa_actDetail p{ padding:8px 0;}

.sp_contact2,.sp_contact3{ margin-top:30px; overflow:hidden; clear:both;}
.sp_contact2 .sp_service_box{ height:166px;}
.sp_contact2 .weiboShow .weiboShow_developerDetail_namedir{ display:none;}
.sp_service_box2{ width:480px; overflow:hidden;border:1px solid #ddd; position:relative;}
.sp_contact_mail{ overflow:hidden;}
.sp_contact_mail_img{ float:left; margin:20px;}
.sp_contact_mail_txt{ float:left; color:#666; font-size:14px; line-height:28px; padding:22px 0;}
.sp_contact_weixin img{ float:left; margin:20px; width:126px}
.sp_contact_wx_text{ padding:22px 20px 22px 0; line-height:28px; font-size:14px; color:#666;}
.sp_contact_wx_text p{ padding-bottom:8px;}