/*reset start*/
@charset "UTF-8";
/* CSS Document */
body {position: relative;
    height: 100%;
    padding: 0px;
    margin: 0px;
    font-family: 'Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
    overflow-x: hidden; background: #eceaf2; color:#333;
    font-style: normal;
}
*{outline:none;}
div {outline: 0;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input, textarea {outline: 0; margin: 0px;border: 0px;width: 100%;height: 100%;padding: .4em 0;line-height: 1.2em;background: none;text-decoration: none;font-size: 1em;display: inline-block;    font-family: 'Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;}
input[type="search"] { -webkit-appearance: none;}
ul, li {list-style: none; margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{margin: 0;}
i { font-style: normal;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color:transparent;    position: relative;}
.clearfix:after{ content: ".";display: block;  height: 0; clear: both; visibility: hidden; }
h1{padding: 0.5em 1em 0;margin: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;outline: 0;    text-align: center;    font-size: 1em;    position: relative;-webkit-box-flex: 1;box-flex: 1;}
select {
  border: 1px solid #c0c2c5;
  -moz-appearance:none;
  -webkit-appearance: menulist-button;
  -webkit-appearance:none;
  background: url(/static/images/sel_triangle.png) no-repeat scroll right center transparent;
  appearance:none;
  padding-right: 14px;
  text-indent:0.01px;
　text-overflow:"";
}
a:focus, input[type=button] ,input[type=submit] ,:focus{outline:none;}
select::-ms-expand { display: none; }
:active{outline:none;}
::-moz-focus-inner{outline:none;}
input[type=button]:focus,input[type=submit]:focus{outline:none;}
input[type=button]::-moz-focus-inner{outline:0;}
a{outline:none;}
.btonone{border-bottom: 0px !important;}
.btnone{border-top: 0px !important;}
.mt625{ margin-top: 1.25em  !important;}
.paleft625{padding-left: 0.625em !important;}
.blackbg,.whitebg{background: #fff!important;}
.bgcontain{ -webkit-background-size: contain;
    background-size: contain;}
.icon{-webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
.text-overflow{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.textleft{text-align:left;}
.ulnext{width: 0.75em; height: 0.75em; margin-left: 0.3em; background-image: url(/static/images/icon-next.png); text-indent:-999px;display: inline-block;
-webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{ color:#0073bb;}

body.chatbox{position: static;}


.scrollContent{ padding: 0 0em 3.06em 0em;}
.otherpage .scrollContent,.scrollContent.pubrevbox{ padding: 2.69em 0em 3.06em 0em;}
.scrollContent.de-left{ padding: 2.69em 0em 3.06em 0em;}
.box_bounce{ position: absolute;height: 10em;width: 100%;top: -10em;text-align: center; display: none;}

.header{    height: 2.69em; display: -webkit-box;  display: box;  background-color: #434343; color: rgba(255,255,255,1);    position: fixed;top: 0;z-index: 1000;   width: 100%; font-size: 1em;}
.headerheight{height:2.69em;}
.grayheader{background-color: #efeef4; color:#000; border-bottom:1px solid #ddd;}
.whiteheader{background-color: #fff; color:#000; border-bottom:1px solid #e3e3e3;}
.searchbox{width: 100%; z-index: 100; border-bottom: 1px solid #ddd; margin-top: 2.69em;}
.sc-fh{padding: 0.625em; }
.ub{padding: 0.14em 0.625em 0;background-color: #fff;-webkit-border-radius: 0.3em;border-radius: 0.3em;-webkit-box-align: center;box-align: center;  display: block;position: relative;}
.ub:after{ content: "."; display: block; height: 0;clear: both;visibility: hidden;}
.ub-img{float: left; margin-top: 0.3em; width: 0.9em;height: 0.9375em;background: #fff url(/static/images/ele-seach.png);   -webkit-background-size: contain;background-size: contain;background-repeat: no-repeat;background-position: center;}
.ub-f1{float: left; width: 89%; padding: 0 0.5em;margin: 0;background: #fff;; position: relative;-webkit-box-flex: 1;box-flex: 1;}
.ub-f1 input{font-size: 0.8125em;}
.ub.addplace{margin-top:10px;display:none;}
.ub.addplace .ub-img{background: #fff url(/static/images/icon-location.png);margin-top: 0.4em;     background-repeat: no-repeat;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-moz-background-size: contain;
    background-size: contain;}

.catlist,.brlist{width: 100%; z-index: 100; border-top: 1px solid #fff; padding-top: 0.45em;}

.calistview{ display: -webkit-box !important;
    display: box !important;
    position: relative;    }
 .listitm{  cursor: pointer; background: #fff; margin: 0.45em; width: 100%; height: 100%; padding: 0.8em 0;
    border-radius: 0.5em;
 	position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
        -webkit-box-orient: vertical;
    box-orient: vertical;
        -webkit-box-align: center;
    box-align: center;
        display: -webkit-box !important;
    display: box !important;
    position: relative;
}
.listitm:hover{color: #0073bb;}
.uwh-ele{width: 4em;height: 4em;  -webkit-border-radius: 4em;border-radius:4em;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: box;
    position: relative;
}

.uwh-ele017{background-color: #aeaeae; display: none;}

.eleion{width: 2em;height: 2em;  -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.eletx017{margin-top: 0;}


.uwh-elerestaurant{background-color: #fd5851;}
.uwh-elecafe{background-color: #fabc3d;}
.uwh-eleconvenience_store{background-color: #b9d984;}
.uwh-elegrocery{background-color: #4fa7a0;}
.uwh-elelocal_service{background-color: #51c5fd;}
.uwh-elestation{background-color: #f3cb39;}
.uwh-ele051{background-color: #00c292;}
.uwh-ele055{background-color: #b9d984;}
.uwh-elehospital{background-color: #b9d984;}
.uwh-eleholiday_attraction{background-color: #87d5c6;}
.uwh-eleshopping{background-color: #fa5655;}
.uwh-elepharmacy{background-color: #61c476;}
.uwh-elelodging{background-color: #8c84d9;}
.uwh-eleparking{background-color: #f3cb39;}
.uwh-eletrain_station{background-color: #ffae73;}
.uwh-elebus_station{background-color: #84b6d9;}
.uwh-elepeople_nearby{background-color: #84d9c9;}


.uwh-eleevent{background-color: #80cab6;}/*イベント*/
.uwh-elepublic_facility{background-color: #6565b9;}/*公共施設*/
.uwh-eleamusement{background-color: #e26647;}/*娯楽*/
.uwh-elesports{background-color: #7dbebd;}/*スポーツ*/
.uwh-elepost_office{background-color: #f2955c;}/*郵便局*/
.uwh-elebank_atm{background-color: #f4767a;}/*銀行・ATM*/

.uwh-elegas_station{background-color: #d454ae;}
.uwh-ele054{background-color: #b9d984;}
.uwh-ele053{background-color: #6b98ff;}
.uwh-ele017{background-color: #aeaeae;}

.eleion{ width: 2em;height: 2em;  -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.uwh-elerestaurant .eleion{background-image: url(/static/images/elerestaurant.png); }
.uwh-elecafe .eleion{background-image: url(/static/images/elecafe.png); }
.uwh-eleconvenience_store .eleion{background-image: url(/static/images/eleconvenience_store.png); }
.uwh-elegrocery .eleion{background-image: url(/static/images/elegrocery.png); }
.uwh-elelocal_service .eleion{background-image: url(/static/images/eletxlocal_service.png); }
.uwh-ele005 .eleion{background-image: url(/static/images/elec6.png); }
.uwh-elestation .eleion{background-image: url(/static/images/elestation.png); }
.uwh-ele051 .eleion{background-image: url(/static/images/elec8.png); }
.uwh-ele055 .eleion{background-image: url(/static/images/elec9.png); }
.uwh-elehospital .eleion{background-image: url(/static/images/elehospital.png); }
.uwh-eleholiday_attraction .eleion{background-image: url(/static/images/eleholiday_attraction.png); }
.uwh-eleshopping .eleion{background-image: url(/static/images/eleshopping.png); }
.uwh-elepharmacy .eleion{background-image: url(/static/images/elepharmacy.png); }
.uwh-elelodging .eleion{background-image: url(/static/images/elelodging.png); }
.uwh-eleparking .eleion{background-image: url(/static/images/eleparking.png); }
.uwh-elegas_station .eleion{background-image: url(/static/images/elegas_station.png); }
.uwh-eletrain_station .eleion{background-image: url(/static/images/eletrain_station.png); }
.uwh-elebus_station .eleion{background-image: url(/static/images/elebus_station.png); }
.uwh-elepeople_nearby .eleion{background-image: url(/static/images/elepeople_nearby.png); }

.uwh-eleevent .eleion{background-image: url(/static/images/eleevent.png); }
.uwh-elepublic_facility .eleion{background-image: url(/static/images/elepublic_facility.png); }
.uwh-eleamusement .eleion{background-image: url(/static/images/eleamusement.png); }
.uwh-elesports .eleion{background-image: url(/static/images/elesports.png); }/*スポーツ*/
.uwh-elepost_office .eleion{background-image: url(/static/images/elepost_office.png); }/*郵便局*/
.uwh-elebank_atm .eleion{background-image: url(/static/images/elebank_atm.png); }/*銀行・ATM*/

.uwh-ele054 .eleion{background-image: url(/static/images/elec17.png); }
.uwh-ele053 .eleion{background-image: url(/static/images/elec18.png); }
.uwh-ele017 .eleion{background-image: url(/static/images/elec19.png); }
.eletx{font-size: 0.75em;margin-top: 0.75em;text-align: center;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }


.footer{  border-top: 1px solid rgba(202,202,202,1);  background-color: #FFFFFF;position: fixed; bottom: 0;z-index: 1000;min-height: 1em;     width: 100%;font-size: 1em;  display: -webkit-box; display: box;}
.tab-f1{ position: relative; -webkit-box-flex: 1;box-flex: 1;display: -webkit-box; display: box;}
.tab_m {height: 3em;display: block;width: 100%;font-size: 1em;display: -webkit-box;display: box;position: relative;}
.ulev-1 {position: relative;-webkit-box-flex: 1;box-flex: 1;display: -webkit-box ;display: box;position: relative;  cursor: pointer;}
.text-tab{ padding: 0.3em 0 0;color: #333;    position: relative;
	-webkit-box-align: center;
    box-align: center;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-flex: 1;
    box-flex: 1;
    display: -webkit-box;
    display: box;}
.fo-2x{text-align: center;position: relative; width:1.5em; height:1.5em;
	-webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.tx-c { text-align: center; color: #666; font-size: 16px;}

.foicon1{background-image: url(/static/images/home.png);}
.foicon2{background-image: url(/static/images/bubble.png);}
.foicon20{background-image: url(/static/images/circle.png);}
.foicon3{background-image: url(/static/images/add.png);}
.foicon4{background-image: url(/static/images/me.png);}
.ulev-1.selected .text-tab,.ulev-1:hover .text-tab{color:#4286f5;}
.ulev-1.selected .foicon1,.ulev-1:hover .foicon1{background-image: url(/static/images/home-hover.png);}
.ulev-1.selected .foicon2,.ulev-1:hover .foicon2{background-image: url(/static/images/bubble-hover.png);}
.ulev-1.selected .foicon20,.ulev-1:hover .foicon20{background-image: url(/static/images/circle-hover.png);}
.ulev-1.selected .foicon3,.ulev-1:hover .foicon3{background-image: url(/static/images/add-hover.png);}
.ulev-1.selected .foicon4,.ulev-1:hover .foicon4{background-image: url(/static/images/me-hover.png);}
.ulev-1.selected .tx-c,.ulev-1:hover .tx-c{color:#4286f5;}

.noread{display:none;position:absolute;background: #ff0000; color: #fff;top: -0.1em;left: 1em; font-size: 1em; min-width: 1.2em; height:1.2em;  line-height: 1.2em;font-family: Arial,sans-serif; text-align:center;  -webkit-border-radius: 0.625em;border-radius: 0.6em; }
.picture .noread{top: 0.4em; left: 3.0em;}
.brlist{background: #fff;}
.branch{  padding: 0.4em;    border-bottom: 1px solid #d6d6d6;    -webkit-box-align: center;
    box-align: center;    display: -webkit-box !important;
    display: box !important;
    position: relative;}
.branch:hover{ background: #f5f5f5;}
.branch-content{-webkit-box-flex: 1;box-flex: 1;margin: 0 0.4em;}
.branch-name{font-size:19px; margin:0; font-weight: 300;}

.branch-name a{color:#000; text-decoration:none;}
.branch-bt{ color: #666;   -webkit-box-align: center;  box-align: center;  margin-top: -0.625em;
    display: -webkit-box !important;
    display: box !important;
    position: relative;
    }
.branch-biaoqian{color: #999; text-align: left;     -webkit-box-align: center;
    box-align: center;-webkit-box-orient: vertical;
    box-orient: vertical;}
.branch-line{color: #666; text-align: right;     margin-top: 0.8em;    -webkit-box-align: center;
    box-align: center;-webkit-box-orient: vertical;
    box-orient: vertical;position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;}
.branch-address,.branch-name{ white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color: #333;}
.branch-address,.branch-line{font-size:14px; color:#777;}
.nav-btn {padding: 0 0.6em;display: -webkit-box; display: box;position: relative;
    -webkit-box-align: center;box-align: center;-webkit-box-pack: center;box-pack: center;}
.nav-btn .btn-back,.btn-search,.btn-home,.btn-more{min-width: 1em;min-height: 1em;vertical-align: middle;display: inline-block;
         -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-repeat:no-repeat;
}
.nav-btn .btn-back{background-image: url(/static/images/icon-back.png);}
.grayheader .nav-btn .btn-back{background-image: url(/static/images/icon-back-black.png); }
.nav-btn  .btn-search{background-image: url(/static/images/icon-search.png); font-size: 1em;}
.nav-btn .btn-end {color:#30db10; font-size: 1em;}
.nav-btn .btn-end.disable{color:#aaa;}
.nav-btn .btn-words{color:#999999; font-size: 0.75em;}
.nav-btn .btn-home{background-image: url(/static/images/icon-homewhite.png);}
.nav-btn .btn-home span,.nav-btn .btn-more span{display:none;}
.nav-btn .btn-more{background-image: url(/static/images/icon_morewhite.png);}

.shopimgbg{background-color: #fff;}
.boximgheight{background:transparent center center no-repeat;height: 10em;}
.shopjj{ background:#fff;  padding: 0.84375em 1em;}
.shopnr{display: -webkit-box !important;display: box !important;}
.shopjj h2{font-size:  1em;    -webkit-box-flex: 1; box-flex: 1;}
.shopjj p{font-size: 0.75em;}
.mapsl{width:100%; border-top: 1px solid #ddd; height: 12.625em; overflow: hidden; position: relative;}
.mapsl > div{width: 100%; height: 12.375em; min-height: 0;}
.biggersing{ position: absolute; top: 10px;left: 10px; outline: 0; z-index: 999; color:#fff; font-weight:700;  min-width: 24px; min-height: 24px;padding-left: 30px; padding-right: 5px; background:rgba(0,0,0,0.6) url(/static/images/map-glyph-48.png) 0 center no-repeat; vertical-align: middle; display: inline-block;
    -webkit-background-size: contain;
    background-size: contain;
}
.biggersing:hover{color:#f5f5f5;}
.biggersing span{display:none;}
.de-left .content{font-size:0.8em; padding: 0.84375em 1em; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 0.625em;}
.de-left .content img{ max-width: 100%;}

.list,.pingl{margin-bottom: 0.625em;  border-bottom: 1px solid #ddd;   border-top: 1px solid #ddd;  }
.umar-at1{     margin: 0;
   padding: 0.84375em 1.25em;  border-bottom: 1px solid #ddd;   color: #999;    background-color: #FFFFFF;    -webkit-box-align: center;
    box-align: center;    display: -webkit-box;
    display: box;
    position: relative;
}
.umar-at1 .ulname{color: black; font-size: 0.875em;outline: 0;position: relative;-webkit-box-flex: 1; box-flex: 1; word-break: break-all;}
.umar-at1 .ulname.paleft{padding-left:1.6em;}
.popup .umar-at1 .ulname{font-size: 0.75em;}
.ulcontent{ width: 30%;    text-align: right;outline: 0 !important; position: relative; -webkit-box-flex: 1;box-flex: 1; }
.umar-at1 .namecateri:before{ content:''; position: absolute; left:0;top: 0.2em; background:url(/static/images/icon-cate.png) no-repeat; width: 1.125em; height: 1.125em; -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .nametelephone:before{ content:''; position: absolute; left:0; top: 0.2em;background:url(/static/images/icon-telephone.png) no-repeat; width: 1.125em; height: 1.125em; -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .namesit:before{ content:''; position: absolute; left:0; top: 0.2em; background:url(/static/images/icon-location.png) no-repeat; width: 1.125em; height: 1.125em; -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .nametime:before { content: ''; position: absolute;  left: 0; top: 0.2em;  background: url(/static/images/icon-time.png) no-repeat; width: 1.125em; height: 1.125em;
    -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .nameurl:before { content: ''; position: absolute;  left: 0; top: 0.2em;  background: url(/static/images/icon-urllink.png) no-repeat; width: 1.125em; height: 1.125em;
    -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .namearea:before { content: ''; position: absolute;  left: 0; top: 0.2em;  background: url(/static/images/icon-areanav.png) no-repeat; width: 1.125em; height: 1.125em;
    -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .namearea span:first-child{display:none;}
.umar-at1 .ulname h2{font-size: 14px;font-weight: 300;}
.umar-at1 .ulname a{text-decoration:none; color:#666;}
.umar-at1 .ulname a:hover{text-decoration:none; color:#4286f5;}
.umar-at1.btonone .nametelephone:before{ content:''; position: absolute; left:0;top: 0; background:url(/static/images/icon-telephone.png) no-repeat; width: 1.125em; height: 1.125em; -webkit-background-size: contain;
    background-size: contain;}
.umar-at1 .ulname.tags{padding:0 !important; display: block !important;display: block !important;}
.umar-at1 .tags:before{ content:''; position: absolute; left:0; top: 0.2em; background:url(/static/images/icon-tag.png) no-repeat; width: 1.125em; height: 1.125em; -webkit-background-size: contain;
    background-size: contain;}


.ulcon{width: 1.5em;height: 1.5em; margin-right: 0.5em; -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.ulcon050,.ulconlocal_service{ background-image: url(/static/images/icon-fl01.png); }
.ulcon051{ background-image: url(/static/images/icon-fl02.png); }
.ulcon055{ background-image: url(/static/images/icon-fl03.png); }
.ulcon052{ background-image: url(/static/images/icon-fl03.png); }
.ulcon053,.ulconstore{ background-image: url(/static/images/icon-fl04.png); }
.ulcon054{ background-image: url(/static/images/icon-fl05.png); }
.ulconrestaurant{ background-image: url(/static/images/icon-fl07.png);}
.ulconcafe{ background-image: url(/static/images/icon-fl08.png);}
.ulconevent{ background-image: url(/static/images/icon-fl09.png);}

.pingl{background: #fff; padding:0.625em; }
.pingltop{display: -webkit-box !important;display: box !important;}
.umtitle{ font-weight: 700;    color: black;font-weight: 700;font-size: 1.125em;     -webkit-box-flex: 1; box-flex: 1;}

.uinn-a7{margin-top:20px;}
.vote-star,.shopstr{
    margin-top: 0.325em;
    width: 79px;
    height: 16px;
    overflow: hidden;
    vertical-align: middle;
    }
.vote-star{background: url(/static/images/star2.png) repeat-x 0 0; -webkit-background-size: contain; background-size: contain;}
.vote-star i,.shopstr i{ float: left;display: inline-block; height: 16px; background: url(/static/images/star1.png) repeat-x 0 0;   -webkit-background-size: contain; background-size: contain;  }
.vote-star.orange i{background: url(/static/images/star1-orange.png) repeat-x 0 0;  -webkit-background-size: contain; background-size: contain; }
.branch-bt .vote-star{ -webkit-background-size: contain; background-size: contain;  margin-top: 0.8em;}
.shopstr{background-image: url(/static/images/star-02.png)!important; width: 94px;height: 18px;  margin-top: 0.8em; -webkit-background-size: contain; background-size: contain;
}
.shopstr i{margin-right:2px; background-image: url(/static/images/star-01.png)!important; height: 18px; -webkit-background-size: contain; background-size: contain;}

.pinglz{-webkit-box-align: center; margin:0;    padding: 0.625em 1.25em 0.625em 0; border-bottom: 1px solid #ddd;
    box-align: center;
    display: -webkit-box !important;
    display: box !important;
    position: relative;}

.pinglz .ub-f1{padding:0;}
.pingl-text{margin-top: 0.625em; font-size: 0.875em; }
.pinglun{ margin-top: 0.325em;  display: -webkit-box;display: box;}

.pinglun a.btn{text-decoration:none; display:inline-block; color:#666; position:relative; margin-left:10px;  padding: 0 5px; min-width: 74px; font-size:0.875em; background:#fff; border:1px solid #ccc; text-align:center; height:22px;line-height:22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-flex: 1; box-flex: 1;
	 background: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
    background-image: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%,#dddddd 100%);
    background-image: linear-gradient(top, #ffffff 0%,#dddddd 100%);

	}
.pinglun a.btn span{vertical-align: middle; width:16px;height:16px; display: inline-block; margin-right:5px; }
.pinglun a.zana span{background: url(/static/images/icon-zan.png) no-repeat;  -webkit-background-size: contain; background-size: contain; }
.pinglun a.commenta span{background: url(/static/images/icon-comment.png) no-repeat; -webkit-background-size: contain; background-size: contain;}
.pinglun a.angry span{background: url(/static/images/icon-angry.png) no-repeat;  -webkit-background-size: contain; background-size: contain; }
a.btn.zana.clicked,.a.btn.angry.clicked{ background-image: none; opacity: 0.7;}
.pinglun a.zana.clicked span{background: url(/static/images/icon-zaned.png) no-repeat; -webkit-background-size: contain; background-size: contain;  }
.pinglun a.angry.clicked span{background: url(/static/images/icon-angryed.png) no-repeat; -webkit-background-size: contain; background-size: contain;  }
.pinglun a.btn:hover{opacity:0.7;}
.pinglun a.btn:active{outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}

.tipoff{color:#777; font-size:13px;display:block;}
.btnitem-pov .btnmore{background: url(/static/images/ic_more_48px.png) no-repeat; vertical-align: middle; width:32px;height:32px; display: inline-block;-webkit-background-size: contain; background-size: contain;}
.btnitem-pov{float:right;position:relative;margin-top:6px;}
.povmenu{position:absolute;top:30px;right:0; display:none; background: #fff; padding:10px; z-index:10;min-width:90px;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
    box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.povmenu:before,.povmenu:after { content: ''; position: absolute; height: 0; width: 0;}
.povmenu:before{right: 30px;top: -12px;   border: 6px solid transparent; border-bottom-color: #ccc;}
.povmenu:after{ border: 6px solid transparent;  border-bottom-color: #fff;  top: -11px;  right: 30px;}
.oldreview .btnitem-pov{margin-top:-6px;}
.showtip{display: none;background: #f5f5f5; padding: 10px;text-align: center;color: #999;}


.pinlunzhe{font-size: 0.875em; color: #666; -webkit-box-flex: 1; box-flex: 1;}
.pinlunzhe span{color: #2980d5; padding:0 0.3em;    text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}
.pinlunzhe span a{color: #2980d5; text-decoration:none;}
.commentbox .coment-input{background: #f8f8f8; -webkit-box-flex: 1; box-flex: 1; padding:0.4em;  display: block;}
.comment-send{width:4em; line-height: inherit; color:#fff; margin-left:0.4em; background: #333; border: 1px solid #222; border-radius: 0.3em; -webkit-border-radius: 0.3em;}
.recall{margin-top: 0.625em; background:#f3f3f5; font-size: 0.875em;}
.view{ padding:0.625em;}
.zan{font-size:0.75em; display: -webkit-box;}
.zaner{-webkit-box-flex: 1;box-flex: 1;}
.zaner span.iconzan{background: url(/static/images/icon-zaned.png) no-repeat; width:1em;height:1em; margin-right:0.5em; display:inline-block; overflow: hidden;  -webkit-background-size: contain; background-size: contain;}
.moreview{ color: #999; text-decoration: none;    float: right; font-size:0.75em;}
.recawords{ line-height:1.5em;  word-break: break-all;   padding: 0 0.625em 0.625em; overflow: hidden;}
.recawords .username{color:#2980d5; margin-right:0.325em;}
.rewords{margin-top: 0.625em;}

.more{margin-top: 0.625em; padding-top: 0.625em; border-top: 1px solid #ddd; border-bottom: 0px; font-size: 1.2em;}

.btnpl{margin: 1.2em 0.625em; border: 1px solid #ddd; background: #fff; border-radius: 3px;  min-height: 2.2em;font-size: 1em;text-align: center;    color: #333;text-decoration: none;
    -webkit-box-pack: center;
    box-pack: center;
        -webkit-box-align: center;
    box-align: center;
        display: -webkit-box;
    display: box;
    position: relative;
}
.btnpl.disable{color:#aaa; background: #f5f5f5;}
.btn-text{color:#2980d5; }



.blackbg .pingl{border: 0px!important;}


.star_bg {
    width: 85px; height: 17px;
    background: url(/static/images/star2.png) repeat-x;
    position: relative;
    overflow: hidden;  -webkit-background-size: contain;
    background-size: contain;
}
.star {
    height: 100%; width: 24px;
    line-height: 6em;
    position: absolute;
    z-index: 3;
}
.star:hover {
    background: url(/static/images/star1.png) repeat-x 0 0;
    left: 0; z-index: 2;  -webkit-background-size: contain;
    background-size: contain;
}
.star_1 { left: 0; }
.star_2 { left: 24px; }
.star_3 { left: 48px; }
.star_4 { left: 72px; }
.star_5 { left: 96px; }
.star_1:hover { width: 24px; }
.star_2:hover { width: 48px; }
.star_3:hover { width: 72px; }
.star_4:hover { width: 96px; }
.star_5:hover { width: 120px; }

label {
    display: block; _display:inline;
    height: 100%; width: 100%;
    cursor: pointer;
}

/* 幕后的英雄，单选按钮 */
.score { position: absolute; clip: rect(0 0 0 0); }
.score:checked + .star {
    background: url(/static/images/star2.png) repeat-x 0 0;
    left: 0; z-index: 1;  -webkit-background-size: contain;
    background-size: contain;
}
.score_1:checked ~ .star_1 { width: 24px; }
.score_2:checked ~ .star_2 { width: 48px; }
.score_3:checked ~ .star_3 { width: 72px; }
.score_4:checked ~ .star_4 { width: 96px; }
.score_5:checked ~ .star_5 { width: 120px; }

.star_bg:hover .star {  background-image: none; }


/* for IE6-IE8 JS 交互 */
.star_checked {    background: url(/static/images/star1.png) repeat-x 0 0;left: 0; z-index: 1;  -webkit-background-size: contain;background-size: contain;}

.uinn-a1 { padding-left: 0.625em; background: #fff;border-bottom: 1px solid #ddd;}
.comgoods{margin-bottom: 1.25em;display: -webkit-box !important;display: box !important; position: relative;}
.goodsImg{width:4.375em; height:4.375em;margin-right: 0.625em;background-image: url(/static/images/pic.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
.goodspro{ position: relative;     margin-top: 1.25em; -webkit-box-flex: 1; box-flex: 1;    -webkit-box-orient: vertical;
    box-orient: vertical;    display: -webkit-box;
    display: box ; position: relative;}
.commtext{border-top: 1px solid #ddd; padding:0.84375em 0.625em;}
.cinput{position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;    display: -webkit-box !important;
    display: box !important;
    position: relative;}
.cinput input{padding:0;}


.cinput textarea{    min-height: 12.5em;    margin: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    padding: .4em 0;
    line-height: 1.2em;
    background: none;
    text-decoration: none;
    font-size: 1em;
    display: block;    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;}
.txnub{font-size: 0.625em !important;text-align: right; color: #c7c7c7; -webkit-box-pack: end;
    box-pack: end;    -webkit-box-align: end;
    box-align: end;}

.addta textarea{ min-height: 1.2em!important;padding: .4em 0 0; line-height: 1;}
.addupload{ padding: 0.625em 0;    display: -webkit-box !important;
    display: box !important;
    position: relative;}
.addupload .imgBg{display: inline-block;  margin-right: 0.4375em;    width: 4.8em;   border: 1px solid #fff;  height: 4.8em; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center;}
.cathome{margin: 0.45em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; border-radius: 0.5em;}
.popup{ -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em;-o-border-radius: 0.5em; -ms-border-radius: 0.5em; border-radius: 0.5em;}
.umar-at1.selectcat1{border-bottom:0px;}

.un050{width:1.5em;height:1.5em;}

.loinbox{width:80%; margin:30px auto;}
.loinbox ul li input{padding: 0.9em 0.5em; border-radius: 0;line-height: 1.2em; text-decoration: none; font-size: 1em; border-bottom:1px solid #d7d7d7; outline:0;
	-webkit-box-sizing: .3em;
    -moz-box-sizing: .3em;
    -ms-box-sizing: all 0.08s ease-in-out;
	box-sizing: border-box;
}
.email-login{margin-top:1.25em;}
.submit_transfer{width:100%;border:0; border-radius:0.3em; background:#4286f5;height: 2.75em; line-height:2.75em;font-size: 1.125em; color:#fff; text-align:center;}
.textlink{margin-top: 0.5em;}
.textlink a{ text-decoration: none;color: #999;}
.textlink a:hover{text-decoration: none;color: #666;}
.textlink a:first-child{float:left;}
.textlink a:last-child{float:right;}
.loinbox form{margin-top: 1.2em;}
.loinbox ul li{position:relative;}
span.get{position:absolute; right:0; bottom:0.9em; display:block; background:#aaaaaa; color:#fff; font-size:0.75em; border-radius:0.3em; padding:0.3em;}

a.btnfb,a.btngmail,a.btnline{display: block;margin: 0.9em auto 0; height: 2.75em;line-height:2.75em; color: #fff;text-align: left; font-size: 1.2em;text-decoration: none;
-webkit-border-radius: .3em;
    -ms-border-radius: .3em;
    border-radius: .3em;
    -webkit-transition: all 0.08s ease-in-out;
    -ms-transition: all 0.08s ease-in-out;
    transition: all 0.08s ease-in-out;}
a.btnfb{background: #4167b2;}
a.btngmail{background: #ea4335;}
a.btnline{background: #4ecd00;}
a.btn i {float: left;display: inline-block;height: 100%;}
a.btn i img{width: 1.5em;height: 1.5em; margin: 0.6em;}
a.btnfb i img{background: url(/static/images/icon-fb.png) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain;}
a.btngmail i img{background: url(/static/images/icon-gm.png) 0 0 no-repeat;-webkit-background-size: contain; background-size: contain;}
a.btnline i img{background: url(/static/images/icon-line.png) 0 0 no-repeat;-webkit-background-size: contain; background-size: contain;}

.sharebtn a{ display: block; width: 100%; text-align: center; padding: 0.625em 0; background: #fff;color: #ff6600;font-size: 1.2em; line-height: 1;}
.sharebtn a span{ vertical-align: middle; width: 24px; height: 24px; display: inline-block; margin-right: 15px; background: url(/static/images/icon-share48.png) no-repeat;-webkit-background-size: contain;background-size: contain;}
.sharebtn a:hover{opacity: 0.7;}
.sharebtn a:active{outline: 0;-webkit-box-shadow: inset 0 3px 10px rgba(0,0,0,0.1); box-shadow: inset 0 3px 10px rgba(0,0,0,0.1);}

.share.phonediv{margin-bottom: 0.625em;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd; margin-top: 0; padding: 0.84375em 1.25em; background: #fff;}

.busy-hours{margin-top:30px;  line-height: 1; font-size:1em;  background: #fff; padding: 1.25em;}
.busy-hours h3{ font-size: 0.875em;font-weight: 700;  margin-bottom: 0.625em;}
.busy-hours p{line-height:1.5;font-size: 0.875em;}
.tags .tagslink{ display: inline-block;   text-decoration:none;
    color: #6C6C6C;
    background: #f2f2f2;
    cursor: pointer;
    float: left;
    padding: 0.3em;
    margin: 0.2em;
    font-size: 0.875em;
    font-weight: normal;
    height:  1.375em;
    line-height:  1.375em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    }
.tags .tagslink:hover{-webkit-opacity: 0.8;-moz-opacity: 0.8;-ms-opacity: 0.8;-o-opacity: 0.8;opacity: 0.8}

.star_score {width:10.625em; background:url(/static/images/star2-68.png); float:left;  height:2.125em;  position:relative;  -webkit-background-size: contain; background-size: contain;}
.star_score li{width:2.125em; height:2.125em; display:inline-block; float:left; }
/*.star_score:hover{ background:url(/static/images/star1-68.png); -webkit-background-size: contain; background-size: contain; }*/
.star_score li.on{ background:url(/static/images/star1-68.png);-webkit-background-size: contain; background-size: contain; }

.picture{width:3em;height:3em; background: #f5f5f5 url(/static/images/piction.png) 50% 50% no-repeat; -webkit-background-size: cover;  -webkit-background-size: cover;   -moz-background-size: cover;   -ms-background-size: cover;  background-size: cover; -webkit-border-radius: 0.3em;border-radius: 0.3em;}
.picture.shopthum{width:4.5em;height:4.5em;}
.bcleft{-webkit-box-flex: 1;box-flex: 1;margin: 0 0.4em;}
.bcleft h3{ font-weight: 300;font-size: 1.125em;}
.bcright{min-width: 20%; max-width:30%; padding:0.4em; background:#f2f2f2;-webkit-border-radius: 0.3em;border-radius: 0.3em; font-size:0.75em;color:#999; line-height:1.25em; max-height:2.5em; overflow:hidden;}

.mylist{display: -webkit-box !important;display: box !important;position: relative; background:#fff; margin-top:1.25em; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.mylist .mylist-itme{cursor: pointer;width: 100%;height: 100%; border-right:1px solid #ddd; margin:0.8em 0;
    position: relative;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-align: center;
    box-align: center;
    display: -webkit-box !important;
    display: box !important;
    position: relative;}

.mylist .mylist-itme:last-child{border-right:0px;}
.mylist-ele{ width: 1.75em; height: 1.75em;position: relative;
    -webkit-box-pack: center;
    box-pack: center;
    -webkit-box-align: center;
    box-align: center;
    display: -webkit-box;
    display: box;
    -webkit-background-size: contain;
    background-size: contain;
}
.mylist-ele1{ background-image: url(/static/images/icon-me1.png);}
.mylist-ele2{ background-image: url(/static/images/icon-me2.png);}
.mylist-ele3{background-image: url(/static/images/icon-me3.png); }
.mylist-ele4{background-image: url(/static/images/icon-me4.png); }
.mylist-ele5{background-image: url(/static/images/icon-me5.png); }
.btnlogout{display: block;margin-top: 4em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;background: #fff;font-size: 1em;padding: 0.625em 0;text-align: center; text-decoration: none;color: #000;}
.btnlogout.disable{color:#aaa; background: #f5f5f5;}

.setme{margin-top:1.25em;padding-left: 0.625em; background: #fff;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.setline{ font-size:1em; border-top: 1px solid #ddd;padding: 0.625em 0.3em 0.625em 0; display: -webkit-box !important;display: box !important;position: relative;}
.setline:first-child{border-top:0;}
.setline .ulname{-webkit-box-flex: 1; box-flex: 1;    width: 10%;}
.setme .ulcontent{-webkit-box-flex: 1; box-flex:1; }
.setmeno{padding:0; line-height:1.8em; padding: 0.5em 0.5em 0 0;}
p.setno-tips{margin-top: 1.2em;font-size:0.75em; color:#666;padding-left: 0.625em;}
.setline.disable{ opacity: 0.5;}

.chatjj{ display: -webkit-box !important;display: box !important;line-height:1.5em; }
.usrname{-webkit-box-flex: 1;box-flex: 1; font-size:1em;}
.chatime{color:#bbb; font-size:0.75em;}
.chatlast{color:#acacac; font-size:0.75em; line-height:1.5em; text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important;}

.my-nav{height:2em;line-height:2em;padding: 0.3em 0;text-align:center;border-bottom:1px solid #ddd; display: -webkit-box;display: box;}
.my-nav a{text-decoration:none; display:block; color:#000; -webkit-box-flex: 1; box-flex: 1;}
.my-nav a:first-child{border-right:1px solid #ddd;}
.mplist{position: relative;padding:0.9em; background:#fff;cursor: pointer;}
.mplistcon{display: -webkit-box;display: box; }

.mpimage{background-color: #f0f0f0; width:5.6em; height:5.6em; margin-right: 0.5em; -webkit-background-size: cover;background-size: cover;background-position: center;background-repeat:no-repeat;}
.mplist .right{-webkit-box-flex: 1;box-flex: 1;}
.mplist h3{font-size:1.2em; font-weight:300;}
.mplist h3 a{text-decoration:none; color:#000;}
.mplist .mpjl{margin-top:0.625em; font-size:0.75em; color:#999;}
.mplist .btns{ position: absolute; bottom: 0.4em; left: 7em;}
.mplist .btns a{display:inline-block; margin:0.625em 0.3em; text-decoration:none; font-size:0.75em; color:#666; width:3.8em; text-align:center; line-height:20px;  border:1px solid #ddd; border-radius: 0.3em;}
.sprice{}
.priceline{color: #777; font-size: 15px;}

.chat-thread { width: 100%; margin: 1em auto 0 auto;list-style: none;overflow-x: hidden;overflow-y: auto;top:2.75em;bottom: 3.375em;-webkit-overflow-scrolling: touch;}
.chat-thread li {clear: both;margin:0.5em; word-break: break-all; font: 16px/20px; display: -webkit-box;  display:-box; }
.chat-thread li.mywords{ float: right; color: #333;
    animation: show-chat-odd 0.15s 1 ease-in;
    -moz-animation: show-chat-odd 0.15s 1 ease-in;
    -webkit-animation: show-chat-odd 0.15s 1 ease-in;  }
.chat-thread li.otherwords {float: left;color: #333;
    animation: show-chat-even 0.15s 1 ease-in;
    -moz-animation: show-chat-even 0.15s 1 ease-in;
    -webkit-animation: show-chat-even 0.15s 1 ease-in;
}
.chat-thread li.timeline{text-align: center;margin-top: 20px;color: #bbb;font-size: 1em;}
.chat-thread li .picture{width: 2.6em; height: 2.6em; }
.mywords .arrow_box{position: relative;margin-right:0.6em;background: #b2e281;border: 1px solid #b2e281; border-radius: 0.5em;padding: 0.75em;-webkit-box-flex: 1; box-flex: 1;}
.mywords .arrow_box:after,.mywords .arrow_box:before {left: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.mywords .arrow_box:after {border-left-color: #b2e281;border-width: 0.5em;margin-top: -0.5em;}
.mywords .arrow_box:before {border-left-color: #b2e281;border-width: 0.6em;margin-top: -0.6em;}

.otherwords .arrow_box{position: relative;margin-left:0.6em;background: #fff;border: 1px solid #ddd; border-radius: 0.5em;padding: 0.75em; -webkit-box-flex: 1; box-flex: 1;}
.otherwords .arrow_box:after,.otherwords .arrow_box:before {right: 100%;top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.otherwords .arrow_box:after {border-right-color: #fff;border-width: 0.5em;margin-top: -0.6em;}
.otherwords .arrow_box:before {border-right-color: #ccc;border-width: 0.6em;margin-top: -0.6em;}


.commentbox {background: #f8f8f8;padding: 0.625em;border: 1px solid #ddd; display: -webkit-box; display: box; margin-top: 0.625em;}
.comlist{width:100%;}
.comlist li{margin:0.3em 1%;  width: 46%; height:2.5em; line-height:2.5em;font-size:0.75em; text-align:center; display:inline-block; background:#f6f6f6; border-radius:0.3em;}
.comlist li.selected{background:#ff6600; color:#fff; }
.blanklay{height:30px; width:100%; background:#fff;display:none; }

.sign-follow{width:7em; height:7em; background:#fff center center no-repeat;-webkit-background-size: cover; background-size: cover; padding:0 }
.sign-follow .eletx{background:rgba(255,255,255,0.8);  height:3em; line-height:3em;  text-align:left; padding:0 1em; margin-top: 0; position:absolute; bottom:0; left:0; right:0;  border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; display: -webkit-box;display: box;}
.sign-follow .eletx span{ -webkit-box-flex: 1;box-flex: 1; display:block;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap !important}
.sign-follow .eletx a{text-decoration:none; text-align:right; background:#ff6600; padding:0.3em 0.5em; color:#fff; border-radius:0.3em;}
.btnlx{background: #fff;padding: 0.4em 0; font-size: 1em;border-top: 1px solid #ddd;  position: fixed; z-index: 999; bottom: 0; left: 0; right: 0;text-align: center;width: 100%; cursor: pointer;  display: -webkit-box; display: box;}
.btnlx h2{font-size: 1.125em; font-weight: 300;    -webkit-box-flex: 1;box-flex: 1;}
.btnlx a{display: block;color: #fff;  cursor: pointer;text-decoration:none; text-align: center;  line-height:2;  border-radius: 0.2em; -webkit-box-flex: 1;box-flex: 1;}
.btnlx a.lxchat{border: 1px solid #ff8830; margin:0 0.25em 0 0.5em;    box-shadow:0 1px 1px rgba(200,200,200,.5);
	-moz-background: linear-gradient(#ffb843,#ff7c2b);
	-webkit-background: linear-gradient(#ffb843,#ff7c2b);
	-o-background: linear-gradient(#ffb843,#ff7c2b);
	 background: linear-gradient(#ffb843,#ff7c2b);
}
.btnlx a.lxphone{border: 1px solid #00c071; margin:0 0.5em 0 0.25em; box-shadow:0 1px 1px rgba(200,200,200,.5);
	 -moz-background: linear-gradient(#00c482,#00c071);
	 -webkit-background: linear-gradient(#00c482,#00c071);
	 -o-background: linear-gradient(#00c482,#00c071);
	 background: linear-gradient(#00c482,#00c071);
}
.btnlx a span{display:inline-block;width:1em; height:1em;  margin-right: 0.5em; vertical-align: middle;}
.btnlx a.lxchat span{background:url(/static/images/bubble-white.png); -webkit-background-size: contain; background-size: contain;}
.btnlx a.lxphone span{background:url(/static/images/icon-phonewhite.png); -webkit-background-size: contain; background-size: contain; margin-bottom: 0.2em;}
.btnlx a.lxsc{border: 1px solid #ccc; box-shadow: 0 1px 1px rgba(200,200,200,.5);color: #666;-webkit-box-flex: 0.25;box-flex: 0.25;    margin-left: 0.4em;
	-moz-background: linear-gradient(#fff,#f5f5f5);
	-webkit-background: linear-gradient(#fff,#f5f5f5);
	-o-background: linear-gradient(#fff,#f5f5f5);
	background: linear-gradient(#fff,#f5f5f5);
}
.btnlx a.lxsc span { background: url(/static/images/collection.png);-webkit-background-size: contain;background-size: contain;    margin-bottom: 0.2em;}
.btnlx a.lxlink{border: 1px solid #efbf41; box-shadow: 0 1px 1px rgba(200,200,200,.5);color: #666;-webkit-box-flex: 0.25;box-flex: 0.25;    margin-left: 0.4em; color: #fff;
	-moz-background: linear-gradient(#f9d066,#efbf41);
	-webkit-background: linear-gradient(#f9d066,#efbf41);
	-o-background: linear-gradient(#f9d066,#efbf41);
	background: linear-gradient(#f9d066,#efbf41);
}
.btnlx a.lxlink span { background: url(/static/images/icon-link-white.png);-webkit-background-size: contain;background-size: contain;}

.btnlx a:hover{ opacity: 0.7;}
.btnlx a:active{outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}

.subnav{background: #f5f5f5; width: 940px;  margin: 30px auto 0; padding: 10px; font-size: 13px; color: #666;}
.subnav a{color: #666;}
.breadcrumbs{float: left;}
.breadcrumbs li{float: left;line-height: 22px;}
.breadcrumbs li select{width:90px;}
.snhome{float:left; }
.breadcrumb-arrow{margin:0 10px; float: left;}


/*checkbox css3*/
input[type="checkbox"] {display: none; }
input[type="checkbox"] + label {cursor: pointer; font-size: 1em;}
[id^="checkbox-"] + label {background-color: #fafbfa;display: inline-block;position: relative;width: 3.125em; height: 1.8em;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    }
[id^="checkbox-"] + label:before {
    content: ' ';
    position: absolute;
    background: white;
    top: 1px;
    left: 1px;
    z-index: 999999;
    width: 1.6em;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    height: 1.6em;
    border-radius: 1.6em;
    box-shadow: 0 3px 1px rgba(0,0,0,0.05), 0 0px 1px rgba(0,0,0,0.3);
}
[id^="checkbox-"]:checked + label:before {
    content: ' ';
    position: absolute;
    left: 1.5em;
    border-radius: 1.6em;
}
[id^="checkbox-"] + label:after {
    content: ' ';
    position: absolute;
    top: 0;
    -webkit-transition: box-shadow 0.1s ease-in;
    transition: box-shadow 0.1s ease-in;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.6em;
    box-shadow: inset 0 0 0 0 #eee, 0 0 1px rgba(0,0,0,0.4);
}
[id^="checkbox-"]:checked + label:after {
    content: ' ';
    font-size: 1.5em;
    position: absolute;
    background: #4cda60;
    box-shadow: 0 0 1px #4cda60;
}

/* */
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 2040; background-color: #242424;  opacity: .5; filter: alpha(opacity=50);}
.fade{ opacity: 0;
    transition: color opacity .15s linear linear;
    -o-transition: color opacity .15s linear linear;
    -moz-transition: color opacity .15s linear linear;
    -webkit-transition: color opacity .15s linear linear;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-container{  position: fixed; width:80%;top: 46%;left: 50%; margin: -8em 0 0 -40%;z-index: 2050;
    background-color: #fff;
    border-radius: 0.9em;
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    box-shadow: 0 15px 30px rgba(0,0,0,0.15);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-container .box{ margin:2em; position: relative;}
button.close {position:absolute; top: 10px; right: 10px; width: 25px; height: 25px;  cursor: pointer;background: transparent; border: 0;float: right;font-size: 20px;font-weight: bold; line-height: 22px; color: #9b9b9b;
	text-shadow: 0 1px 0 #fff; opacity: .9;  filter: alpha(opacity=90);text-shadow: none;-webkit-appearance: none; outline: none;}
button.close:hover{opacity: .6;  filter: alpha(opacity=60);}
button.close:active{opacity: .9;  filter: alpha(opacity=90);}
.emailsend{ padding-left: 2.5em;}
.emailsend:before{    content: '';position: absolute; left: 0; width: 1.94em;height: 1.375em;background:transparent url(/static/images/icon-ok.png) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;}
.emailsend p{ text-align: left; font-size: 0.75em; line-height:1.5em;}
.emailsend .btn-gray{margin-top:0.6em; display:block;background:#ddd; border:1px solid #ddd; -webkit-border-radius:0.3em;border-radius:0.3em;height:2em; text-align:center; line-height:2em; paddding:0 0.5em;}
.modifypass{text-align:center;}
.modifypass p{color:#999; font-size:0.75em; margin-top:0.6em；}

.file {position: relative; display: inline-block; background: #f1f1f1;  border: 1px solid #d1d1d1; overflow: hidden;  color: #d1d1d1; text-decoration: none; text-indent: 0; width:4.8em;line-height:4.8em;text-align:center; }
.file input { position: absolute;  font-size: 100px;  right: 0;  top: 0;  opacity: 0;}
.file:hover {  background: #fafafa; text-decoration: none;}

.chatbox .header{position: absolute!important;}
.chatbox .scrollContent{ position: absolute!important;top: 2.69em; right: 0; bottom: 0.4em;left: 0; overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -moz-transformg: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(1);
    -os-transform: translateZ(0) scale(1);
    transform: translateY(-50px);
    -moz-transformg: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -os-transform: translateY(-50px);
}
.chatbox .commentbox{position: absolute!important; right: 0; bottom: 0;left: 0;}


#full-width-slider {width: 100%;color: #000;}
.coloredBlock {padding: 12px;background: rgba(255,0,0,0.6);color: #FFF;width: 200px;left: 20%;top: 5%;}
.infoBlock {position: absolute;top: 30px;right: 30px;left: auto;max-width: 25%;padding-bottom: 0;background: #FFF;background: rgba(255, 255, 255, 0.8);overflow: hidden;padding: 20px;}
.infoBlockLeftBlack {	color: #FFF;	background: #000;	background: rgba(0,0,0,0.75);	left: 30px;	right: auto;}
.infoBlock h4 {	font-size: 20px;	line-height: 1.2;	margin: 0;	padding-bottom: 3px;}
.infoBlock p {	font-size: 14px;	margin: 4px 0 0;}
.infoBlock a {	color: #FFF;	text-decoration: underline;}
.fullWidth {	max-width: 1400px;}
.pcdiv{display:none;}
.phonediv{display:block;}
.header.phonediv{    display: -webkit-box;display: box;}
.setlebal,.pagetitle{display:none;}

.btnlink{ text-align:center; width: 100%; margin: 10px 0 -10px;}
.btnlink a{color: #0073bb;}
.btnlink a:hover{ opacity: 0.7;}
.setcontxt .tags{  margin-top: 0px; margin-bottom: 10px;}
.setcontxt .tags a{ color: #666;}
.setcontxt{width:100%;}


.profilepage .txt { display: table-cell;table-layout: fixed; word-wrap: break-word; word-break: break-all;}
.profilepage .tit {padding: 5px 0 0 10px; zoom: 1;  position: relative; line-height: 20px;}
.profilepage .tit .name { font-size: 16px; float: left; margin-right: 5px;}
.profilepage .user-groun {margin-left: 10px;  font-size: 12px;color: #999;  clear: both; margin-top: 10px;}
.profilepage .user-groun .woman,.profilepage .user-groun .man { position: relative;top: -2px; width: 12px;height: 13px;margin-right: 5px;display: inline-block;overflow: hidden; zoom: 1;vertical-align: middle;}
.profilepage .user-groun .woman{background: url(/static/images/icon-women.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain;  -ms-background-size: contain;  background-size: contain;}
.profilepage .user-groun .man{background: url(/static/images/icon-man.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain;  -ms-background-size: contain;  background-size: contain;}
.profilepage .user-info,.profilepage .branch-address{padding:0 0 0 10px; color: #999; clear: both; font-size: 13px;}

.pc-content{margin-top: 20px; width:100%;}
.mpimage{ width: 44px;height: 44px; -webkit-border-radius: 0.3em; border-radius: 0.3em;}
.priceline{margin-top: 0;}
.mplist h3{font-size:15px;}
.mplist{ border-bottom: 1px dotted #d6d6d6;}


 .f-select select {float: left; color: #666;width: 45%; padding: 8px 5px; font-size: 15px; border: 1px solid #c0c2c5; margin-right: 10px; line-height: 1;-webkit-appearance: menulist-button;-webkit-appearance: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f8f8f8;
    background-image: url(/static/images/sel_triangle.png);
    background-repeat: no-repeat;
    background-position: 96%;

    }
.pricacybox{width:96%;padding:2%;max-width:960px;margin:0 auto;}
.pricacybox	h1{ border-bottom: 1px solid #e6e6e6; margin:20px 0;padding: 6px 0; font-size: 30px;line-height: 1.2em;color: #333;}
.pricacybox p{ margin-bottom: 12px; font-size:15px;}
.pricacybox ol {margin-bottom: 6px; list-style: decimal outside none; padding: 0;}
.pricacybox ol li {margin: 0 0 6px 24px;    list-style: decimal outside none;}
.pricacybox h2 {margin-top: 18px; text-transform: uppercase; font-size: 15px; color: #333; font-weight:700px;}


.clists{    width: 345px;margin: 20px auto;}
.clists h2{text-align:center;width:100%; font-size:19px;}
.clists .ctxt {float: left; position: relative; width: 100%; font-size: 15px; min-height: 60px; line-height: 60px;}
.clists input,.clists textarea {width: 345px;    font-size: 15px; color: #666;
border: 1px solid #c0c2c5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
}
.clists input{height: 36px;padding: 0 10px;}
.clists textarea{    padding: 10px;margin:0 0 15px;}
.sendbox{float: left;width: 100%;margin-left: 25%;text-align: left;}
.sendcbtn { display: inline-block;width: 180px;  margin-left: 20px; outline: none; text-align: center; font-size: 15px;  text-decoration: none;cursor: pointer;line-height: 28px;  height: 28px; font-weight: bold;
background-color: #ededed;
background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dedede));
background: -moz-linear-gradient(top,#ededed,#dedede);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede');
background: -o-linear-gradient(top,#ededed,#dedede);
background: -ms-linear-gradient(top,#ededed 0,#dedede 100%);
background: linear-gradient(top,#ededed,#dedede);
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
text-shadow: 0 1px 0 rgb(240, 240, 240);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
}
.f-iradio {  margin-right: 15px; }
.radio-plain{ position: relative; top: 2px;width: auto; height: auto;}
.f-iradio label{margin: 0 10px 0 5px; display: inline;}
.uploadheadimg{width:35px; height:35px; display:inline-block;background:transparent 0 0 url(/static/images/uploadimgbg.png) no-repeat; vertical-align: middle;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.setcontxt .imgBg{width:78px; height:78px;position: relative; margin-right: 10px;  margin-bottom: 15px; background:#f0f0f0; float:left;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;}
.setcontxt .upload,.loinbox .upload{position:relative; width:110px; height:110px;  float: left;  margin-bottom: 15px; }
.setcontxt .upload{width:78px; height:78px; margin-bottom: 0; }
.loinbox .upload{float:none; margin:0 auto 30px;}
.button-sex{width: 48%; height:35px;border-radius: 5px; color:#fff;border:0px;background:#bdc2c6;margin:0 0 30px;}
.button-male{float:right;}
.button-sex:hover,button.selected{background:#fe8a4b;}
.button-sex:active{}

.uploadimg{width:78px; height:78px;  display:inline-block;background:transparent 0 0 url(/static/images/addImg.png) no-repeat; vertical-align: middle;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;}
.setcontxt input.webuploader,.loinbox input.webuploader{ cursor: pointer;position: absolute;left: 0;top: 0; right: 0; bottom: 0;  padding: 0;width: 100%; height: 100%;opacity: 0;filter: alpha(opacity = 0);}
.upimgtip{float: left; padding: 0; font-size: 12px;color: #bbb;margin-top: 10px; line-height: 1.5;}

.headlist{text-align: left;max-width: 780px; font-size: 16px;  font-weight: 700;  display: block; padding: 0.625em;}
.sp-header-nav{ position: relative; overflow: hidden; height: 44px;  line-height: 42px;  -webkit-overflow-scrolling: touch; }
.sp-header-nav ul{ margin: 0 auto; padding: 0 8px 0 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; text-align: center;background: #fff;}
.sp-header-nav li{ display: inline-block;}
.sp-header-nav li h2{ font-size: 16px;font-weight: 300;}
.sp-header-nav a{ display: block;color: #333; padding: 0 16px;}


.smartbanner{position: fixed!important;display: box; display: -webkit-box; left: 0; right: 0; top: 2.69em;  overflow: hidden;height: 64px;font-family: 'Helvetica Neue',sans-serif;background-color: #fff;box-shadow: 0 1px 1px rgba(0,0,0,.3);z-index: 9998;
    -moz-transition: top 300ms ease-in;
    -webkit-transition: top 300ms ease-in;
    -o-transition: top 300ms ease-in;
    transition: top 300ms ease-in;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}
.headerheight{-moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in;transition: all 300ms ease-in;}
#phonebanner{ -moz-transition: top 300ms ease-in; -webkit-transition: top 300ms ease-in; -o-transition: top 300ms ease-in;transition: top 300ms ease-in;}

.smartbanner .sb-container { margin: 0 auto;}
.smartbanner .sb-close {position: absolute;z-index:2;left: 11px;top: 27px;display: block;width: 11px;height: 11px;text-align: center;background: url(/static/images/icon-smartbanner-close.png) no-repeat center;background-size: 11px;text-decoration: none;text-shadow: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.smartbanner .sb-container .sb-alllink{ position: absolute;  top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.smartbanner .sb-close span{display:none;}
.smartbanner .sb-icon { position: absolute; left: 34px;  top: 15px;  display: block;  width: 35px;  height: 35px;  border-radius: 4px;  background-image: url(/static/images/icon-smartbanner-logo.png);
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.smartbanner .sb-info {position: absolute;left: 78px;top: 14px;width: 54%;font-size: 12px;line-height: 1.2em;font-weight: 400;}
.smartbanner .sb-info strong {display: block;font-size: 12px;line-height: 18px;font-weight:300;}
.smartbanner .sb-info>span {line-height: 20px;}
.smartbanner .rank {height: 24px;width: 105px;}
.smartbanner .rank span {background: url(/static/images/icon-smartbanner-star.png) no-repeat;background-position: 30px;background-size: 43px 13px;width: 13px;height: 13px;float: left;margin-top: 4px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.smartbanner .rank span.light {background-position: 0;}
.smartbanner .rank span.helf {background-position: -15px;}
.smartbanner .sb-button { position: absolute; right: 12px;top: 18px;padding: 0 7px;width: 76px;height: 30px; display: block; background: url(/static/images/icon-downloadapp.png) 0px 0px no-repeat; bordor:none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.smartbanner .sb-button span{display:none;}
.smartbanner.popup{  top: 0;right: 0; height: 100%;background-color: rgba(0, 0, 0, 0.80);    -webkit-border-radius: 0em;
    -moz-border-radius: 0em;
    -o-border-radius:  0em;
    -ms-border-radius:  0em;
    border-radius: 0em;}
.smartbanner.popup .sb-container {width:100%;    max-width: 960px;    position: absolute; left: 0; bottom: 30px;  top: 0;}
.smartbanner.popup .sb-close{ right: 11px; left:auto;width: 32px;height: 32px;background:url(/static/images/icon-smartwhite-close.png) no-repeat center;z-index:1000;
	-webkit-background-size: 16px;
	-moz-background-size: 16px;
	-o-background-size: 16px;
	-ms-background-size: 16px;
	background-size: 16px;}
.smartbanner.popup .sb-icon{position: relative;left:0; top:0; width: 100%; height:68%;  margin-top: 30px; background: url(/static/images/bg-iphone.png) no-repeat center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.smartbanner.popup .sb-info{  position: relative; left:0; top:0;  width: 100%; font-size: 18px;  line-height: 1.2em;  font-weight: 400;  color: #fff;   margin-top: 10px; text-align: center;}
.smartbanner.popup .rank{margin:10px auto; width: 125px;}
.smartbanner.popup .rank span{    width: 24px; height: 24px;}
.smartbanner.popup .rank span.helf { background-position: -28px;}
.smartbanner.popup .sb-button{margin:20px auto 0; position: relative; right: 0;top: 0; width: 160px; height: 56px; }
.landpage{background-color:#fff;}
.landpage .sb-iconbg{ background: url(/static/images/bg-iphonebg.png) no-repeat center; width:100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;}
.smartbanner.landpage .sb-icon{top:30px;}
.smartbanner.landpage .sb-info{color: #333;}
.sb-logo{width:70px; height: 20px; background-size: auto 20px;}
.sb-logo span{display:none;}

.banner_download{max-width: 960px; margin:20px auto 0;height: 68px;line-height: 68px;background-color: #f5f5f5;position:relative;}
.banner_download .bd-close{ position: absolute; right: 5px; top: 5px; position: absolute;display: block;width: 16px; height: 16px; text-align: center; background: url(/static/images/icon-smartbanner-close.png) no-repeat center; background-size: 16px;text-decoration: none;text-shadow: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}

.chk_1{display: none;}
.chk_1 + label {
    background-color: #FFF;
    border: 1px solid #C1CACA;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 9px;
    border-radius: 5px;
    display: inline-block;
    position: relative;
    margin-right: 30px;
}
.chk_1:checked + label:after {
    content: '\2714';
    position: absolute;
    top: 0px;
    left: 0px;
    color: #758794;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    padding: 1px 0 0 0;
    vertical-align: text-top;
}

.modal-backdrop1 {  display:none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:2049; background-color: #46494c;opacity: .4; filter: alpha(opacity=40); }
.aboutus ul{clear:both;}
.aboutus ul li{position:relative; list-style:none;margin-bottom:20px}
.aboutus{background: #fff;-webkit-border-radius: 5px;	border-radius: 5px;position: fixed;top: 100px;left: 5%;z-index: 2050;width: 80%; margin: 30px auto;padding: 30px 5%;}
.btn-dload{ display: block; font-size: 20px;  color: #fff;background: #4286f5;  width: 180px;  margin: 10px auto 0; height: 38px; text-align: center; line-height: 38px;
			-webkit-border-radius: 19px;
			border-radius: 19px;	}
.btn-dload:hover{color:#fff; opacity: 0.8; filter: alpha(opacity=80);}
.btn-dload:active{outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.popdiv-download {background: #fff;position: fixed; left: 5%; z-index: 2050; width: 80%; margin: 30px auto; padding: 30px 5%; top: 50%;  margin-top: -77px;
	-webkit-border-radius: 5px;
		border-radius: 5px;
}
.closed{ position: absolute; z-index: 10; background: url(/static/images/Close.png) 0 -10px no-repeat;  top: 0;  right: 0;  display: inline-block;   width: 45px; height: 45px;  overflow: hidden; }
.closed span{display:none;}
footer{ margin: -40px 0 70px; font-size: 12px; text-align: center;  color: #666;}
footer p a{color: #666;}


.container-section{  background: #fff; padding: 0.625em;}
.container-section.photolist{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 0.625em;}
.rigfht-container-section{ margin-bottom: 50px; margin-top: -1.86em;       padding: 0.84375em 1em;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff;}
.container-section:first-child{border-top: 1px solid #ddd;}
.container-section:last-child{border-bottom: 1px solid #ddd;}
.morelist{float:right;}
.section-title{text-align: left; margin-bottom: 10px; color:#333;font-size: 1em;}
.arrange-3-units,.arrange-2-units{margin-left: -15px;margin-right: -15px;}
.arrange_unit{margin-left: auto;margin-right: auto; padding-left: 15px; padding-right: 15px; width: 32%;    display: inline-block; zoom: 1;  border-collapse: collapse; border-spacing: 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}
.arrange-2-units .arrange_unit{ width: 49%;margin-bottom: 10px;}
.unit-photo{height:115px;overflow: hidden;}
.arrange-2-units .unit-photo{height:158px;}
.photo-box{position: relative;height: 100%; overflow: hidden; background-position: center center;background-repeat: no-repeat;-moz-background-size: cover;-webkit-background-size: cover; background-size: cover;}
.noimg{display:none; }
.photo-link{display: block;}
.photo-img{  position: absolute; top: 0; right: 0;left: 0; bottom: 0; width: 100%;height: 100%; filter: alpha(opacity=0);opacity: 0;}
.noimg .photo-link{color:#fff;height: 100%;  width: 100%;text-align:center;  display: table;overflow: hidden;}
.noimg .photo-link span{display:table-cell;vertical-align: middle;padding: 5px;}
.unit-body{margin-top:10px;}
.unit-title{margin-top:10px; font-size:12px; color:#333; line-height: 1.5;max-height: 54px; overflow: hidden;}
.unit-km{display:block; color:#666; font-size: 12px;}

.share li{float:left; display:inline;font-size: 12px;line-height: 24px; width: 50%; margin-top: 0.8em}
.share li h2{font-size: 12px;font-weight:300;}
.share a.social-icon span{float:left;  display:block; width:24px; height:24px; opacity:1.0; margin-right:10px; background:transparent url(/static/images/iconshare@2x.png) no-repeat;  border-radius:50%;
		-moz-background-size: auto 46px;
		-webkit-background-size: auto 46px;
		-0-background-size: auto 46px;
	    background-size: auto 46px;
}
.share a.social-icon.fbshare span{ background-position: 0 0;}
.share a.social-icon.twshare span{ background-position:-31px 0;}
.share a.social-icon.gmshare span{ background-position:-61px 0;}
.share a.social-icon.lishare span{ background-position:-92px 0;}
.share a.social-icon.emshare span{ background-position:-122px 0;}
.share a.social-icon span:hover{opacity:0.85;}
.share a.social-icon span:active{outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}

.yaapi{ line-height: 1; font-size: 1em; background: #fff;   margin-top: 0.625em; padding: 0.4em 0;}
.yaapi li{padding: 7px 0;  line-height: 1.4;float: left;display: inline-block; width: 100%; font-size: 0.875em;}
dl,dd{margin:0}
dt{ display: block; width: 168px;float: left;  padding-left: 1.25em;}
dd{ color: #666;float: left;margin: 0;}


.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 92%;-ms-touch-action: pan-y;  margin:15px auto 0;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-carousel .owl-item .item{ padding: 0 15px;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(/static/images/grabbing.png) 8 8, move;}


.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-item .imageshow{width:82%; height:120px;}
.arrange_unit.item{width:100%;}
.arrange_unit.item .unit-photo{height:200px;}
.arrange-3-units .owl-prev,.arrange-3-units .owl-next{ display: block; position: absolute;  text-indent:-9999px;  top: 0;width: 25px; height:100%; background:#fff; filter: inherit; cursor: pointer; z-index: 1;}
.arrange-3-units .owl-prev,.arrange-3-units .owl-prev.disabled:hover{left:-20px; background:#fff url(/static/images/btnys.png) 0 40% no-repeat;}
.arrange-3-units .owl-next,.arrange-3-units .owl-next.disabled:hover{right:-20px; background:#fff url(/static/images/btnys.png) -33px 40% no-repeat;}
.arrange-3-units .owl-prev:hover{background:#fff url(/static/images/btnys.png) -66px 40% no-repeat;}
.arrange-3-units .owl-next:hover{background:#fff url(/static/images/btnys.png) -99px 40% no-repeat;}

.owl-mainimg.owl-carousel,.owl-mainimg.owl-item{width: 100%;  margin: 0 auto;max-height: 300px;overflow: hidden;    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    }
.owl-mainimg .owl-wrapper-outer{max-height: 300px;overflow: hidden; }
.owl-mainimg.owl-carousel .owl-item .item{padding:0; height: 300px;}
.owl-mainimg .owl-controls{	position: absolute;	bottom: 15px;    padding-top: 4px;	right:15px;	z-index: 35;	height: auto;	text-align: center;	line-height: 24px;	overflow: hidden;}
.owl-mainimg .owl-buttons{float: right;height: 24px;position: absolute; right: 0;  top: 0;}
.owl-mainimg .owl-prev,.owl-mainimg .owl-next{ float: left;width: 24px; height: 24px; margin-left: 6px;  cursor: pointer;background: url(/static/images/rs-minimal-white.png) transparent; border-radius: 2px; text-indent:-9999px; overflow:hidden}
.owl-mainimg .owl-prev,.owl-mainimg .owl-prev.disabled,.owl-mainimg .owl-prev.disabled:hover{ background-position: -68px -36px;}
.owl-mainimg .owl-next,.owl-mainimg .owl-next.disabled,.owl-mainimg .owl-next.disabled:hover{ background-position: -68px -68px;}
.owl-mainimg .owl-prev:hover,.owl-mainimg .owl-next:hover{ opacity: .3 !important; filter: alpha(opacity=30);}
.owl-mainimg .owl-pagination{ margin-right: 64px;}
.owl-mainimg .owl-page{	width: 6px;	height: 6px;	display: inline-block;	padding: 6px 5px 6px 4px;}
.owl-mainimg .owl-page span {	display: block;	width: 6px;	height: 6px;	border-radius: 50%;	background: #CCC;	background: rgba(255,255,255,0.5);	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);}
.owl-mainimg .owl-page.active span {background: #FFF;}
.owl-mainimg .item img{ display: block; width: 100%;  height: auto;vertical-align: middle;filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-o-opacity: 0;-webkit-opacity: 0;}

/* add.html */
.addtype{ padding:0.84em 0.625em;background: #fff;}
.addtype .btn-group{width: 100%; display: inline-block;position: relative;}
.btn-atype{ float: left;width: 33%; padding: 5px 0; border-radius: 0; font-size: 15px; line-height:32px;color: #434445;vertical-align: middle;background-color: #fff; border: 1px solid rgba(0,0,0,.15); margin-left: -1px;}
.btn-atype:first-child{ border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.btn-atype.active{background-color: #e0e1e4;color: #434445; box-shadow: inset 0 1px 1px rgba(0,0,0,.1); transition: all 150ms ease-in-out;}
.btn-atype:last-child{ border-top-right-radius: 3px;border-bottom-right-radius: 3px;}
.setcontxt a.input-file{position: relative;  text-align: center;  float: left; display: inline-block;  background: #f5f5f5;   border: 1px solid #ddd; padding: 4px 20px;  overflow: hidden;  text-decoration: none;   text-indent: 0;line-height: 20px; border-radius: 20px; color: #333;font-size: 13px;
    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=#ccc,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff,endcolorstr=#ccc,gradientType=0);
    background:-moz-linear-gradient(top, #fff, #f5f5f5);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f5f5f5));
    background:-o-linear-gradient(top, #fff, #f5f5f5);

}
.input-file input[type="file"] {position: absolute;  top: 0; left: 0;display: inline; font-size: 14px;  background-color: #fff; transform: translate(-300px, 0px) scale(4); height: 40px;  opacity: 0;  filter: alpha(opacity=0); }
.showFileName,fileerrorTip{ margin-left:10px;font-size:14px; line-height: 30px; float: left; }


/*modify start*/
.about_dm_model{
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    margin:0 !important;
}
.about_dm{
    position: relative;
    float: left;
    width: 960px;
    margin-top: 50px;
    background-color: #fff;
    clear: both;
}
.about_fixed{
    position: fixed !important;
    bottom: 0;
}
.dm_find_address{
    position: relative;
    top:-0.05em;
}
.dm_left{
    /*float:left;*/
}
.dm_right{
    float: right;
}
.clearfix{
    clear:both;
}
.setcontxt .imgBg{
    height:78px;
}
.btn-atype{
    margin-left:0 !important;
    outline:none;
}
.f-select{
    height:2.5em;
}
.f-select select{
    height:100%;
}
.add-zizhia{
    width: 20%;
    height: 30px;
    line-height: 30px !important;
}
.add-zizhiinput{
    padding-left:10em;
}
.select_divab{
    position: absolute;
    color: #666;
    font-size: 15px;
    padding-left: 10px;
    line-height: 2em;
    padding-top: 10px;
}
.add_textnum{
    position: absolute;
    font-size: 12px;
    color: #999;
    float: right;
    top: -2em;
    z-index: 999;
}
.appindexadd{
    position: absolute;
    top: 0.7em;
    right: 0.625em;
}
.appindexadd img{
    width: 1.3em;
}
.indexmodel{
    display: none;
    position: absolute;
    top: 2.69em;
    right: 0;
    min-width: 7em;
    z-index: 10001;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
    box-shadow: 0 1px 6px rgba(0,0,0,0.3);
}
.indexmodel a {
    display: block;
    margin: 0;
    font-size: 12px;
    line-height: 3.5;
    color: #666;
}
.indexmodel:before{
    right: 0.85em;
    top: -0.75em;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    content: '';
    position: absolute;
    height: 0;
    width: 0;
}
.indexmodel a img{
    float:left;
}
.icon_indexscan{
    width: 1.3em;
    position: relative;
    top: 1em;
    left: 1.2em;
}
.icon_indexcode{
    width: 2em;
    position: relative;
    left: 0.8em;
    top: 3em;
}
.indexmodel a .indexmodel_text{
    float: right;
    width: 62%;
    padding-left: 0.3em;
}
.indexmodel a:first-child .indexmodel_text{
    border-bottom: 0.01em solid #efefef;
}
.dm_noimg{
    color: #fff;
    font-size: 3.5em;
    text-align: center;
    position: relative;
    top: 0.05em;
}
.dm_noimg:hover{
    color: #fff;
}
.border_bottom0{
    border-bottom: none !important;
}
.review_number,.business_state{
    position: relative;
    top: 0.6em;
    left: 1em;
    font-size: 14px;
    float:left;
}
.review_number{
    color: #999;
}
.business_state{
    font-weight: bold;
}
.business_open{
    color: #44aa00;
}
.business_close{
    color: #d32323;
}
/*del model*/
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity .5s;
    z-index:1001;
    display: none;
}
.del_model {
    width: 20%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    transition: .5s;
    overflow: hidden;
}
.del_content{
    overflow: hidden;
    margin-top: 35px;
    padding: 20px 10px;
}
p.del_sure{
    font-weight: bold;
    color: #555;
    font-size: 16px;
    position: relative;
    top: 35px;
    text-align: center;
}
.del_content p.del_message{
    color: #666;
    font-size: 14px;
    text-align: center;
}
.del_bottom{
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #eceaf2;
}
.del_bottom a.del_btn{
    float: left;
    font-size: 16px;
    line-height: 3;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    color: #3E77E5;
    width: 50%;
}
.del_bottom a.del_btn:first-child{
    border-right: 1px solid #eceaf2;
    width: calc(49% - 1px);
}
i.icon_del {
    position: absolute;
    color: #bbb;
    font-weight: bold;
    right: 10px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
}
.me_pubmargin{
    /*margin:0 0.4em;*/
}
.me_pubaddress{
    padding-left:0 !important;
}
.me_pubprice{
    position: absolute;
    left: 100px;
    top: 12px;
    font-size: 14px;
}
.publish_title{
    cursor: pointer;
}
.me_pubedit a{
    color: #777;
}
.me_pubedit a:hover,.publish_title:hover{
    color:#0073bb;
}
/*chat*/
.dm_chat{
    background-color: #f5f5f5;
    overflow-y: scroll;
    height: calc( 100vh - 300px );
}
.dm_chatul{
    overflow-x: hidden;
    margin: 0 auto 0 auto !important;
}
.dm_chatcomment{
    margin-top:0 !important;
}
.pic_mechat{
    margin-left:10px;
}
.dm_chat .dm_chatul .dm_chatli{
    padding: 15px 0 0 15px;
}
li.mywords.dm_chatli{
    padding: 15px 15px 0 0 !important;
}
.dm_chat .dm_chatul .mywords.dm_chatli:last-child{
    padding: 15px !important;
}
.dm_chat .dm_chatul .otherwords.dm_chatli:last-child{
    padding: 15px !important;
}
.me_bigimg{
    width: 4.5em;
    height: 4.5em;
    line-height: 4.5em;
    cursor: pointer;
}
 /*modify end*/


@media screen and (min-width:960px) and (min-height:660px) {
    .heroSlider .rsOverflow,  .royalSlider.heroSlider {
        height: 520px !important;
    }
}
 @media screen and (min-width:960px) and (min-height:1000px) {
	.heroSlider .rsOverflow,  .royalSlider.heroSlider {
		height: 660px !important;
	}
}
@media screen and (min-width: 0px) and (max-width: 800px) {
	.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow {
		height: 300px !important;
	}
	.infoBlock {
		padding: 10px;
		height: auto;
		max-height: 100%;
		min-width: 40%;
		left: 5px;
		top: 5px;
		right: auto;
		font-size: 12px;
	}
	.infoBlock h3 {
		font-size: 14px;
		line-height: 17px;
	}
}

@media screen and (max-width:768px){
    .select_divab{
        top: 1.65em;
        font-size: 14px;
    }
    .cinput{
        width: 57%;
    }
    .addta{
        width: 60.5%;
    }
    .add_textnum{
        left: 92% !important;
    }
    .modify_textarea{
        padding-left: 0 !important;
        font-size: 14px;
    }
	.banner_download{display:none!important;}
	.mylist .mylist-itme:nth-child(3){-webkit-box-flex: 0.9; box-flex: 0.9;}
	.scrollContent de-left{padding: 2.69em 0em 3.06em 0em!important;}
	.arrange_unit{ padding-left: 0.2em; padding-right: 0.2em;}
	.arrange-3-units{    margin-left: -0.2em; margin-right: -0.2em;}
	.adsbygoogle{padding:0;background: #fff;}
	.gadsfooter{ width: auto!important; margin: -2.425em auto 3.06em;background: #fff;padding:0.625em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    /*modify*/
    .me_pubedit{
        margin-top:1em;
    }
    .me_pubedit a{
        font-size: 12px;
    }

    /*modify*/
}
@media screen and (max-width:479px){
    .comment_borderdm{
        border-bottom:0 !important;
    }
    .dm_chatcontent{
        padding:2.69em 0 0 0 !important;
    }
    .dm_chat{
        padding-bottom:2.69em;
    }
    .dm_chatul{
        margin-top: 0;
        height:100%;
    }
    .dm_chatcomment{
        position: fixed;
        bottom: 0;
        width: calc(100vw - 22px );
    }
    .del_model{
    	width:80%;
    }
    .about_dm{
       display: none;
    }
    #indexlist{
        margin-bottom:2.8em;
    }

}

@media screen and (min-width:768px){

	body{background: #fff;}
    select{
        -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
        box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
    }
	.pcdiv{display:block;}
	.phonediv,.header.phonediv{display:none;}
	.header,.catlist,.scrollContent,.searchbox{ max-width: 960px; margin: 0 auto;}
	.header{ background-color: #fff; color: #666; position: relative; margin-top: 20px;padding-top: 1px; height: 60px;}
	.ub{border: 1px solid #ccc;}
	.scrollContent{ padding-top:0;}
	.scrollContent:after {content: ".";display: block;height: 0; clear: both; visibility: hidden;}
	.ub.addplace { position: absolute; display:block!important;  z-index: 100;margin-top: 0; top:3px;  left: 50%; right: 2px;   bottom: 5px;  -webkit-border-radius: 0;   border-radius: 0;  border: 0 solid #ccc; border-left: 1px solid #ccc;}
	.ub-img{ margin-top: 0.3em;}
	.ub.addplace .ub-img{ margin-top: 0.25em;}
	.ub-f1{width: 45%;}
	.ub.addplace .ub-f1{ width: 90%;}
	.ub.addplace .ub-f1 input{padding:0;}

	.sc-fh{padding:0;position: relative;}
	.wrapbox{position:relative; max-width: 960px; margin: 0 auto;}
	.footer{position: absolute;width: 170px;display: block;  border: none;padding-bottom: 10px;  top: 20px;  bottom: auto;
    }
    .footer:after,.umar-at1 .ulname.tags:after{content: ".";display: block;height: 0; clear: both; visibility: hidden;}
	.tab_m,.text-tab{display: block;    line-height: 24px;}
	.text-tab{    padding: 10px;}
	.fo-2x{   display: inline-block;float: left; vertical-align: middle; margin-right: 10px;}
	.tx-c{    text-align: left;}
	.tab_m{height:auto; padding: 10px;}
	.calistview{display: block!important;}
	.listitm{ width: 10.5%;float: left;  margin: 0 1%;padding: 0 0 1.6em 0;}
	.loinbox{ width: 400px;}
	.logo {float: left;display: inline-block; width: 140px; background: url(/static/images/logo.png) 0 center no-repeat; background-size: auto 40px;}
	.logo span{display:none;}

	.bar_right {position: relative;float: right;}
	.loginlink a{color: #666;margin: 0 4px; font-size:13px; line-height: 40px;}
	.loginlink a:hover{color:#0073bb;}
	.haschild{position:relative;}
	.haschild .hc{display:none; position:absolute; top: 30px;  right: 0;  padding:5px 10px; z-index: 10001; min-width: 115px; background:#fff;
		-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	    -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	    box-shadow: 0 1px 6px rgba(0,0,0,0.3);
	}
	.haschild .hc:before,.haschild .hc:after{content:'';position:absolute; height: 0; width:0;}
	.haschild .hc:before{ right: 30px; top:-12px; border: 6px solid transparent; border-bottom-color: #ccc; }
	.haschild .hc:after{border:6px solid transparent; border-bottom-color:#fff; top:-11px;right: 30px;}
	.haschild .hc a{ display:block; margin:0; font-size:12px; line-height: 2;}
	.haschild .hc a:hover{color:#0073bb;}
	.haschild .arrow{ display: inline-block; width: 0; height: 0; font-size: 0; border-width: 4px; border-color: #777 transparent transparent; border-style: solid; margin-left: 5px; vertical-align: -2px;}

	.searchbox{border:0px; margin-top: 20px;     display: block!important;}
	.hd_search {float: left;position: relative;}
	.hd_search .input_txt {
	    width: 660px;
	    height: 28px;
	    font-size: 20px;
	    padding: 10px 89px 10px 20px;
	    border: 1px solid #c0c2c5;
	    -webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	}


	.hd_search .input_txt label{font-size: 14px;  font-size: 14px; line-height: 28px; width: 48%;float: left; margin-right: 2%; position: relative;}
	.afterborder:after{content: ""; position: absolute; top: 0; right: 0;bottom: 0; width: 1px; background-color: #ccc;}
	.serchinput{border:0; font-size: 14px; height:auto;}
	.hd_search .search {
	    position: absolute;
	    z-index: 2;
	    right: 0;
	    top: 0;
	    border: none;cursor: pointer;
	    background: #d32323 url(/static/images/btn-searchbig.png) center center no-repeat;
	    width: 69px;
	    height: 50px;
	    padding: 0;
	    text-indent: -999px;
	    overflow: hidden;
	    -moz-border-radius: 0 3px 3px 0;
	    -webkit-border-radius: 0 3px 3px 0;
	    border-radius: 0 3px 3px 0;
	    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	}
	.hd_search .search:hover{  -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8;}
	.hd_search .search:active{ background-color:#bf0404;}

	.btn-pulish{float:right;display:block;width:148px; height:48px; line-height:48px;  background:#d32323; color:#fff;text-align:center;
		-moz-border-radius:3px;
	    -webkit-border-radius:3px;
	    border-radius:3px;
		}
	.btn-pulish:hover{  -webkit-opacity: 0.8; -moz-opacity: 0.8; -o-opacity: 0.8; opacity: 0.8;}
	.btn-pulish:active{background:#bf0404;}

	.eletx017{display:none;}
	.scrollContent aside{float:right;}
	.menu{margin-top:30px; width:138px; border:1px solid #ddd; font-size:13px; }
	.menu h5{font-weight:700; color:#333;padding:5px 15px; cursor: pointer; font-size: 13px;}
	.expand h5.banup{ border-bottom:1px solid #ccc; }
	.expand h5.selected{background:#f5f5f5; border-bottom: 1px solid #ccc;}
	.acitem{margin-top:5px; display: none; border-bottom:1px solid #ccc;}

	.acitem li a{display:block; line-height:2; padding-left:15px; color:#666; font-size:12px;}
	.acitem li.all a{color:#0073bb;}
	.acitem li a:hover{color:#0073bb;}
	.acitem li.all a:hover{-webkit-opacity: 0.6;-moz-opacity: 0.6;-o-opacity: 0.6;-ms-opacity: 0.6;opacity: 0.6;}


	.catlist,.brlist,.otherpage .scrollContent{ width: 780px; }
		
	.catlist{padding-top:10px;}
	.sp-header-nav{height:auto; line-height: 2;}
	.sp-header-nav ul{border-bottom: 1px dotted #ddd; white-space: normal;padding: 10px 0;}
	.sp-header-nav li{float:left;}
	.sp-header-nav a:hover{color:#4286f5;}
	.otherpage .brlist{padding:0;}
	.cateitme{width:49%; border-left:1px solid #ddd;  float: left;}
	.cateitme:first-child{border-left:0px;}
	.cateitme h4{margin-left:50px; line-height: 24px;}
	.cateitme h4 a{color:#000; font-size:15px;}
	.cateitme h4 a:hover{color:#0073bb;}
	.cateitme ul{margin-top:10px; margin-left:50px;}
	.cateitme:first-child ul,.cateitme:first-child h4,.cateitme.fl09 h4,.cateitme.fl09 ul{margin-left:0;}
	.cateitme.fl01,.cateitme.fl09{width:50%;border-left: 0;}
	.cateitme.fl04{width:49%; min-height: 285px;}
	.cateitme ul li{float:left; display:inline; width:50%;line-height:1.5; text-align:left;}
	/*.cateitme.fl04 ul li{width:33%;}*/
	.cateitme ul li a{color:#666; font-size:13px;}
	.cateitme ul li a:hover{color:#0073bb;}
	.cateitme h4 span{display:inline-block; vertical-align: bottom; margin-right:10px; width:24px; height:24px; background-repeat: no-repeat;background-position: center;  -webkit-background-size: contain;-moz-background-size: contain;-ms-background-size: contain; background-size: contain; }
	.cateitme.fl01 h4 span{background-image: url(/static/images/icon-fl01.png);}
	.cateitme.fl04 h4 span{background-image: url(/static/images/icon-fl04.png);}
	.cateitme.fl09 h4 span{background-image: url(/static/images/icon-fl09.png);}
	.fl02 h4 span{background-image: url(/static/images/icon-fl02.png);}
	footer{ margin:0; font-size: 12px; text-align: center;  color: #666;}
	footer p{text-align:center; font-size:13px; color:#999; padding:30px 0; border-top:1px solid #ccc;}
	footer p a{color: #999;}
	.picture{width:88px;height: 88px;}
	.chatuserpage .picture{width:44px;height: 44px;}
	.umar-at1{border-top:0px;    padding: 10px 0; border-bottom: 0px solid #f5f5f5;  margin: 0 !important;  display: block;}
	.umar-at.phonediv{display:none;}
	.uinn-a1{ padding-left: 0;   border-bottom: 0px solid #f5f5f5;}
	.list,.pingl{border:0px;}

	.de-left{ width: 660px;float: left; margin-top: 30px;}
	.de-right { width: 264px;float: right;margin-top: 30px;}
	.btnlx{   border-top: 0px solid #ddd;  position: relative;display: block;}

	.shopjj{padding: 0.84em 0;}
	.de-left .list{margin-top:10px;}
	.cinput{width: 470px; line-height: 1; font-size: 15px; color: #666; border: 1px solid #c0c2c5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1)
    }
    .de-left .content{border:0; padding:0;margin-bottom: 0.84em;}
    .cinput input { padding: 10px;}
    .setlebal{    float: left;width: 20%; padding-left: 2%; display:block;  color: #666;}
    .addupload{border-bottom: 0px solid #f5f5f5; display: block!important;}
    .commtext{  padding: 10px 0;    border-bottom:0px solid #f5f5f5;}
    .btnlogout{display: inline-block;    margin-left: 22%; width: 180px;outline: none; text-align: center; font-size: 15px; line-height: 1; padding: 6px 0; text-decoration: none; cursor: pointer;font-weight: bold;
    background-color: #ededed;
    background: -webkit-gradient(linear,left top,left bottom,from(#ededed),to(#dedede));
    background: -moz-linear-gradient(top,#ededed,#dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dedede');
    background: -o-linear-gradient(top,#ededed,#dedede);
    background: -ms-linear-gradient(top,#ededed 0,#dedede 100%);
    background: linear-gradient(top,#ededed,#dedede);
    border: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    }
    .addta textarea{    padding: 10px;}
    .mylist{float: left; width: 100%;border-top:0px;}
    .otherpage .branch{border-bottom:1px solid #f5f5f5;}
    .otherpage.profilepage .branch{border-bottom:0px; padding: 0;}
    .otherpage.profilepage .branch:hover{background:#fff;}
    .otherpage.nearbypage .branch{border-bottom:1px solid #f5f5f5;}
    .pagetitle {font-size: 16px; font-weight: 700;display:block;}
    .btnlx a{ margin: 20px 0 0!important;}
    .logodiv{width:100%; text-align:center;}
    .logodiv .logo{float:none;}
    .chatbox .header,.chatbox .scrollContent,.chatbox .commentbox{position: relative!important;}
    .chatbox .scrollContent{    height: 500px; width: 100%; padding: 20px 0; margin: 20px 0;overflow: auto;}
    .chat-thread{height: auto;}
    .chatbox .wrapbox{ background: #f5f5f5; margin-top: 20px;}
    .mywords .arrow_box{padding: 0.6em;}
    .btnlogout.phonediv{display:none;}
    .btnlinks{position: absolute; right:0; top:0;font-size: 12px;}
    .btnlinks a{margin-left:10px; color:#999;}
	.proflilebtn{position: absolute; right:0; bottom:0;}
	.proflilebtn a{olor: #666; padding: 5px 10px;font-size: 12px; border: 1px solid #c0c2c5;line-height: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #f0f0f0;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));
    background: -moz-linear-gradient(top,#fff,#f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f0f0f0');
    background: -o-linear-gradient(top,#fff,#f0f0f0);
    background: -ms-linear-gradient(top,#fff 0,#f0f0f0 100%);
    background: linear-gradient(top,#fff,#f0f0f0);
    }
	.pc-content{float:left;}
	.profilepage .user-info,.profilepage .branch-address{padding:8px 0 0 10px;}
	.profilepage .tit .name{  font-size:20px;}
    #additem .ulnext{display:none;}
    .setcontxt {float: left; width: 69%;text-align: center;text-align: left; color: #666; position: relative;}
    /*.f-select select{width: 175px;}*/
    #additem .umar-at1{   min-height: 40px;line-height: 40px;}
	.pubrevbox .btnpl{margin: 1.2em 0 0 10px; width: 150px; float: right;display: block; padding: 0.5em; min-height: 0px;}
	.pubrevbox .uinn-a1{border-bottom:0px;}
	.pubrevbox .commtext{border:0px;}
	.pubrevbox .cinput{width: 100%;}

	.page-set{width: 80%; margin:60px auto 150px;}
	.page-set h2{ font-size: 16px; font-weight: 700;}
	.page-set h2 span{display:inline-block; width:24px; height:24px; background:transparent 0 0 url(/static/images/icon-set.png) no-repeat; vertical-align: middle; margin-right:10px; background-size: contain;}
	.page-set.page-add h2 span{ background:transparent 0 0 url(/static/images/icon-add.png) no-repeat; background-size: contain;}
	.setlists { margin: 20px 0;}
	.setlists .setlist{float: left; position: relative; width: 100%; border-bottom: 1px solid #f5f5f5;  font-size: 15px; min-height: 60px; line-height: 60px;}
	.setcontxt a{color:#0073bb; cursor:pointer;}
	.setcontxt a:hover{ opacity: 0.5; filter: alpha(opacity = 0.5);}
	.setbtn{float: left;  margin-top: 20px;margin-bottom:20px;width: 100%;text-align: center; margin-left: 25%;  text-align: left;}
	.input_txt, .setcontxt textarea {width: 450px;font-size: 15px; color:#666; border: 1px solid #c0c2c5;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	    -moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
	}
	.input_txt{padding:10px;line-height: 2em;}
	.setcontxt textarea{padding:10px; margin:15px 0; float: left;}
	.setlist.taheight{height: 137px;}
	.setcontxt .imgBg{float:left;}
	.btnlx a.lxsc{margin-left:0;}
	.btnlink{  width:auto;text-align: left;margin-left: 22%;}

	.smartbanner.popup .sb-button{margin:20px auto 0; position: relative; right: 0;top: 0; width: 160px; height: 56px; }
	.smartbanner.landpage{background-color:#fff;}
	.smartbanner.landpage .sb-iconbg{ background: url(/static/images/bg-iphonebg.png) no-repeat center 30px; width:50%;float:left;
		-webkit-background-size: 450px420px;
		-moz-background-size: 420px420px;
		-o-background-size: 420px420px;
		-ms-background-size: 420px;
		background-size: 420px;}
	.smartbanner.landpage .sb-icon{top:30px;height: 480px;}
	.smartbanner.landpage .sb-info{color: #333;width: 40%;float: right;    padding-top: 100px; background: url(/static/images/icon-dltext.png) no-repeat 0 30px;}
	.smartbanner.landpage .sb-info strong{font-size:30px; line-height:1.5; text-align:left; font-weight:normal; color:#666;}
	.smartbanner.landpage .btndiv{width: 40%;float: right;}
	.smartbanner.landpage .sb-button{margin: 60px 0; width: 260px; height: 90px;}
	.sb-logo{width:140px; height: 40px; background-size: auto 40px;    display: block; float: none; margin-top: 20px;}
	.sb-logo span{display:none;}

	.bar_left {float:left;margin-left:20px;line-height: 40px;max-width: 65%;}
	.bar_left h2 {display: inline; font-size:23px;color: #0073bb; float: left;  font-weight: 700;}
	.ipconfig{float: left;margin: 0 10px 0 8px;color: #666;font-size:15px;line-height: 40px;max-width: 100%;}
	.ipconfig li{display: inline;float: left; padding: 0 5px;max-width: 100%;    }
	.ipconfig li#crruentarea{text-overflow: ellipsis; overflow: hidden;white-space: nowrap; font-weight: 700;}
	.ipconfig li.city{position:relative;}
	.ipconfig a{text-decoration: none;cursor: pointer;color: #666;}
	.ipconfig a:hover{color:#0073bb;}

	.city-drop-down{position:absolute; top: 30px;  padding:10px; z-index:10001; width: 420px; background:#fff; border:1px solid #ddd;line-height: 30px;}
	.city-drop-down:before,.city-drop-down:after{content:'';position:absolute; height: 0; width:0;}
	.city-drop-down:before{left:35px; top:-12px; border: 6px solid transparent; border-bottom-color: #ccc; }
	.city-drop-down:after{border:6px solid transparent; border-bottom-color:#fff; top:-11px;left:35px;}
	.city-drop-down li{float: left; width: 12.5%; padding: 0; font-size:12px;}
	.aboutus,.popdiv-download{margin-left: -240px;padding: 30px 50px;width: 380px; left:50%;}
	.container-section{ padding: 0.625em 0;}
	.container-section.photolist{border-bottom: 0px; border-top: 0px;margin-bottom:0.84em; }
	.rigfht-container-section{ margin-bottom: 0; margin-top:20px;padding: 0; border: 0px;}
	.unit-photo{height:202px;overflow: hidden;}
	.arrange_unit.item .unit-photo{height:170px;}
	.arrange-2-units .unit-photo{height: 114px;}
	.container-section:first-child{border-top: 0px solid #ddd;}
	.container-section:last-child{border-bottom: 0px solid #ddd; margin-bottom: 50px;}
	.unit-km{float:right;}
	.open{background:#ff6600;}
	.open .umar-at1 .tags:before{background:none;}
	.open .tags{margin-left: 22%;margin-top: 10px;}
	.headlist{ float: none;  border-bottom: 1px solid #ddd;padding: 0.4em 0; width: 780px;}
	.setme{border:0px;}
	.otherpage.nofooter .scrollContent{ padding: 20px 0 0 0;    margin: 0 auto;        float: none;}
	.yaapi{margin: 0.625em 0;}
	.yaapi li{ padding: 7px 0;  line-height: 1.4;float: left;display: inline-block; width: 50%; font-size: 0.875em;}
	.mapsl{margin-bottom: 0.84em;}
	dl,dd{margin:0}
	dt{ display: block; width: 168px;float: left; padding-left: 10px;}
	dd{ color: #666;float: left;margin: 0;}
	.share li{ margin-right:0;width: 50%; margin-top: 15px;}
	.adsbygoogle{margin-top:20px;}
	.owl-mainimg.owl-carousel,.owl-mainimg.owl-item{height: 400px; max-height: 400px;}
	.owl-mainimg .owl-wrapper-outer{height: 400px; max-height: 400px;overflow: hidden; }
	.owl-mainimg.owl-carousel .owl-item .item{padding:0;height: 400px;}
	.btn-atype{width: 140px;}
	::-webkit-input-placeholder { /* WebKit browsers */color:#bbb;}
　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:#bbb;　}
　　::-moz-placeholder { /* Mozilla Firefox 19+ */color:#bbb;}
　　:-ms-input-placeholder { /* Internet Explorer 10+ */　color:#bbb;}
    .modify_textarea{
        width: 450px !important;
        color: #666 !important;
        margin:0 !important;
    }
　　
}


@media screen and (max-width:960px) and (min-width:768px){
	body{width:96%;margin:0 auto;}
	.catlist, .brlist, .otherpage .scrollContent,.sp-header-nav,.headlist{ width: 76%;}
	.de-left{width:65%}
	.de-right{width:33%;}
    .modify_textarea{
        width: 57% !important;
        padding-left: 10px !important;
    }
    .ulname input{
        width:57%;
    }
    .add_textnum {
        left: 440px !important;
    }
    .select_divab {
        top: 0.1em;
    }
    .banner_download{
        display: none;
    }
}


@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */

    .smartbanner .sb-button{ width: 58px;height: 24px;background: url(/static/images/icon-downloadapp.png) 0px 0px no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
    .review_number,.business_state{
        font-size: 12px;
    }
    .branch-address, .branch-line{
        font-size: 12px;
    }

}