/**** Reset ****/
html{}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote {padding: 0;margin: 0;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content:'';}
abbr,acronym { border: 0;}
body {font-size:14px;padding:0px;margin:auto;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif, Verdana;line-height:26px;color:#333333;min-width: 320px;max-width:1920px;background-color: #FAFAFA;}
a{text-decoration:none;color:#333333;font-family:"微软雅黑","宋体",Arial,  Helvetica, sans-serif, Verdana;background:none;}
a:hover{color:#1966FD;text-decoration:none;}
.clear{clear:both;font-size:0px;line-height:0px;height:0px;width:100%;}
.clear30{clear:both;font-size:0px;line-height:0px;height:30px;width:100%;}
.main_cle{clear:both;font-size:0px;line-height:0px;height:30px;width:100%;}
i.green{color: green;}
i.red{color: red;}

/*左边*/
.crm_left{position: absolute;top: 0;left: 0;width:124px;height:100%;background-color: #FFFEFF;box-shadow:3px 3px 12px 2px #F2F2F2;-moz-box-shadow:3px 3px 12px 2px #F2F2F2;-webkit-box-shadow:3px 3px 12px 2px #F2F2F2;}
.crm_left .member_img{width:46px;height:46px;border-radius: 50%;-moz-border-radius:50%;-webkit-border-radius:50%;overflow: hidden;margin:10px auto auto auto;box-shadow: 0px 0px 7px 2px #E6E6E6;}
.crm_left .member_img img{width:100%;height:100%;}
.crm_left .member_name{text-align: center;color:#666666;height:16px;overflow: hidden;line-height: 16px;margin-top: 5px;}
.crm_left ul{margin-top: 20px;}
.crm_left ul li{font-size: 16px;padding:9px 0px;margin-bottom:15px;transition: 0.3s;box-shadow: none;}
.crm_left ul li a{color:#333333;height:24px;line-height: 24px;display: block;border-left:2px solid #FFFEFF;transition: 0.3s;margin-bottom: 5px;}
.crm_left ul li a i{margin: 0 10px 0 10px;}
.crm_left ul li dl{overflow: hidden;}
.crm_left ul li dl dd{display: block;height: 30px;padding-left: 15px;}
.crm_left ul li dl dd:first-child{margin-top: 10px;}
.crm_left ul li dl dd a{display: block;line-height: 30px;}
.crm_left ul li dl dd a:hover{color: #1966FD;}
.crm_left ul li:hover,.crm_left ul li dl dd:hover{background-color: #F2F6FA;}
.crm_left ul li:hover > a{border-left:2px solid #5C80FF;color:#1966FD;}
.crm_left ul li.on{background-color: #F2F6FA;}
.crm_left ul li.on > a{border-left:2px solid #5C80FF;color:#1966FD;}
.crm_left ul li dl dd.on a{color:#1966FD;}

/*顶部*/
.crm_top{width:100%;height:62px;background-color: #E6E6E6;}
.crm_top .crm_choice{float:left;margin:15px auto auto 30px;font-size: 18px;position: relative;}
.crm_top .crm_choice select{background-color: transparent;width:100px;height:35px;outline: none;border: none;}


.crm_top .choice_list{position: absolute;top:40px;left:0px;}
.crm_top .search_list{width:66px;height:37px;background:url(../images/searchListBg.png) center center no-repeat;float:left;margin:13px auto auto 30px;}

.search_list .customer_op{color: #fff;display: block;text-align: center;line-height: 37px;}
.crm_top .search_list .dropdown-menu{width: auto;}
.crm_top .search_list .dropdown-menu a:hover{color: #337ab7;}

.crm_top .search_con{width:162px;height:37px;border-top-right-radius: 17px;border-bottom-right-radius: 17px;background-color: white;float:left;position: relative;float:left;margin:13px auto auto auto;}
.crm_top .search_con input{width:110px;padding-left: 10px;height:25px;border:0;outline: none;margin-top: 6px;}
.crm_top .search_con .submit{width:30px;height:40px;float:right;background:url(../images/searchBg.png) center center no-repeat;border:0;outline: none;}
.crm_top .ul{float:right;margin:12px 15px auto auto;}
.crm_top .ul li{height:37px;padding-left: 45px;line-height: 37px;float:left;margin-right: 20px;background-size:37px 37px;}
.crm_top .ul li a{color:#666666;}
.crm_top .ul li a:hover{color:#60A5FA;text-decoration: none;}
.crm_top .ul li a.on{color:#60A5FA;text-decoration: none;}
.crm_top .ul li.l1{background:url(../images/sale.png) left center no-repeat;background-size:37px 37px;}
.crm_top .ul li.l2{background:url(../images/web.png) left center no-repeat;background-size:37px 37px;}
.crm_top .ul li.l3{background:url(../images/seo.png) left center no-repeat;background-size:37px 37px;}
.crm_top .ul li.l4{background:url(../images/xu.png) left center no-repeat;background-size:37px 37px;}
.crm_top .ul li.l5{background:url(../images/business.png) left center no-repeat;background-size:37px 37px;}
.crm_top .ul li.l6{background:url(../images/sea.png) left center no-repeat;background-size:37px 37px;}
.crm_top .ul li.l7{background:url(../images/user.png) left center no-repeat;background-size:37px 37px;}


.main_body{padding:35px 20px 30px 20px;background-color:white;width:94%;margin:34px auto auto auto;box-shadow: 0px 0px 15px 3px #F2F2F2;-moz-box-shadow: 0px 0px 15px 3px #F2F2F2;-webkit-box-shadow: 0px 0px 15px 3px #F2F2F2;}

/*主页*/
.home{width:94%;height:90%;margin:34px auto auto auto;}
.home .top_part{padding:65px 0px 50px 60px;box-shadow: 0px 0px 15px 3px #F2F2F2;-moz-box-shadow: 0px 0px 15px 3px #F2F2F2;-webkit-box-shadow: 0px 0px 15px 3px #F2F2F2;}
.home .top_part .date{font-size:24px;line-height: 42px;color:#333333;display: inline-block;}
.home .top_part .last_time{color:#666666;font-size: 28px;display: inline-block;letter-spacing:25px;margin:auto auto auto 140px;}
.home .top_part .last_time span{color:#FF5A00;font-size: 57px;letter-spacing:1px;}
.home .top_part .home_nav{margin-top: 50px;}
.home .top_part .home_nav li{font-size: 18px;text-align: center;display: inline-block;margin-right: 70px;}
.home .top_part .home_nav li img{display: block;margin-bottom: 20px;}
.home .top_part .home_nav li a{color:#333333;}
.home .top_part .home_nav li a:hover{color:#1966FD;}
.home .top_part .home_nav li .cate_num{display: block;width: 90px;line-height: 90px;height: 90px;margin-bottom: 20px;font-size: 30px;background: #5e90fd;color: #fff;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.home .bot_part{}
.home .bot_part li{width:21%;min-height: 300px;padding:2vw 1.5%;background-color: white;float:left;margin:32px 1.3% auto auto;box-shadow: 0px 0px 15px 3px #F2F2F2;-moz-box-shadow: 0px 0px 15px 3px #F2F2F2;-webkit-box-shadow: 0px 0px 15px 3px #F2F2F2; }
.home .bot_part li .title{font-size: 18px;}
.home .bot_part li:last-child{margin-right: auto;}

/*建站、优化、续费等首页*/
.web .nav{}
.web .nav ul{}
.web .nav ul li{width:90px;text-align: center;margin-right: 20px;padding-bottom: 16px;float:left;font-weight: bold;}
.web .nav ul li a{color:#333333;}
.web .nav ul li:hover{background:url(../images/web_nav_line.jpg) center bottom no-repeat;}
.web .nav ul li:hover a{color:#5D86FE;}
.web .nav ul li.on{background:url(../images/web_nav_line.jpg) center bottom no-repeat;}
.web .nav ul li.on a{color:#5D86FE;}
.web .nav .add_customer,.web .nav .del_customer{width:101px;height:28px;border:1px solid #F0F0F0;border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius:2px;float:right;color:#666666;line-height: 28px;display: block;text-align: center;transition: 0.3s;margin-right: 5px;}
.web .nav .del_customer{border:1px solid red;color: red;}
.web .nav .add_customer:hover{background-color: #61A7FA;color:white;}
.web .line{width:100%;height:1px;background-color:#DDDDDD;}
.web .operation{margin-top: 20px;padding-left: 15px;}
.web .operation .web_search{display: block;float:left;margin-top: 9px;}
.web .operation .search{width:213px;height:34px;border:1px solid #E6E6E6;float:left;margin-left: 25px;}
.web .operation .search input{width:150px;left-left:10px;height:24px;border:0;outline: none;margin-top: 5px;padding-left: 5px;}
.web .operation .search .submit{width:34px;height:34px;background:url(../images/web_searchBg.png) center center no-repeat;float:right;border:0;outline: none;}
.web .operation .operation_list{float:left;margin-left: 25px}
.web .operation .operation_list a{width:34px;height:34px;display: block;border:1px solid #E6E6E6;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;float:left;margin-right: 12px;text-align: center;line-height: 34px;transition: 0.3s;}
.web .operation .operation_list a:hover{color:white;background-color: #1966FD;}
.web .operation .operation_list a.cancel{background: #d9534f;color: #fff;}
.web .operation .operation_list a.cancel:hover{background: #c9302c;}
.web .operation .operation_list a i{margin-top: 10px;}
.web .operation .tableList{color:#666666;margin-top: 32px;width:100%;}
.web .operation .tableList th{border-bottom:1px solid #DDDDDD;padding-bottom: 7px;font-weight: normal;}
.operation .tableList th,.operation .tableList td{font-size: 13px;}
.web .operation .tableList tr{height:44px;line-height: 44px;}
/*.web .operation .tableList tr a:hover{color:#1966FD;}*/
.web .operation .tableList tr:hover{background-color:#F2F6FA;}
.web .operation .tableList > tbody > tr:nth-child(even){background-color:#F2F6FA;}



/*建站、优化、续费等详情信息*/
.web_info{padding:0px 17px;max-width: 1616px;}
.web_info .title{height:40px;line-height: 40px;border-bottom:1px solid #E6E6E6;font-size: 14px;padding-left:15px;font-weight: bold;}
.web_info .edit{font-size: 16px;color:#666666;float:right;margin:10px 40px auto auto;}
.web_info .edit:hover{color:#1966FD;}
.web_info .web_table{font-size: 14px;margin:5px auto 20px 80px;min-width: 750px;}
.web_info .web_table tr{height:35px;line-height: 35px;}
.web_info .web_table tr input{font-size: 14px;padding-left: 8px;}
.web_info .web_table tr select{font-size: 16px;width:120px;color:#333333;}
.web_info .web_table tr td{padding-bottom: 5px;}
.web_info .web_table tr .change_width{width:110px;}
.web_info .web_table .text_left{text-align: left;}
.web_info .web_table .text_right{text-align:right;width:90px;}
.web_info .con{width:1000%;margin:15px auto 30px 80px;}
.web_info .bot{position: fixed;bottom:10px;left:0px;width:100%;}
.web_info .bot a{width:61px;height:31px;display: block;border:1px solid #E6E6E6;color:#666666;text-align: center;line-height: 31px;float:right;font-size: 16px;margin-right: 50px;transition: 0.3s;}
.web_info .bot a:hover{background:url(../images/saveBg.jpg) center center no-repeat;border:1px solid transparent;color:white;}
/*分页*/
.paginList{text-align: center;margin:40px auto auto auto;}
.paginList li{display: inline-block;width:40px;height:30px;margin-left:15px;}
.paginList .current a{line-height: 30px;font-size: 14px;color:#333333;background-color: #1966FD;margin-bottom: 0px;color:white;}
.paginList a{display: block;line-height: 30px;padding-top:0px;font-size: 16px;color:#333333;float:none;margin-bottom: 0px;border:1px solid #E6E6E6;}
.paginList a:hover{background-color: #1966FD;color:white; }
.paginList .next{width:60px;height:30px;line-height: 30px;font-size: 14px;padding-top:0px;color:white;background-color: #1966FD;display: inline-block;float:none;text-align: center;margin-bottom: 0px;margin-left:15px;vertical-align:top;border:1px solid #1966FD}
.paginList .prev{width:60px;height:30px;line-height: 30px;font-size: 14px;padding-top:0px;color:white;background-color: #1966FD;display: inline-block;float:none;text-align: center;margin-bottom: 0px;border:1px solid #1966FD}

.main_containter{position: relative;}
.main_content{margin-left: 124px;height: 100%;}

/*bootstrap*/
.dropdown-menu{min-width: inherit;}
.layui-form-label{box-sizing: content-box;}
.layui-form-item{margin-bottom: 5px !important;}
.layui-form-checkbox span{height: auto !important;}

/*登录页*/
.login-box{
	width: 460px;
	margin: auto;
	margin-bottom: 20px;
	background: rgba(255,255,255, 0.2);
}
.login-bg{
	background: url(../images/login_bg.jpg) repeat;
	/*background-size: cover;*/
	height: 100%;
}
.Public h1 {
	font-size: 32px;
	font-weight: normal;
	color: #fff;
}
.Public input.form-control {
	padding-left: 12px;
}
.Public .img {
	height: 480px;
	background-image: url('../img/back.jpg');
	background-repeat: no-repeat;
}
.Public .well {
	height: 462px;
}
.Public span.checkbox {
	padding-left: 0px;
	margin-left: 0px;
}
.form-control,
.single-line {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #e5e6e7;
  border-radius: 1px;
  color: inherit;
  display: block;
  padding: 6px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-size: 14px;
}
.form-horizontal .control-label{
	padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

.crm_top .dropdown-menu{
	border: 0px;
	width: 100%;
	top: 110%;
}
.crm_top .dropdown-menu dd a{
	display: block;
	text-align: center;
	line-height: 35px;
	color: #666666;
}
.crm_top .dropdown-menu dd a:hover{
	background: #f2f6fa;
	color: #4180fb;
}
.submit_btn{
	padding: 20px 0;
	text-align: center;
}