@charset "utf-8";
body { background-color: #f0f0f0 }
* { padding: 0; margin: 0; list-style: none; text-decoration: none; }
body { font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Hiragino Sans GB", "Hiragino Sans GB W3"; }
.y_hd_back { display: block; position: absolute; top: 0px; left: 0;  width: 55px; padding-left: 12px; height: 42px; /*
background-image: url(img/bt_common.png); 
background-position: 0 -32px; 
background-repeat: no-repeat;
 -webkit-background-size: 60px 64px;
  background-size: 60px 64px;
 */
font-size: 15px; color: #fff; line-height: 42px; background-image: url(img/icon_return.png); background-repeat: no-repeat; -webkit-background-size: 29px 29px; background-size: 29px 29px; background-position:0px 7px;
background-color:#2a84c1;
padding-right:3px;
 }
.y_hd_notice { display: block; position: absolute; top: 8px; right: 3.125%; text-indent: -999px; overflow: hidden; width: 29px; height: 29px; text-align: left; line-height: 32px; color: #fff; text-shadow: 0 -1px #193A6D; background-image: url(img/icon_notice.png); background-repeat: no-repeat; font-size: .75em; -webkit-background-size: 29px 29px; background-size: 29px 29px; }
.y_hd_num { display: block; position: absolute; top: 10px; right: 3.0%; text-indent: -999px; overflow: hidden; width: 6px; height: 6px; border-radius: 5px; background: #f00; border: 2px solid #fff; box-shadow: 0px 2px 2px #666 }
.y_hd_share { display: block; position: absolute; top: 8px; right: 3.125%; text-indent: -999px; overflow: hidden; width: 29px; height: 29px; text-align: left; line-height: 32px; color: #fff; text-shadow: 0 -1px #193A6D; background-image: url(img/icon_share.png); background-repeat: no-repeat; font-size: .75em; -webkit-background-size: 29px 29px; background-size: 29px 29px; }
.y_hd_fav { display: block; position: absolute; top: 8px; right: 14.125%; text-indent: -999px; overflow: hidden; width: 29px; height: 29px; text-align: left; line-height: 32px; color: #fff; text-shadow: 0 -1px #193A6D; background-image: url(img/icon_fav.png); background-repeat: no-repeat; font-size: .75em; -webkit-background-size: 29px 29px; background-size: 29px 29px; }
.content header { position: relative; position: fixed; top: 0; z-index: 9999; height: 42px; line-height: 42px; background: #3598db; border-bottom: 2px solid #2f90d2; color: #fff; font-size: 1.42857em; text-align: center; text-shadow: 0 -1px #2f90d2; width: 100%; max-width: 1024px; }
#error_tips { position: absolute; top: 0; z-index: 100; text-align: center; display: none; }
#error_tips #error_tips_content { position: relative; width: 300px; padding: 5px; margin-left: 5px; text-align: left; background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 2px 2px 5px #aab4ba; }
#error_tips #error_tips_content #error_icon { position: absolute; top: 5px; display: inline-block; width: 18px; height: 14px; background: url(img/android_logo.png) no-repeat -26px 0; }
#error_tips #error_tips_content #error_message { display: inline-block; line-height: 14px; font-size: 14px; margin-left: 25px; width: 270px; }
.login { margin: 0 auto; padding-top: 60px; }
.q_login { margin: 0 auto; width: 290px; overflow: hidden; text-align: center; margin-bottom: 40px; }
.inputstyle { -webkit-tap-highlight-color: rgba(255,255,255,0); width: 278px; height: 45px; color: #333; border: none; background: none; padding-left: 10px; font-size: 20px; -webkit-appearance: none; }
.logo { height: 70px; width: 244px; margin: 0 auto; margin-bottom: 35px; background-size: 244px 70px; }
.logo { background-image: url(img/login_logo.png); background-position: 0 0; background-repeat: no-repeat; }
.header { display: inline-block; height: 97px; width: 96px; text-align: center; position: relative; }
.header img { width: 60px; height: 60px; position: absolute; top: 10px; left: 16px; }
.header .img_out { width: 60px; height: 60px; position: absolute; top: 9px; left: 15px; border: solid 1px #c6dbe8; border-radius: 4px; -webkit-box-shadow: 1px 1px 13px #6E6E6E; }
.nick { display: inline-block; text-align: center; position: absolute; top: 80px; left: 0; height: 20px; line-height: 18px; vertical-align: middle; }
.del_touch_icon { display: none; width: 30px; height: 30px; position: absolute; left: 60px; top: 0; z-index: 1; }
.del_icon { display: block; width: 24px; height: 22px; background: url(img/android_logo.png) no-repeat -68px 0; border-radius: 11px; }
#web_login { width: 290px; margin: 0 auto; }
#g_list { }
#g_u, #g_p { position: relative; background: #fff; border-radius: 6px; border: solid 1px #cacaca; box-shadow: inset 0 2px 2px #e3e3e3 }
.g_item { position: relative; background: #fff; border-radius: 6px; border: solid 1px #cacaca; box-shadow: 0 2px 2px #e3e3e3 }
#g_u { margin-bottom: 10px; }
.txt_default { position: absolute; top: 12px; left: 10px; color: #b3b3b3; }
.del_touch { -webkit-tap-highlight-color: rgba(255,255,255,0); position: absolute; right: 1px; top: -2px; display: block; height: 50px; width: 68px; z-index: 1; }
.del_u { display: none; position: absolute; left: 20px; top: 12px; height: 22px; width: 22px; background: url(img/android_logo.png) no-repeat -92px 0; }
#go, #onekey { width: 288px; height: 22px; line-height: 22px; padding: 10px 0; background: #3598db; border: none; border-radius: 5px; color: #fff; font-size: 20px; text-align: center; border-bottom: 2px #a72525 2f90d2; box-shadow: 0 2px 2px #ccc }
#switch { width: 290px; margin: 0 auto; }
#switch #swicth_login { width: 288px; height: 22px; line-height: 22px; border: solid 1px #cddbe4; border-radius: 5px; background: #f3f9fc; padding: 10px 0; margin-top: 10px; text-align: center; font-size: 22px; color: #89949d; }
#switch #zc_feedback { padding-top: 30px; width: 280px; position: relative; font-size: 16px; }
#switch #zc, #switch #feedback { color: #be2a2a; }
#switch #feedback { position: absolute; right: 0; }
.tansparent { background: none; }
.tip_content { font-size: 16px; height: 20px; line-height: 20px; margin: 20px 0; }
#action { display: -webkit-box; display: -ms-flexbox; display: box; }
#action a { width: 48%; display: block; text-align: center; background-color: #fff; height: 44px; line-height: 44px; border-radius: 4px; color: #999; font-size: 18px; box-shadow: 0 2px 2px #ddd; }
#action a:nth-child(2) { margin-left: 4%; background-color: #3598db; color: #fff; }
.tip_content span { color: #be2a2a; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 18px; }
.g_item { margin-bottom: 10px; position: relative }
.g_item span { display: block; }
.g_item a { line-height: 24px; padding: 12px 10px; display: block; font-size: 16px; padding-left: 50px; }
.g_item:after { content: ""; width: 8px; height: 8px; border-width: 0 2px 2px 0; border-color: #7f7f7f; border-style: solid; position: absolute; top: 50%; margin-top: -4px; background: none; right: 6.875%; -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg) }
.g_item:nth-child(1):after { display: none }
.g_item:before { content: ''; width: 32px; height: 32px; position: absolute; top: 50%; left: 8px; margin-top: -16px; background-image: url(img/sprite2.png); background-repeat: no-repeat; background-position: 0 0; background-size: 128px 64px; -webkit-background-size: 128px 64px; }
.g_item:nth-child(1):before { background-position: -64px 0 }
.g_item:nth-child(2):before { background-position: -32px -32px }
.g_item:nth-child(3):before { background-position: 0px -32px }
.g_item:nth-child(4):before { background-position: -32px 0 }
.g_item:nth-child(5):before { background-position: -64px -32px }
.g_item:nth-child(6):before { background-position: -96px -32px }
.J_searchList { overflow: hidden }
.J_searchList .J_datainfo { display: block; width: 100%; max-width: 1024px; border-bottom: 1px #E5E5E5 solid; height: 90px; clear: both; position: relative; }
.J_searchList .J_noticeList { display: block; width: 100%; max-width: 1024px; border-bottom: 1px #E5E5E5 solid; height: 50px; clear: both; position: relative; }
.img_wrap { float: left; width: 90px; padding: 10px 0; margin-right: 10px; margin-left: 10px; }
.img_wrap img { width: 90px; height: 70px }
.list .text_wrap { padding-top: 10px; padding-left: 10px; padding-right: 10px; }
.list .text_wrap .name { overflow: hidden; height: 26px; line-height: 26px; font-size: 1.28571em; color: #666; word-wrap: break-word; word-break: break-all; }
.list .text_wrap .name b { display: block; float: left; width: 65%; overflow: hidden; }
.list .text_wrap .promo { overflow: hidden; height: 24px; line-height: 24px; font-size: .92857em; color: #999; word-wrap: break-word; word-break: break-all; }
.list .text_wrap .company { overflow: hidden; height: 24px; line-height: 24px; font-size: .85714em; color: #999; word-wrap: break-word; word-break: break-all; }
a.btn_msg, a.btn_call, a.btn_similar { position: absolute; right: -120px; top: 0; display: block; width: 60px; height: 90px; background-color: #ff4e32; line-height: 999px; border-bottom: 1px #E5E5E5 solid; overflow: hidden; }
a.btn_msg { background-color: #f7f7f7; }
a.btn_similar { right: 10px; height: 36px; border-radius: 5px; color: #999; border: 1px solid #ddd; background-color: #fcfcfc; line-height: 36px; width: 46px; text-align: center; margin-top: 24px; box-shadow: 0 1px 1px rgba(0,0,0,.05) }
a.btn_msg:before, a.btn_call:before { content: ''; display: block; width: 32px; height: 32px; background-image: url(img/sprite3.png); background-repeat: no-repeat; background-position: 0 0px; background-size: 128px 64px; -webkit-background-size: 128px 64px; margin: 28px 0 0 14px }
a.btn_msg { right: -60px; }
a.btn_msg:before { background-position: -32px 0px; }
span.recode { float: right; position: relative; padding-left: 16px; color: #666 }
span.recode:before { content: ''; position: absolute; left: 0px; top: 0px; margin-top: 6px; width: 12px; height: 12px; background-image: url(img/ico_v.png); background-position: 0 0; background-repeat: no-repeat; background-size: 12px 12px; -webkit-background-size: 12px 12px; }
span.price { padding-left: 10px; }
span.feed { float: right; font-size: .85714em; color: #1B4587 }
.y_hdb { display: block; position: absolute; top: 5px; right: 3.125%; width: 53px; height: 32px;
/* background-image: url(img/bt_common.png);
 -webkit-background-size: 60px 64px; 
 background-size: 60px 64px; 
 */
 background-color:#3eb1ff;
 border-radius:2px;
 font-size: 15px; 
 color: #fff; 
 line-height: 31px
  }
.list .active { float: left; display: block; width: 32px; height: 32px; margin: 30px 0 0 10px; margin-left: -30px;/*

	border:1px solid #dadada;

	-webkit-box-shadow: 1px -1px #fff inset;

	-webkit-box-shadow: 0 0 1px 1px #fff inset;

	border-radius: 3px;

	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));

	background: -webkit-linear-gradient(top, #fff, #ededed);

	*/ }
.list .J_noticeList .active { margin: 8px 0 0 10px; }
.list .active input { display: block; width: 32px; height: 32px; border: 1px solid #ccc; background: none; }
.J_float_b { }
.J_float_b { position: relative; position: fixed; z-index: 999; bottom: 0px; width: 100%; max-width: 1024px; background-color: #f7f7f7; }
.J_float_b a:nth-child(2) { }
.fd_form { background: #fff; border-radius: 6px; border: solid 1px #cacaca; box-shadow: inset 0 2px 2px #e3e3e3; margin-bottom: 10px; width: 100%; margin-top: 10px; }
.fd_form textarea { width: 100%; padding-top: 10px; -webkit-tap-highlight-color: rgba(255,255,255,0); width: 278px; height: 80px; color: #333; border: none; background: none; padding-left: 10px; font-size: 20px; -webkit-appearance: none; }
/*div.J_datainfo:after { content: ''; position: absolute; width: 18px; height: 18px; right: 10px; top: 50%; margin-top: -9px; background-image: url(img/li_arrow.png); background-repeat: no-repeat; -webkit-background-size: 18px 18px; background-size: 18px 18px }*/

#J_Shade { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .8; -webkit-transform: translate3d(0, 0, 0); z-index: 99999; }