mtb_crm_asp/system/css/common.css

body {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
html {
	background-color: #F9F9F9;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
body {
	background-color: #F9F9F9;
	font-family: Verdana, Arial,Vrinda,Tahoma;
	line-height: 175%;
	font-size:12px;
	color:#666;
}
a {
	color: #555;
	text-decoration:none;
}
a:hover {
	color: #0099CC;
}

input,
option{color:#666;}


img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	display:inline;
}
ul{
    margin:0;
	padding:0;
	list-style-position: outside;
	list-style-type: none;
}
li{
	margin:0;
	padding:0;
}
div{
	margin:0;
	padding:0;
}

#left_content {
	clear: both;
	width: 199px;
}
#left_content #user_info {
	background-image: url(../images/manage_r2_c1.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding: 10px 0 0 55px;
}
#left_content #user_info a{
    color:#0099CC;
}
#left_content #main_nav {
	width: 199px;
	background-image: url(../images/left_nav_bg.jpg);
	background-repeat: repeat-y;
}
#left_main_nav {
	float: left;
	width: 25px;
	line-height: 13px;
	color:#0099CC;
}
#left_main_nav li{
	height:69px;
	width:12px;
	text-align: center;
	padding: 7px 6px 0 7px;
}
.left_back{
	background-image: url(../images/manage_r7_c2.jpg);
	background-repeat: no-repeat;
	cursor:pointer;
}
.left_back_onclick{
	background-image: url(../images/manage_r6_c2.jpg);
	background-repeat: no-repeat;
	color:#333333;
}
#left_main_nav a{
    color:#0099CC;
}#right_main_nav {
	width: 173px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B4C9C6;
	border-bottom-color: #B4C9C6;
	float: right;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B4C9C6;
	height: 627px;
	text-align: left;
}
.list_tilte {
	background-image: url(../images/list_title.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: both;
	height: 22px;
	width: 140px;
	padding-left: 30px;
	font-weight: bold;
	color: #0099CC;
	margin-top: 9px;
	cursor:pointer;
}
.list_tilte_onclick {
	background-image: url(../images/list_title_onclick.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: both;
	height: 22px;
	width: 140px;
	padding-left: 30px;
	font-weight: bold;
	color: #0099CC;
	margin-top: 9px;
	cursor:pointer;
}
.list_detail {
	margin: 0 auto;
}
.list_detail li{
	list-style-image: url(../images/direct_blue.gif);
	list-style-position: inside;
	padding: 0 0 0 4px;
	margin:3px 0;
    }

#switchpic {
	width: 6px;
	cursor:pointer;
	clear: both;
	vertical-align: bottom;
	margin-top: 220px;
}
#nav {
	width:99%;
	float:left;
	background-image: url(../images/nav_bg.jpg);
}
#nav ul { 
      margin:0; 
	  list-style:none; 
	  padding: 0;
 }
#nav li {
     float:left; 
	 margin:0; 
	 padding:2px 35px 0 30px;
	 line-height:24px;
	 font-weight:bold;
}
.bg_image{
	 background: url(../images/manage_r2_c14.jpg) no-repeat;
	 cursor:pointer;
}
.bg_image_onclick{
	 background: url(../images/manage_r2_c13.jpg) no-repeat;
	 color:#0099CC;
}
#sub_info {
	width: 99%;
	float:left;
	background-image: url(../images/manage_r3_c11.jpg);
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #B4C9C6;
	border-bottom-color: #B4C9C6;
	border-left-color: #B4C9C6;
	height: 27px;
	background-repeat: repeat-x;
	padding: 5px 0 0 0;
}
#man_zone {
	height:auto!important;height: 445px;min-height:445px;
	width: 98%;
	border: 1px solid #B4C9C6;
	margin: 6px 0 0 0;
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	/* overflow: hidden; */
}
#man_zone table{
    background-color:#DBE6E3;
}
#man_zone table tr{
    background-color:#fff;
}

table.table1 thead tr th{
background:url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF;height:35px;
font-size:14px;color:#0099CC;
}
table.table1 thead tr th a{color:#0099CC}
table.table1 tbody tr th{font-size:14px;color:#0099CC;}
table.table1 tfoot tr td{
height:30px;
}

tr td label{
	float:left;
	padding:0 15px
}

.left_title_1 {
	background-color: #F3F8F7;
	color:#73938E;
	font-weight:bold;
	line-height:30px;
	text-align:right
}
.left_title_2 {
	background-color: #fff;
	color:#73938E;
	font-weight:bold;
	line-height:30px;
	text-align:right;
}

.ico_edit,
.ico_magnifier,
.ico_da,
.ico_sence,
.ico_extend{
display:inline-block;
height:18px;line-height:18px;font-weight:bold;color:#0099CC;
background:url(../images/edit.gif) 0 center no-repeat;padding-left:20px;
}
.ico_magnifier{
background:url(../images/magnifier.gif) 0 center no-repeat;
}

.ico_extend{
background:url(../images/guanlian.png) 0 center no-repeat;
}

.ico_sence{
background:url(../images/sence.png) 0 center no-repeat;
}
.ico{
	margin-right:10px;
}

.ico_da{
background:url(../images/da.gif) 0 center no-repeat;
}
.btn1{
width:50px;height:22px;border:none;
background:url(../images/btn1.gif) 0 0 no-repeat;color:#0099CC;
cursor:pointer;
}
.txt1{
border:1px solid #DBE6E3;
width:800px;height:24px;line-height:24px;
padding:0 3px;font-size:14px;
}

.txt-short{
border:1px solid #DBE6E3;
width:350px;height:22px;line-height:22px;
padding:0 3px;font-size:14px;
float:left;
}


.txt2{
border:1px solid #DBE6E3;
width:800px;height:360px;line-height:20px;
padding:3px;overflow:auto;font-size:14px;
}

.txt3{
border:1px solid #DBE6E3;
width:100px;height:20px;line-height:20px;
padding:0 3px;font-size:14px;
float:left;
margin-right:5px;
}

.txt4{
border:1px solid #DBE6E3;
width:800px;height:150px;line-height:20px;
padding:3px;overflow:auto;font-size:14px;
}

.txt5{
border:1px solid #DBE6E3;
width:300px;height:20px;line-height:20px;
padding:0 3px;font-size:14px;
float:left;
}

.txt6{
border:1px solid #DBE6E3;
width:416px;height:20px;line-height:20px;
padding:0 3px;font-size:14px;
float:left;
}

.upload-frame{
	border:none;
	width:340px;
	height:26px;
	float:left;
	margin-left:10px;
	box-sizing:content-box;
	padding:0;
}


.img{
	float:left;
	border:1px solid #DBE6E3;
	width:280px;
	height:20px;
	line-height:20px;
	padding:0 3px;
	font-size:14px;
}

select{border:1px solid #DBE6E3;}

.showpagebox{
float:right;
margin-left:10px;
}
.showpagebox a{
float:left;height:20px;border:1px solid #DBE6E3;
padding:0 5px;margin:0 2px;
}
.showpagebox a:hover,
.showpagebox a.current{
background:#F3F8F7;
}
.showpagebox #Pagego,
.searchbox #keys{
border:1px solid #DBE6E3;
width:30px;height:20px;line-height:20px;
padding:0 3px;text-align:center;
float:left;
}
.searchbox #searchgo{
float:left;width:22px;height:22px;color:#61A1B4;margin:0 4px;
background:url(../images/ico_search.gif) 0 0 no-repeat;
border:none;font-size:1px;letter-spacing:-999px;cursor:pointer;
}
.searchbox{
float:right;
}
.searchbox #keys{
width:150px;text-align:left;
}
.tools_pro{background:url(../images/icos1.gif) center center no-repeat}


#sp{width:400px;}
.list{
	overflow:hidden;}
	
.list li{
	width:20%;
	float:left;
	box-sizing:border-box;
	padding:5px 10px;
}	
.wrapper ul{
	overflow-y:scroll;
	height: 480px;
}
.wrapper ul li{
	line-height:175%;
	padding:0px 10px;
}

.wrapper ul li:hover{
	background:#F5F5F5;
}
 .wrapper_left,
 .wrapper_right{
	width:45%;
	height:90vh;
	float:left;
	border:1px solid #DDD;
	box-sizing:border-box;
}


.wrapper_center{
	width:10%;
	height:500px;
	float:left;
}
.wrapper-head{
	background: url(../images/td_bg1.gif) 0 0 repeat-x #F8FCFF;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #0099CC;
	text-align:center;
	border-bottom:1px solid  #ddd;
}

.submit-wapper{
	text-align:center;
}

#galpop{
	padding:10px;
	box-sizing:border-box;
}

.class-list li{
	display:block;
	width:100%;
	margin-top:5px;
	height:26px;
}

.addSubClass{
	background:url(../images/Addnew.png) left center no-repeat;
	border:none;
	width:20px;
	height:20px;
}

.removeSubClass{
	background:url(../images/remove.png) left center no-repeat;
	border:none;
	width:20px;
	height:20px;
	margin-left:15px;
}
 
 .tab-nav ul{
	 display:flex;
	 display: -webkit-flex;
	 flex-wrap:nowrap;
	 justify-content: flex-start;
	 overflow:hidden;
	align-items:flex-end;	 
 }
 
.tab-nav ul li{
	width:120px;
	text-align:center;
	height:50px;
	line-height:50px;	
	background:#EEE;
	border-bottom:1px solid #eee;
	border-right:1px solid #DDD;	
	flex-grow:1;
}

.tab-nav ul li:last-child{
	border-right:none;	
}

.tab-nav ul li.active{
	font-size:14px;
	font-weight:bold;
	color:#0099CC;
	background:#d8ffff;
}

.tab-panel{
	position:relative;
}

.tab-panel .panel{
	display:none;
	position:absolute;
	top:0;
	left:0;
	padding:20px;
	width:100%;
	box-sizing:border-box;
}

.tab-panel .panel.active{
	display:block;
}

.tab-panel .property-list{
	width:100%;
	overflow:hidden;
}

.tab-panel .property-list li,
.tab-panel .brand-list li,
.tab-panel .device-list li{
	float:left;
	width:20%;
	line-height:30px;
}

.tab-footer{
	position:absolute;
	bottom:0;
	width:100%;
	border-top:1px solid #DDD;
	height:80px;
}

.tab-footer .tab-button{
	margin:20px;
	padding:10px 20px;
	border:none;
	background:#ddd;
	border-radius:5px;
}

.tab-footer .tab-button:hover{
	background:#0099CC;
	color:#FFF;
}

.tel{	
	background:url("../images/phone.png") 10px center no-repeat;
	padding-left:35px;
}

.mail{	
	background:url("../images/mail.png") 10px center no-repeat;
	padding-left:35px;
}

.wechat{	
	background:url("../images/wechat.png") 10px center no-repeat;
	padding-left:35px;
}

.whatsapp{	
	background:url("../images/whatsapp.png") 10px center no-repeat;
	padding-left:35px;
}

.linkedin{	
	background:url("../images/linkedin.png") 10px center no-repeat;
	padding-left:35px;
}

.facebook{	
	background:url("../images/facebook.png") 10px center no-repeat;
	padding-left:35px;
}

.alibaba{	
	background:url("../images/aliwangwang.png") 10px center no-repeat;
	padding-left:35px;
}

.fastSelect{
	padding: 15px 20px;
	overflow: hidden;
}

.fastSelect h1 {
    font-size:16px;
    display: block;
    border-bottom: 1px solid #0099CC;
    line-height:2em;
}

.fastSelect .selectItem {
    width: 33%;
    float: left;
}

.fastSelect .selectItem label {
    display: inline-block;
    height: 40px;
    width: 80px;
    padding-left: 10px;
}

.fastSelect .selectItem select {
    width: 200px;
	height:30px;
	line-height:30px;
}
.fastSelect .selectItem .inputSearch{
	float:left;
	height:30px;
	line-height:30px
}

.inputSearch .inputTxt {
    height: 30px;
    border: 1px solid #DBE6E3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-LEFT: 10px;
    width: 300px;
    outline: none;
}

.inputSearch .searchgo {
    height: 34px;
    border: none;
    width: 80px;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #FFF;
    background: #0099CC;
    font-size: 16px;
    border: 2px solid #0099CC;
}

.dashboardHead{
	display:block;
	margin:30px auto;
	border-bottom:1px solid #DDD;
	font-size:24px;
	color:#ccc;
	text-align:center;
	width:50%;
	line-height:3em;
}


.dashPanel1{
	width:44%;
	margin:2%;
	border: 1px solid #DDD;
	border-radius: 10px;
	background:#fff;
	box-shadow:5px 5px 5px #ddd;
	float:left;
	min-width:700px;
}

.dashPanel1 h3{
	text-align:center;
	display:block;
	width:100%;
}

.dashPanel2{
	width:96%;
	margin:2%;
	border: 1px solid #DDD;
	border-radius: 10px;
	background:#fff;
	box-shadow:5px 5px 5px #ddd;
	float:left;
	min-width:1000px;
}

.dashPanel2 h3{
	text-align:center;
	display:block;
	width:100%;
}


.detail_panel{
	display:none;
	color:#999;
}

.detail_panel .cs_detail{
	padding:25px;
}

.detail_panel .cs_detail ul li{
	padding-top:3px;
	padding-bottom:3px;
	font-size:11Px;
}

.detail_panel .cs_detail_addtime{
	padding-left:35px;
}

.detail_panel .cs_detail_note{
	padding-left:35px;
}

.address{	
	padding-left:35px;
}

.code:hover{
	color:#0099CC;
	cursor:pointer;
}
.handover{
	margin-left:8px;
	display:inline;
	margin-bottom:-3px;
}

.priceitem{
	margin:15px;
	display:block;
	overflow:hidden;
}

.priceitem .additem{
	float:left;
	width:20px;
	height:20px;
	margin:0 8px;
	background:url("../images/additem.svg") center no-repeat;
}

.priceitem .delitem{
	float:left;
	width:20px;
	height:20px;
	margin:0 8px;
	background:url("../images/deleteitem.svg") center no-repeat;
}

.priceitem .note{
	color:red;
	font-size:12px;
}

.list-content{
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
	padding-left:10px;	
}

.list-content .pic img{
	width:60px;
	padding:5px;
	margin-right:20px;
}

.list-content .code{
	width:5em;
	margin-right:20px;
}


.prowapper{
	background:#F8F8F8;
}

.proitem{
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	margin-bottom:10px;
	background:#FFF;
}

.proitem .prodelet{
    width:80px;
    height:80px;	
	background: url(../images/close-circle.svg) center no-repeat;
}


.proitem .proname{
	width:250px;
	font-size:16px;
	text-align:center;
	align-items:center;
}

.proitem .propic{
	width:200px;
	text-align:center;
	padding:10px;
}

.proitem .propic img{
	max-height:80px;
}

.areadd{
	overflow:hidden;
}

.areadd li{
	Line-height:30px;	
	background:#F2F2F2;
	border-radius:8Px;
	float:left;
	padding:5px 10px;
	display:block;
	margin:0 5px 3px 0;
}

.areadd li .code{
	display:inline-block;
	width:5em;
	Line-height:30px;	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.areadd li .cname{
	display:inline-block;
	width:8em;	
	Line-height:30px;	
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
}

.areadd li .close{
	display:inline-block;
	width:30px;
	height:30px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
	background:url("../images/close-circle.svg") center no-repeat;
}

.productinput{position:relative;}

.fastsearch{
	padding:3px 10px;
	width:340px;
	display:block;
}

.productlist{
	position:absolute;
	display:none;
	background:#FFF;
	border:1px solid #DDD;
	width:360px;
	font-size:15px;
}