@charset "utf-8";
/* CSS Document */
body {
/* font: 16px/1.5 'Microsoft Yahei';*/
color: #333;
background:#f7f7f7;
-webkit-text-size-adjust: none; width:100%; overflow-x:hidden;
}
html, body, * {     font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif ! important; }   
code {     font-family: "Consolas", Arial, Helvetica, sans-serif ! important; } 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:99%;
vertical-align:baseline;
line-height:24px;
}
.select_tab
{
 position:absolute; 
 bottom:-0.35em; 
 right:0em;    
}
ul,li{ list-style:none;}
i{ font-style:normal}
a{ text-decoration:none; color:#333;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
.clear{clear:both}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align:text-top;
}
.input:focus { outline:none;} 
.input::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
}
.input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}
.input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#999;
}
.input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#999;
}
.margB20{margin-bottom:20px;}


.wrap{
	margin:0 10px 25px 10px;
	}
.border{ border:1px #d2d2d2 solid; padding:5px 10px 10px 10px; border-radius:3px;}
.search{ 
	background-image:url(../images/search_Bg.png); 
	background-size: 100% 100%;
	padding:10px;
    box-shadow:1px 1px 5px #ccc; 
    margin-bottom:20px;
}
.search-box{width: 85%;height: 50px; position:relative;border:1px solid #b5b5b5;background: #fff; border-radius:3px;}
.searchinput {
min-width:82%;
/* border:none; */
text-indent:5px; margin-right:30px; line-height:35px;  font-size: 18px;
}
.search .icon-search {
	background:url(../images/search.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	background-position:left center; position:absolute; right:30px;  z-index:99; top:68px;
}
.history h2{font-weight:normal; border-bottom:1px #e6e6e6 solid; padding-bottom:5px; margin-bottom:5px; color:#666;}
.history-record h2,.hot-record h2{font-weight:normal; border-bottom:1px #e6e6e6 solid; padding-bottom:5px; margin-bottom:5px; color:#333;}
.history li{ line-height:30px;padding-bottom:5px; margin-bottom:5px;border-bottom:1px #e6e6e6 solid;}
.history-record li{ position:relative; padding-left:5px;}
.history-record li i{ position:absolute; right:5px; font-size:1.5rem; color:#ccc; cursor:pointer;}
.hot-record li{ float:left; margin:10px 10px 5px 5px; }
.hot-record li a{background:#e4e4e4; padding:3px 8px; border-radius:2px;}
.icon-history{
	background:url(../images/icon-history.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	width:15px;
	height:24px;
	background-position:center 3px; margin-right:5px;}
.icon-lsss{
	background:url(../images/lsss.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	width:20px;
	height:24px;
	background-position:center 1px; margin-right:5px;
	}
.icon-rmss{
	background:url(../images/rmss.png);
	background-size:20px 20px;
	background-repeat:no-repeat;
	width:20px;
	height:24px;
	background-position:center 1px; margin-right:5px;
	}
	
/* ����ʽ */
/* ͷ�ļ� */
header {
	position: fixed;
    top: 0;
    z-index: 9990;
	width: 100%;
    margin: 0;
    padding: 0;
	background-color: white;
	box-shadow:1px 1px 3px gray; 
}

header .title {
	background:url(../images/header_Bg.png); 
    background-size:100% 100%; 	
}

.header-title
{
    /*width: 100%;
    height: 25px;*/ 
    position:relative;
    border-radius:3px;
}


#divMain
{
    /*padding-top:38px;  
    padding-bottom:50px;*/ 
}

footer 
{
    background-color:#f7f7f7;
    position:fixed;
    width:100%;
    bottom:6px;
}

/* ��½ ע�� ������� */
.ico-user
{
    background:url(../images/user.png);
    background-size:100% 100%; 
}
.ico-user
{
    background:url(../images/user.png);
    background-size:100% 100%; 
}
.ico-pass
{
    background:url(../images/pass.png);
    background-size:100% 100%; 
}

.ico-valida
{
    background:url(../images/valida.png);
    background-size:100% 100%; 
}
.ico-mail
{
    background:url(../images/mail.png);
    background-size:100% 100%; 
}
.ico-mail27
{
    background:url(../images/u27.png);
    background-size:100% 100%; 
}
.ico-mail79
{
    background:url(../images/u79.png);
    background-size:100% 100%; 
}
.ico-mail2
{
    background:url(../images/mail2.png);
    background-size:100% 100%; 
}

.ico-unmail2
{
    background:url(../images/unmail2.png);
    background-size:100% 100%; 
}
.ico-mobile
{
    background:url(../images/mobile.png);
    background-size:100% 100%; 
}
.ico-unmobile
{
    background:url(../images/unmobile.png);
    background-size:100% 100%; 
}
.ico-people
{
    background:url(../images/user.png);
    background-size:100% 100%; 
}
.ico-search {
	background:url(../images/search.png);
    background-size:100% 100%; 
}
.ico-homepage1{
	background:url(../images/index1.jpg);
    background-size:100% 100%; 
}
/* ��Ʒ���� */
.ico-fpdt
{
    position: absolute;
    top: -12px;
    left: -11px;
    background:url(../images/futureproduct.png);
    background-size:100% 100%; 
}
.ico-fpdt .utb-rtr
{
    padding-top:10px;
    padding-bottom:32px;
}
.ico-comp
{
    background:url(../images/computer.png);
    background-size:100% 100%; 
}
.ico-sup
{
    background:url(../images/supermarket.png);
    background-size:100% 100%; 
}
.ico-clock
{
    background:url(../images/clock.png);
    background-size:100% 100%; 
}

.ico-myleave
{
    background:url(../images/icon-myleave.png);
    background-size:100% 100%; 
}

.ico-djqj
{
    background:url(../images/icon-djqj.png);
    background-size:100% 100%; 
}

.ico-djzp
{
    background:url(../images/icon_recruit.png);
    background-size:100% 100%; 
}

.ico-broom
{
    background:url(../images/broom.png);
    background-size:100% 100%; 
}
.ico-nanny
{
    background:url(../images/nanny.png);
    background-size:100% 100%; 
}
.ico-air
{
    background:url(../images/air.png);
    background-size:100% 100%; 
}
.ico-lab
{
    background:url(../images/lampblack.png);
    background-size:100% 100%; 
}
.ico-floor
{
    background:url(../images/floor.png);
    background-size:100% 100%; 
}
.ico-wsp
{
    background:url(../images/waterspray.png);
    background-size:100% 100%; 
}

.ico-trash
{
    background:url(../images/trash.png);
    background-size:100% 100%; 
}

.ico-alipay
{
    background:url(../images/alipay.png);
    background-size:100% 100%; 
}
.ico-freight
{
    background:url(../images/freight.png);
    background-size:100% 100%; 
}
.ico-distri
{
    background:url(../images/distribution.png);
    background-size:100% 100%; 
}
.ico-gender
{
    background:url(../images/gender.png);
    background-size:100% 100%; 
}
.ico-idcard
{
    background:url(../images/idcard.png);
    background-size:100% 100%; 
}
.ico-rmb
{
    background:url(../images/rmb.png);
    background-size:100% 100%; 
}
.ico-map
{
    background:url(../images/map.png);
    background-size:100% 100%; 
}

/* �ύ���� */
.ico-bulb
{
    background:url(../images/bulb.png);
    background-size:100% 100%; 
}
.ico-list
{
    background:url(../images/list.png);
    background-size:100% 100%; 
}
.ico-collect
{
    background:url(../images/icon_comment.png);
    background-size:100% 100%; 
}
.ico-coor
{
    background:url(../images/coordinates.png);
    background-size:100% 100%; 
}
.ico-coor-bla
{
    background:url(../images/coordinates_bla.png);
    background-size:100% 100%; 
}
.ico-time
{
    background:url(../images/time.png);
    background-size:100% 100%; 
}
.ico-phone
{
    background:url(../images/icon_collect01.png);
    background-size:100% 100%; 
}
.ico-phone-or
{
    background:url(../images/phone_or.png);
    background-size:100% 100%; 
}
.ico-wx
{
    background:url(../images/weixin.png);
    background-size:100% 100%; 
}
.ico-money
{
    background:url(../images/money.png);
    background-size:100% 100%; 
}
.ico-message
{
    background:url(../images/message.png);
    background-size:100% 100%; 
}
.ico-arrow
{
    background:url(../images/arrow.png);
    background-size:100% 100%; 
}
.ico-share
{
    background:url(../images/share.png);
    background-size:100% 100%; 
}
.ico-cal
{
    background:url(../images/calendar.png);
    background-size:100% 100%; 
}
.ico-larr
{
    background:url(../images/leftarrow.png);
    background-size:100% 100%; 
}
.ico-rarr
{
    background:url(../images/rightarrow.png);
    background-size:100% 100%; 
}

.icon_getpwd
{
    background:url(../images/icon_getpwd.png);
    background-size:100% 100%;
}

.ico-ok
{
    background:url(../images/ok.png);
    background-size:100% 100%; 
}
.ico-loface
{
    background:url(../images/longface.png);
    background-size:100% 100%; 
}
.ico-smface
{
    background:url(../images/smilingface.png);
    background-size:100% 100%; 
}
.ico-clockface
{
    background:url(../images/clockface.png);
    background-size:100% 100%; 
}

.ico-datelist
{
    background:url(../images/datelist.png);
    background-size:100% 100%; 
}
.ico-workex
{
    background:url(../images/workexperience.png);
    background-size:100% 100%; 
}
.ico-stature
{
    background:url(../images/stature.png);
    background-size:100% 100%; 
}
.ico-weight
{
    background:url(../images/weight.png);
    background-size:100% 100%; 
}
.ico-character
{
    background:url(../images/character.png);
    background-size:100% 100%; 
}
.ico-stars-on
{
    background:url(../images/stars-on.png);
    background-size:100% 100%; 
}
.ico-stars-off
{
    background:url(../images/stars-off.png);
    background-size:100% 100%; 
}
.ico-brand
{
    background:url(../images/brand.png);
    background-size:100% 100%; 
}
.ico-eval1
{
    background:url(../images/evaluation1.png);
    background-size:100% 100%; 
}
.ico-eval2
{
    background:url(../images/evaluation2.png);
    background-size:100% 100%; 
}
.ico-eval3
{
    background:url(../images/evaluation3.png);
    background-size:100% 100%; 
}

.ico-eval-off div:nth-child(1),.ico-eval-off div:nth-child(2)
{
    background:url(../images/evalua_poor.png);
    background-size:100% 100%; 
}
.ico-eval-off div:nth-child(3),.ico-eval-off div:nth-child(4)
{
    background:url(../images/evalua_middle.png);
    background-size:100% 100%; 
}
.ico-eval-off div:nth-child(5),.ico-eval-off div:nth-child(6)
{
    background:url(../images/evalua_good.png);
    background-size:100% 100%; 
}
.ico-eval-on1 div:nth-child(1),
.ico-eval-on2 div:nth-child(1),.ico-eval-on2 div:nth-child(2),
.ico-eval-on3 div:nth-child(1),.ico-eval-on3 div:nth-child(2),
.ico-eval-on4 div:nth-child(1),.ico-eval-on4 div:nth-child(2),
.ico-eval-on5 div:nth-child(1),.ico-eval-on5 div:nth-child(2),
.ico-eval-on6 div:nth-child(1),.ico-eval-on6 div:nth-child(2)
{
    background:url(../images/evalua_poor_on.png);
    background-size:100% 100%; 
}

.ico-eval-on3 div:nth-child(3),
.ico-eval-on4 div:nth-child(3),.ico-eval-on4 div:nth-child(4),
.ico-eval-on5 div:nth-child(3),.ico-eval-on5 div:nth-child(4),
.ico-eval-on6 div:nth-child(3),.ico-eval-on6 div:nth-child(4)
{
    background:url(../images/evalua_middle_on.png);
    background-size:100% 100%; 
}

.ico-eval-on5 div:nth-child(5),
.ico-eval-on6 div:nth-child(5),.ico-eval-on6 div:nth-child(6)
{
    background:url(../images/evalua_good_on.png);
    background-size:100% 100%; 
}



.ico-sister
{
    background:url(../images/sister.png);
    background-size:100% 100%; 
}
.ico-dj1
{
    background:url(../images/dj1.jpg);
    background-size:100% 100%; 
}
.ico-dj2
{
    background:url(../images/dj2.jpg);
    background-size:100% 100%; 
}
.ico-close
{
    background:url(../images/close.png);
    background-size:100% 100%; 
}

/* �����ַ */
.detadd-posi
{
    z-index:999999;
    position: absolute !important;
    width:100%;
    box-shadow:1px 1px 1px #ccc; 
}
.detadd-posi input
{
    margin:0 10px !important;
}

/* ѡ�����ʱ�� */
.data-on
{
    border-color:#d89768 !important; 
    background-color:#f09b65 !important;
}

.data-on div
{
    color:#ffffff !important;
}

.data-onstar
{
    border-color:#d89768 !important; 
    background-color:#f09b65 !important;
}

.data-onstar div
{
    color:#ffffff !important;
}

.perch
{
    position:absolute;
    left:-1px;
    float:left;
    display:none;
}
.state
{
    position:absolute;
    right:-1px;
    float:right;
    display:none;
}
.time-on > div:first-child
{
     color:#f09b65 !important;
     background-color: #ffffff; 
     border-color: #e99b61;
}

.time-on .state
{
    display:inline;
    position:absolute;
    right:-1px;
    float:right;
    background:url(../images/timeclick.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:auto 100%; 
}

.time-onspan > div:first-child
{
     color:#f09b65 !important;
     background-color: #ffffff; 
     border-color: #e99b61;
}
.time-onspan .state
{
    display:inline;
    position:absolute;
    right:-1px;
    float:right;
    background:url(../images/timeclick.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:auto 100%; 
}
.time-onstar > div:first-child
{
     color:#f09b65 !important;
     background-color: #ffffff; 
     border-color: #e99b61;
}
.time-onstar .state
{
    display:inline;
    position:absolute;
    right:-1px;
    float:right;
    background:url(../images/timeclick.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:auto 100%; 
}

.time-off > div:first-child
{
     color:#a2a2a2 !important;
     background-color: #e4e4e4; 
     border-color: #d9d9d9;  
}

.time-off .state
{
    display:inline;
    position:absolute;
    right:-1px;
    float:right;
    background:url(../images/full.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size:auto 100%; 
}
/* ѡ��ʱ������ */
.mask
{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;  
    background-color: rgba(0,0,0,0.7);  
}
.mask-time-frame
{
    width:250px;
}
.mask-time-synthesize{
	width: 100%;
}
.mask-bespeak-frame
{
    width:90%;
}


.mask-time-sort 
{
     background-color: #f0f0f0; 
}
.mask-time-sort > div:first-child
{
     color:#f67809;
}
.mask-time-sort .state
{
    display:inline;
    position:absolute;
    top:5px;
    right:15px;
    float:right;
    background:url(../images/ok-or.png);
    background-size:100% 100%; 
}
.mask-time-on 
{
     background-color: #f0f0f0; 
}
.mask-time-on > div:first-child
{
     color:#333333;
}
.mask-time-on .state
{
    display:inline;
    position:absolute;
    top:5px;
    right:15px;
    float:right;
    background:url(../images/ok-or.png);
    background-size:100% 100%; 
}
.screen-star-on 
{
     background-color: #f0f0f0; 
}
.screen-star-on > div:first-child
{
     color:#333333;
}

.screen-star-on .state
{
    display:inline;
    position:absolute;
    top:0px;
    right:15px;
    float:right;
    background:url(../images/ok-or.png);
    background-size:100% 100%; 
}

.tag-need
{    
    display: -webkit-box !important;
    display: box !important;
    position:relative;
}
.tag-need > div
{
    top:-1px;
    background-color:#ffffff;
    border:1px solid #d4d4d4;
    border-bottom:0px;
    border-right:0px;
    position:absolute;
    width:7em;
}

.tag-need > div:first-child
{
    width:2em;
    border-right:1px solid #d4d4d4;
    left:6em; 
    transform:skew(30deg,0deg); 
    -ms-transform:skew(30deg,0deg); /* IE 9 */ 
    -moz-transform:skew(30deg,0deg); /* Firefox */ 
    -webkit-transform:skew(30deg,0deg); /* Safari and Chrome */ 
    -o-transform:skew(30deg,0deg); /* Opera */ 
    overflow:hidden; 
}

.tag-Pers
{
    background-color:#f0f0f0;
    border-left:1px solid #ffffff;
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #e5e5e5;
}

.tag-on
{
    background-color:#f0f0f0;
    border-left:1px solid #ffffff;
    border-right:1px solid #dfdfdf;
    border-bottom:1px solid #f67809;
}

.pers-on 
{
    border:1px solid #f09c67 !important;
}
/*.pers-on  > div:first-child
{
     color:#333333;
}*/

.pers-on  .state
{
    display:inline;
    position:absolute;
    bottom:-0.5em;
    left:1em;
    background:url(../images/ok-or.png);
    background-size:100% 100%; 
}

.collect-on  
{
    background-color:#adadad !important;
}

.pers-time-off
{
    color:#999999 !important;
     border:1px solid #cecece !important;
     background-color: #d8d8d8 !important;
}
.notice-point
{
     width:9px; 
     height:9px; 
     top:1.5em; 
     position:absolute;
}

/* �û����� */
.ico-addphotos
{
    background:url(../images/addphotos.png);
    background-size:100% 100%; 
}
.ico-camera
{
    background:url(../images/camera.png);
    background-size:100% 100%; 
}



/*��Ʒ��ϸ*/

.product-display
{
    height:8em;
    background-color:#ffffff;
    /*border:1px solid #FF00ff;*/
    /*position: inherit;
    top:1.5em;*/
}
.product-title
{
    height:1.8em;
    background-color: rgba(0,0,0,0.5);
    /*position: inherit;*/
    bottom: 1.8em;
    
}

/*��ҳ��ʽ*/
.bg{
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height:511px;
    background:url(../images/background.png) #f4912c no-repeat center center;
    background-size: cover;
    z-index: -1;
}
#container{
    width:auto;
}
.header{
    height:48px;
    color:#f09a65;
    width:100%;
    z-index:100;
    top:0;
}
.header a:link,.header a:visited,.header a:hover{
    color:#f09a65;
}
.header-margin{
    height:48px;
    width:100%;
}
.lft{
    float:left;
}
.rgh{
    float:right;
}
.area{
    width:58px;
    height:12px;
    padding-left:16px;
    margin-top:15px;
    font-size:16px;
    position:relative;
}
.area:after {
    content: ' ';
    position: absolute;
     width: 6px; 
    height: 6px;
    top:4px;
    right:12px;
    border: #f09a65 solid;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.topBar{
    width:100%;
}
.newPro{
    width:58px;
    height:12px;
    /* padding-right:16px; */
    margin-top:15px;
    font-size:16px;
    color:#fff;
   /*  text-shadow:0 1px 3px #859990; */
    color:#f09a65;
}
/* 
.newPro:after{
    content:'';
    position:absolute;
    width:18px;
    height:18px;
    background:url(../images/icon_new.png) no-repeat;
    -webkit-background-size:18px 18px;
    -moz-background-size:18px 18px;
    -o-background-size:18px 18px;
    background-size:18px 18px;
    top:8px;
} */
.quick_bar{
    position:absolute;
    width:100%;
    top:278px;
}
.bar_con{
    width:202px;
    margin:0 auto;
}
.bar_icon_mes{
    width:30px;
    height:30px;
    background:url(../images/icon_mes.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    position:relative;
}
/* .bar_icon_mes:after{
    content:'2';
    position:absolute;
    width:14px;
    height:14px;
    background:url(../images/bg_mes_num.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    text-align:center;
    line-height:14px;
    font-size:8px;
    color:#fff;
    text-shadow:0 1px 3px #859990;
    right:-5px;
    top:-5px;
} */

.bar_icon_mess{
  /*   content:''; */
    position:absolute;
    width:25px;
    height:25px;
    background:url(../images/bg_mes_num.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    text-align:center;
    line-height:14px;
    font-size:8px;
    color:#fff;
    text-shadow:0 1px 3px #859990;
    right:-5px;
    top:-5px;
}
.bar_icon_call{
    width:30px;
    height:30px;
    background:url(../images/icon_call.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.circle,.circle ul{
    width:285px; 
    height:318px;
     margin:0 auto; 
     /* margin-top:8.59375%； */
    position:relative;
        
/*      initial-scale:1.0; 
     minimum-scale:0.5;
    maximum-scale:2.0; 
    user-scalable:yes;  */
}
.base1{
    background:url(../images/hexagon_1.png) no-repeat;
}
.base2{
    background:url(../images/hexagon_2.png) no-repeat;
}
.base3{
    background:url(../images/hexagon_3.png) no-repeat;
}
.base4{
    background:url(../images/hexagon_4.png) no-repeat;
}
.base5{
    background:url(../images/hexagon_5.png) no-repeat;
}
.base6{
    background:url(../images/hexagon_6.png) no-repeat;
}
.hexagon{
    width:100px;
    height:100px;
    -webkit-background-size:100px 100px;
    -moz-background-size:100px 100px;
    -o-background-size:100px 100px;
    background-size:100px 100px;
    position:absolute;
}
.base{
    width:98px;
    height:98px;
    /* border:1px solid #ccc;
    box-shadow: 0 0 1px 1px #ccc;
    border-radius:49px; */
    top:108px;
    left:93.5px;
    overflow:hidden;
}
.base img{
    width:98px;
    height:auto;
    text-align:center;
    vertical-align:middle;
}
.cir1,.cir4{
    left:89.5px;
}
.cir2,.cir6{
    top:53px;
}
.cir2,.cir3{
    right:0;
}
.cir3,.cir5{
    top:159px;
}
.cir4{
    bottom:0;
}
.zdbj{
    background:url(../images/icon-zdbj.png) no-repeat center center;
}
.xzdj{
    background:url(../images/icon-xzdj.png) no-repeat center center;
}
.thbj{
    background:url(../images/icon-thbj.png) no-repeat center center;
}
.ktqx{
    background:url(../images/icon-ktqx.png) no-repeat center center;
}
.dnwx{
    background:url(../images/icon-dnwx.png) no-repeat center center;
}
.cwdb{
    background:url(../images/icon-cwdb.png) no-repeat center center;
}
span.icon_content{
    display:block;
    width:100px;
    height:80px;
    padding-top:14px;
}
span.icon_pro{
    display:block;
    width:36px;
    height:36px;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    margin:0 auto;
}
span.icon_pro_title{
    width:52px;
    display:block;
    font-size:12px;
    color:#fff;
    margin:0 auto;
    margin-top:10px;
    padding-left: 4px;
    text-shadow:0 1px 3px #d09970;
}

.tool_bar{
    display:flex;
    display:-webkit-flex;
    position: fixed;
    bottom: 5px;
    width: 100%;
    /*  height: 80px;  */
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.bar_mes{
    background: url(../images/bar_mes.png) no-repeat;
}
.bar_call{
    background: url(../images/bar_call.png) no-repeat;
}
.bar_user{
    background: url(../images/bar_user.png) no-repeat;
}
.bar_search{
    background: url(../images/bar_search.png) no-repeat;
}
.tool_bar div{
    height: 44px;
    width: 44px;
    background-size: cover;
    text-indent: -9999px;
}


/*common*/
#mDialog{
    position:fixed;
    left:50%;top:50%;
    width:190px;
    margin-left:-110px;
    z-index: 9999;
    border-radius: 2px;
    padding: 15px;
    background:#303135;
    opacity:0.8;
    -webket-box-shadow: 0 0 2px 1px #5b5b5b;
    -moz-box-shadow: 0 0  2px 1px #5b5b5b;
    -o-box-shadow: 0 0  2px 1px #5b5b5b;
    box-shadow: 0 0  2px 1px #5b5b5b;
}
#mDialog .warnMsg{
    font-size:14px;
    color:#fff;
    text-align:center;
}
#mDialog .content,#mDialog .doBtn
{
    display:none;
    color: white;
    border: 2px solid white;
    border-radius: 4px;
    text-align: center;
    padding: 2px;
    margin-top: 16px;
}

#loading{
    width:100px;
    height:50px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-100px;
    background:rgba(0, 0, 0, 0.4);
    text-align:center;
    color:#fff;
    font-size:12px;
    border-radius:4px;
}
#loading .gif{
    width:30px;
    height:12px;
    margin: 8px auto 0;
    background:url(../images/loading.gif) no-repeat center center;)
-webkit-background-size:30px 12px;
    -moz-background-size:30px 12px;
    -o-background-size:30px 12px;
    background-size:30px 12px;
}
#loading .loadTxt{
    margin-top:8px;
}
#screen{
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    position:fixed;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 9000;
    width:100%;
    height:100%;
    background:#000;
}
.layer{
    position:absolute;
    top: 0;
    left: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: #fff;
}
.hide{
    display: none;
}
div.opa {
    opacity: 0.5;
}
.btn-more{
    margin: 0 0.5em;
}
.btn-more div{
    width:100%;
    height: 2em;
    border:1px solid #cecece;
    text-align: center;
    line-height: 2em;
    color:#999;
}

.dialog{
    position: fixed;
    left:50%;
    top:55%;
    margin-left: -125px;
    z-index: 9998;
}
.dialogguide{
	position: fixed;
    left:50%;
    top:45%;
    margin-left: -125px;
    z-index: 9998;
}
.dialogdel{
	position: fixed;
    left:50%;
    top:45%;
    margin-left: -125px;
    z-index: 9998;
}

.back{
    /* position: fixed; */
    left: 6px;
    /* bottom: 3px; */
    width: 26px;
    height: 26px;
    z-index: 9000;
    text-indent: -9999px;
    border-radius: 4px;
    padding: 6px;
    /* background:  rgba(0, 0, 0, 0.7); 
    background-color: dimgrey;*/
}
.back div{
    width: 25px;
    height: 25px;
    background:url(../images/downarrow.png);
    background-size: cover;   
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.home{
/* 	left: 6px;
    width: 26px;
    height: 26px;
    z-index: 9000;
    text-indent: -9999px;
    border-radius: 4px;
    padding: 6px; */
     background:url(../images/mail2.png);
     background-size: 100% 100%;
}

/* .home div{
    width: 30px;
    height: 30px;
   
    margin-bottom:10px;
    background-size: cover;
} */
.selects {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 1px;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  z-index: 9998;
  background: #fff;
}
.selects .optit {
  height: 42px;
  font-size: 18px;
  text-align: center;
  line-height: 42px;
  border-bottom: 1px solid #303135;
}
.selects .grop {
  border-bottom: 1px dotted #d6d6d7;
  padding: 10px 10px 10px 40px;
}
.selects .address{
    position: relative;
}
.selects .address:before {
  content: " ";
  width: 1em;
  height: 1em;
  position: absolute;
  font: normal normal normal 24px/1 FontAwesome;
  -webkit-font-smoothing: antialiased;
  left: 6px;
  top: 20px;
  background: url(../images/coordinates.png);
  background-size: cover;
}


/*2������*/
.use-bg
{
    background:url(../../images/usercenter_Bg.png); 
    background-size:100% 100%;   
}