@charset "utf-8";
/* CSS Document */
/*头部导航*/
.header{}
.nav{ width:720px; height:40px; overflow:hidden; border-bottom:1px solid #ccc;}
.nav ul{ width:720px; margin-left:-1px;}
.nav ul li{color:#3672BA; float:left; line-height:40px; padding: 0 8px; background:url(../images/bfli.jpg) left no-repeat;}
.nav ul li a{ padding:6px 12px; color:#333}
.nav ul li .cur{background:#5F8FDC; color:#fff!important;}
.nav ul li .m_login{background:url(../images/landr.png) -176px no-repeat;padding-left: 22px}
.nav ul li .m_regiset{background:url(../images/landr.png) -116px no-repeat;padding-left: 22px}
.nav ul li a:hover{background:#5F8FDC; color:#fff!important;}
.nav ul li .m_regiset:hover{background:url(../images/landr.png) 4px no-repeat #5F8FDC; color: #333}
.nav ul li .m_login:hover{background:url(../images/landr.png) -56px no-repeat #5F8FDC;color: #333}
.nav ul li .m_name{width:80px;overflow: hidden;display: block;cursor:pointer}
.curt{ background:#5F8FDC; color:#fff!important;}

/*焦点图片*/
.banner{height:248px; margin-top:1px;}
.banner-l{ width:720px; height:248px; overflow:hidden; position:relative;}
.banner-list{ width:4470px;  height:248px; overflow:hidden;top:0px; left: 0px; position:absolute;}
.banner-list li{ width:720px;  height:248px; float:left;}
.banner-list li img{ height:248; width:100%;}
.li-list{ position:absolute; bottom:10px; right:15px;}
.li-list li{ margin-right:7px; float:left;}
.li-list li.on a{ background:#8CB920;}
.li-list li a{ width:13px; height:13px; background:#fff; display:block; float:left;}
/*流程图*/
.flow{height:315px;margin-top:1px;}
.flow-l{ letter-spacing: 0px;line-height:26px; text-align:center; font-weight:bold; font-size:14px; color:#ff0000; }
.flow-round{
    height: 37px;   
    width: 350px;  
    margin-top: 5px;  
    background: #77B7F8;
    border-width: 10px; //边缘的宽度，如果要分别设置可以这样：border-width: 15px 5px 15px 5px;依次为上、右、下、左  
    border-style: solid;  
    border-radius: 15px;
    border-color: #77B7F8; //边框颜色，依次为上、右、下、左
}
.flow-round p{
    margin: 0px auto;  
    padding-top: 10px;
    text-align:center;  
    font-size: 20px;
    color:#ffffff;
    font-family:SimHei;
    font-weight:bold;
}
.flow-rect{
	overflow:hidden;
    height: 255px;   
    width: 350px;  
    margin-top: 5px;  
    background: #D8EDFF;
    border-radius: 15px;
}
.flow-round-sm{
	margin: 0 auto;
	margin-top:25px;
    height: 34px;
    width: 290px;  
    background: #afd7ff;
    border-width: 10px;
    border-style: solid;  
    border-radius: 15px;
    border-color: #afd7ff;
}
.flow-round-sm-first{
	margin-top:15px;
}
.flow-round-sm p{  
    margin: 0px auto;  
    padding-top: 10px;
    text-align: center;
    font-size: 18px;
    color:#000000;
    font-family: "Microsoft YaHei", "SimHei";
}
.flow-rect-text{  
	margin: 0px auto;  
    padding-top: 18px;
    font-size: 14px;
    font-family: "Microsoft YaHei", "SimHei";
}
.flow-rect-text-end{
	padding-top: 14px;
	text-align:right;
	color:#ff0000;
}
.flow-rect-text-q{
	color:#ff0000;
}
.flow-rect-text-a{
	color:#000000;
}
/**/
/*公共 info 条*/
.wapper-info{ width:100%; height:34px; line-height:34px; border-bottom:1px solid #E6E9EF; display:inline-block;}
.wapper-info h3{ padding:0 2px; height:34px; line-height:34px; border-bottom:1px solid #2FA0DE; font-size:13px; display:inline-block; font-weight:bold;}
.wapper-r{background:#FFF; padding:10px 10px; margin-bottom:10px;}
.service-check{ width:100%; clear:both; margin:6px 0px; display:inline-block;}

/*服务器选择*/
.service-check li{ float:left; margin:0 10px; width:296px;height:30px;line-height:30px; display:inline-block; position:relative;text-align: right;}
.service-check label{ font-size:12px; width:80px; display:inline-block; text-align: right;}
.service-check select{ line-height:24px; height:24px; width:100px; margin-left:0;}
.service-check input{ border:1px solid #B4B4B4; line-height:24px; width:81px; height:24px;}
.service-check .temp{width:23px;text-align: center;display: inline-block;} 

/*服务器选择下拉框*/
.select{ width:140px; margin:0px auto}
.select li{ list-style:none; float:left}
.select_box{ width:140px; height:24px; border:1px solid #B4B4B4; background:#fff; line-height:24px;cursor:pointer; vertical-align:middle; display:inline-block; margin-left:5px;position: relative;}
.select_box span{ width:128px;height:24px; display:block; float:left; padding-left:3px; overflow:hidden; }
.select_box i.selet_open{ background:#fff url(../images/select.jpg) center no-repeat; position:absolute; top:0px; right:0px; height:24px; display:block; width:20px; float:right}
.select_box .option{ width:90px;border:1px solid #B4B4B4; background:#fff;margin-left: -1px; top:28px; border-top:none; position:absolute;display:none}
.select_box .option .p{ display:block; padding-left:3px; position:relative;}
.select_box .option .p:hover{ background:#f1f1f1; color:#333; text-decoration:none;}

.option-item { width:350px; position:absolute; top:0px; left:150px; background-color:#fafafa; border:1px solid #e6e6e6; padding:10px; z-index:9999; display:none;}
.option-item ul { width:350px; float:left;}
.option-item ul li { width:82px; float:left; height:22px; line-height:22px; white-space:normal; overflow:hidden;}
.more-select-item ul li a { width:70px; padding:0px 5px; float:left; height:20px; line-height:20px; color:#000;}
.wapper-sm{height:26px!important;line-height:26px!important; color:#FFF; border:none !important; background:#F74A4A; width:100px !important; cursor:pointer; display:inline-block;}
.wapper-sm:hover{ opacity:0.8;}

.com-select{ border:1px solid #B3B3B3; height:25px; line-height:25px;background:#fff url(../images/select.jpg) 68px 10px no-repeat; font-size:14px; position:relative; display:inline-block;padding-left: 5px;}
.option{ border:1px solid #aaa; border-top:none; background:#fff; position:absolute;top: 23px; right:0px; display:none;}
.option a{ height:24px; line-height:24px;background:none; display:block;padding-left: 10px;}
.option a:hover{ background:#f4f4f4;}
.tips a{position: relative;left: 40px;}


/*订单信息*/
.order-info-title{ width:700px; height:34px; margin-bottom:2px; clear:both; background: #E5E5E5;}
.order-info-title ul li{ float:left; height:34px; line-height:34px; width:142px; text-align:center;}
.order-info-title ul li.l1{ width:203px !important;}
.order-info-title ul li.c2{ width:103px !important; text-align:center;}
.order-info-title ul li.c3{ width:85px !important; text-align:center;}
.w1{ width:305px !important; }
.w2{ width:110px !important; text-align:center;}
.w3{ width:145px !important; text-align:center;}
.wa1{ width:313px !important; }
.wa2{ width:91px !important; text-align:center;}
.wa3{ width:120px !important; text-align:center;}
.order-info-b ul li{ float:left; background:#F7F7F7; height:34px; line-height:34px; text-indent:15px; width:568px;}
.order-info-b ul li span{font-size:12px; margin-left:10px;}
.order-info-b ul li span b{ color:#F74A4A; font-weight:normal;}
.order-info-item{border:1px solid #F7F7F7; display:inline-block; margin-bottom:-5px;}
.order-info-b{ width:100%; height:34px;clear:both; background: #F7F7F7;}
.order-info-b ul li.l1{ width:338px !important;}
.order-info-b ul li.li,.order-info-m ul li{ width:90px;line-height:20px;padding:10px;border-right:1px solid #F7F7F7; float:left; min-height:75px;}
.order-info-m ul li.l1{ width:182px !important;word-wrap:break-word;overflow:hidden;}
.order-info-m ul li.c2{ width:80px !important; text-align:center;}
.order-info-m ul li.c3{ width:61px !important; text-align:center;}
.order-info-m ul li p span.time{ margin-top:20px; display:block;}
.order-info-box{width: 900px; min-height:250px; text-align:center;}
.order-info-tips{ padding-top:50px;}
.gbtn{line-height:32px; text-align:center; font-size:14px; color:#FFF; margin-top:20px;padding: 5px 20px;margin-left: 20px;}
.gbtn:hover{ opacity:0.8;}

/*租赁*/
.order-info-title2{width:700px; height:34px; margin-bottom:2px; clear:both; background: #E5E5E5;}
.order-info-title2 ul li{ float:left; height:34px; line-height:34px; width:142px; text-align:center;}
.order-info-title2 ul li.l1{ width:203px !important;}
.order-info-title2 ul li.c2{ width:103px !important; text-align:center;}
.order-info-title2 ul li.c3{ width:85px !important; text-align:center;}
.order-info-b2{ background:#F7F7F7; width:698px; height:34px;line-height:100%; clear:both;}
.order-info-b2 ul li{ float:left; background:#F7F7F7; height:34px; line-height:34px; text-indent:15px;}
.order-info-b2 ul li span{ color:#3b72c9; font-size:12px; margin-left:10px;}
.order-info-item2{border:1px solid #F7F7F7; display:inline-block; margin-bottom:-5px;}

.order-info-b2 ul li.li,.order-info-m2 ul li{ width:72px;line-height:24px;padding:20px;border-right:1px solid #F7F7F7; float:left; min-height:75px;}
.order-info-m2 ul li.l1{ width:298px !important;}
.sub-btn{ height:26px; line-height:26px; color:#FFF;text-align:center; cursor:pointer; display:block;margin-top: 25px;}
.sub-btn:hover{ opacity:0.8;}
.txt-li{width: 175px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/*订单页面*/
.con-top{ background:#f1f1f1;width: 700px; height:36px; line-height:36px;}
.con-top ul{ width:100%;}
.con-top ul li{ float:left; width: 31%;padding-left: 15px;}
.con-top ul li .apply-service{ float:right;}
.con-main{}
.wapper-box{}
.wapper-general{}
.general-ul{ width:100%;display: inline-block;}
.wapper-general ul li{ float:left; margin-right:20px; height:30px; line-height:30px;}
.wapper-general ul li.li2{ width:200px; color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}


/*订单详情*/
.wapper-details{ width:700px; padding-bottom:20px; border-bottom:1px solid #CCC; font-size:12px; display:inline-block; overflow:hidden;}
.wapper-details p{ height:30px; line-height:30px; margin-top:10px;}
.wapper-details ul{ width:700px; overflow:hidden;}
.wapper-details ul li{ width:48%; float:left; margin-left:0px; line-height:30px; height:30px;}
.wapper-details ul li span.d1{ text-align:right; float:left;}
.wapper-details ul li span.d2{ width:35%; text-align:left; float:left}
.wapper-details .goods-text { margin-top:20px;display: inline-block;}
.wapper-details .goods-text p{ height:25px;line-height:25px; margin-left:10px; margin-top:0;}

/*订单支付*/
.wapper-pay{}
.m-h60{min-height:60px;}
.m-h130{min-height:130px;}
.wapper-pay ul{ margin-bottom:15px;}
.wapper-pay ul li{ line-height:32px; color:#676767; height:32px;}
.wapper-pay ul li label{ text-align:right; float:left; display:inline-block;}
.wapper-pay h3{ line-height:36px; font-size:14px; color:#4B4B4B; font-weight:bold; margin-left:20px;}
.wapper-pay h3 span{ font-size:24px; line-height:36px; margin-left:25px;}
.wapper-pay-sub{ padding:5px 20px; border-bottom:3px solid #E53535; background:#F74A4A; color:#FFF; position:relative; top:-4px; left:15px;}
.wapper-pay-sub3{ padding:5px 30px; border-bottom:3px solid #258EC7; background:#2FA0DE; color:#FFF; position:relative; top:-4px; left:15px;}
.wapper-pay-sub2{ width:230px; height:32px; border-bottom:3px solid #2285BC; background:#2FA0DE; color:#FFF; display:block; line-height:32px; text-align:center; margin:15px auto; font-size:14px; font-weight:bold;}
.wapper-pay-sub2:hover,.wapper-pay-sub:hover{ opacity:0.8;}

/*退款*/
.wapper-feekback{ background:#fffce7;display: inline-block;padding: 10px 0;}
.select-feekback{ border:1px solid #B3B3B3; height:25px; line-height:25px;background:#fff url(../images/select.jpg) 88px 10px no-repeat; font-size:14px; position:relative; display:inline-block;padding-left: 5px; width:100px;}
.wapper-feekback ul{width:700px}
.wapper-feekback li{ padding:5px 0; display:inline-block; width:90%; line-height:32px; margin-left:10px;}
.wapper-feekback label{ font-size:14px;float:left; margin-right:10px; min-width:10%;}
.wapper-feekback li span{ width:80%; display:inline-block; float:left;}
.wapper-feekback li span a{ padding-left:10px; font-size:12px;}
/*.wapper-feekback li img{ width:55px; height:55px;}*/
.wapper-feekback p{ margin-bottom:30px;}
.feekback-list{ display:inline-block; float:left; width:85%; overflow:hidden;}
.feekback-list a{ display:block; widows:80px; height:60px; margin-right:25px; margin-top:15px; float:left; overflow:hidden;}
.wapper-right-upload{ background:#fff url(../images/icon-upload.jpg) no-repeat 8px 8px; padding:7px 20px 7px 25px; border:1px solid #C5C5C5; border-radius:3px; margin-right:20px;}
.select-t{ position:relative;width: 107px;float: left;}
.t-option{ display:none; border:1px solid #aaa; border-top:none; background:#fff; position:absolute;top: 27px; right:0px;width: 105px;}
.t-option a{ height:24px; line-height:24px;background:none; display:block;padding-left: 10px;}
.t-option a:hover{ background:#f4f4f4;}
/*共同按钮*/
.sub{ text-align:center; height:33px;}
.common-sub{ padding:8px 26px; border-bottom:3px solid #E53535; color:#FFF;}
.sub-r{ background:#F74A4A; border-bottom:3px solid #E53535;}
.sub-b{ background:#2FA0DE; border-bottom:3px solid #248DC6;}
.sub-g{ background:#8CB920; border-bottom:3px solid #7AA21B;}

/*取消原因*/
.cancel-txt{ padding:20px 20px 10px;}

/*手机验证码弹窗*/
.con-msg{ position:relative; min-height:600px;}
.order-msg{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-color:#000;z-index:1;-moz-opacity: 0.50;opacity:0.50;filter: alpha(opacity=50);}
.order-msg-box1{ width:400px; min-height:230px; background-color:#FFF; position:absolute; top:20%; left:50%;z-index:2 ; margin-left:-200px; display:block;}
.order-msg-box2{ width:540px; min-height:230px; background-color:#FFF; position:absolute; top:20%; left:50%;z-index:2 ; margin-left:-270px; display:block;}
.order-msg-title h3{ height:30px; line-height:30px; text-indent:18px; color:#FFF; background:#598BDF; position:relative; font-size:14px; font-weight:bold;}
.order-msg-tip p{ line-height:30px; margin-left:32px;}
.order-msg-box2 .order-msg-tip p{color: #028bd6;}
.order-msg-tip h3{height:30px; line-height:30px; text-indent:30px;font-size:12px;}
.order-msg-from{ width:350px; min-height:150px; margin-top:10px; margin-left:50px; line-height:50px;}
.order-msg-box2 .order-msg-from{margin-left:125px; }
.order-msg-from label{padding-right:10px;font: 12px/150% Arial,"宋体";}
.hide-input{ border:none; height:28px; line-height:28px; width:110px; font-size:16px; text-indent:10px; background:#FFF;}
.com-input{ border:1px solid #CCCCCC; width:108px; height:28px; line-height:28px;}
.get_code{ border:1px solid #ccc; padding:7px 10px;background: #f4f4f4; color:#555;font: 12px/150% Arial,"宋体";}
.msg-icon{ width:21px; height:21px; position:relative; top:6px; left:0px; display:inline-block; background:url(../images/onError.jpg) no-repeat; margin:0 5px;}
.msg-submit{ width:144px; height:34px; line-height:34px; background:#29A4C7;display: block;color: #fff;margin: 10px auto;font-size:16px; text-align:center;}
.msg-submit:hover{background:#2191B2;}
.order-msg-box1 .msg-submit{ margin-left:70px;}
.order-msg-box2 .msg-submit{ margin-left:30px;}

/*帐号资料*/
.wapper-data{ margin:10px 0; border:1px solid #6392dd; background:#f9f9f9;}
.wapper-data li{ line-height:38px; font-size:13px; display:block; color:#000; font-weight:bold;}
.wapper-data ul{ margin:20px;}
.wapper-data ul li a{ color:#0081C7; text-decoration:underline; font-size:12px; font-weight:normal;}
.wapper-data ul li .dat-right{ float:right; margin-right:170px;}
.download-sf,.download-mibao{ border:1px solid #ccc; width:160px; display:inline-block; height:25px; text-align:center; line-height:25px !important; border-radius:3px; margin-left:30px; color:#5B5B5B !important; text-decoration:none !important;background:#FAFAFA;background-image: -moz-linear-gradient(top, #FAFAFA, #D7D7D7); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAFAFA), color-stop(1, #D7D7D7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#D7D7D7', GradientType='0');}
.download-mibao{ margin-left:115px !important;}


/*登录界面*/
.lg-box{ width:384px; background:#fff; z-index:2; position: fixed;left: 50%;top: 20%;margin-left: -192px;+padding-bottom:20px;}
.lg-box .lg-title{ width:100%; height:32px; background:#598BDF; position:relative;}
.lg-box .lg-title h2{height:32px; line-height:32px; font-size:14px; font-weight:bold; color:#fff; padding-left:15px;}
.lg-box .lg-title .close{ width:28px; height:28px; background:url(../images/close-icon.png) -28px no-repeat; position:absolute; right:0px; top:0px;}
.lg-box .lg-title .close:hover{background:url(../images/close-icon.png) no-repeat}
.lg-box .lg-tips{ line-height:30px; margin-left:20px;color: #028bd6;}
.lg-box .lg-form{width: 307px;margin:20px 40px;display: inline-block;}
.lg-form .form-group{ margin-bottom:10px; display:inline-block;}
.lg-form .form-group input{ border:1px solid #ccc; width:270px; height:32px; line-height:32px; padding:0 10px 0 25px;}
.lg-form .form-group .lg-name{ background:url(../images/name-icon.jpg) 5px 8px no-repeat;}
.lg-form .form-group .lg-password{ background:url(../images/password-icon.jpg) 5px 8px no-repeat;}
.lg-form .form-p{height:32px;line-height:32px; text-align:right; color:#999;margin-bottom: 10px;}
.lg-form .form-btn{ margin-bottom:10px;}
.lg-form .form-btn .login-btn{ width:144px; height:34px; line-height:34px; background:#29A4C7;display: block;color: #fff;margin: 0 auto;font-size:16px; text-align:center;}
.lg-form .form-btn .login-btn:hover{background:#2191B2;}
.lg-form .coagent{color: #999; line-height:30px;}
.lg-form .coagent a{ padding:0 5px;}

.con-msg .order-msg-box2 .order-msg-title .close_1{ width:28px; height:28px; background:url(../images/close-icon.png) -28px no-repeat; position:absolute; right:0px; top:0px;}
.con-msg .order-msg-box2 .order-msg-title .close_1:hover{background:url(../images/close-icon.png) no-repeat}

.con-msg2 .order-msg-box1 .order-msg-title .close_2{ width:28px; height:28px; background:url(../images/close-icon.png) -28px no-repeat; position:absolute; right:0px; top:0px;}
.con-msg2 .order-msg-box1 .order-msg-title .close_2:hover{background:url(../images/close-icon.png) no-repeat}

.bg{width:255px;height:650px;cursor:default;position: relative;background: #FDFDFD;}
.bg form{ padding:0 40px;display: block;}
.bg form li{position: relative;height: 50px;}
.bg form i{display:inline-block;width:21px;height:23px;position: absolute;left: 0;bottom: 1px;padding:4px 0 0 4px;bottom: 0px;}
.bg input{ height:25px; line-height:25px;display:inline-block;color:red;padding-left: 25px;color: #000;}
.bg label{ font-size:12px;color:#08f;height:35px;display:block; line-height:35px}
.bg .home{margin-left:60px;margin-top:130px;}
.bg .home a{color:#CCC;}
input.sure,input.back,input.begin{border:none;width:78px;height:29px;line-height:27px;text-align:center;color:#FFF;background-color:#659bf2;margin-top:18px;cursor:pointer;padding-left: 0;}
/* .bg .mobilei,.bg .orderNumi{background: url("../images/mobile.png") no-repeat 4px 4px;}
.bg .orderNumi{background: url("../images/orderNum.png") no-repeat 4px 4px;}
.bg .accountsTypei{background: url("../images/orderNum.png") no-repeat 4px 4px;}
.bg .overTimei{background: url("../images/orderNum.png") no-repeat 4px 4px;}
.bg .countdowni{background: url("../images/orderNum.png") no-repeat 4px 4px;} */
.bg .copyR{position: absolute;text-align: center;line-height: 24px;bottom: 10px;width: 250px;color: #CACACA;left: 0;}
.bg #load{float:left;margin-left: 60px;margin-top: 50px;}
.bg #load img{margin-bottom: 30px;}
.bg #load p{width: 130px;text-align: center;}
/* #sureBtn{background: url("../images/ok.png") no-repeat left;} */

#fastarb{position: absolute;bottom:30px;width: 180px;}
#fastarb p{text-align: center;}
#fastarb input{margin-top: 5px;text-align: center;margin-left: 45px;background: #cbcbcb;}
#fastarb input:hover{background: #768af9;}
.textarea{width: 170px;border:1px #abe solid;}
.radio label{float: left;margin-right: 18px;}
.radio label input{position: relative;top: 3px;}