/* m.517best.com style creat by johnny in 2014/09/03 */
* { -webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
body,html { 
    font-size: 14px;
    background-color: #e6e6e6; 
    -webkit-user-select: none;   /* 禁止选中文本（如无文本选中需求，此为必选项） */
            user-select: none;
    -webkit-text-size-adjust:none;
}

@media screen and (min-width: 360px){body,html { font-size: 15.75px;}}
@media screen and (min-width: 480px){body,html { font-size: 21px;}}
@media screen and (min-width: 540px){body,html { font-size: 23.625px;}}
@media screen and (min-width: 640px){body,html { font-size: 28px;}} 

body,ul,ol,li,table,tr,td,span,nav,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,legend,form,fieldset,input,select,button,textarea { margin: 0; padding: 0;}
body,input,select,textarea { line-height: 1.5em; /*font-family:'Helvetica Neue',Helvetica,"Microsoft Yahei","SimHei" ,sans-serif; */color: #000;}
div { margin: 0 auto;} ul{ list-style:none;} img,input,button,select,textarea { vertical-align: middle; border: none;}
img {-ms-interpolation-mode: bicubic;}
input[type="button"],input[type="text"],input[type="password"] ,textarea { background:none; border: none; -webkit-appearance: none;}
input[type="text"]:focus,input[type="password"]:focus ,button:focus,input[type="button"]:focus,textarea { border: 0; outline:none;background: none;}

a { text-decoration: none; outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent; /* For some Androids */
}
a,img {  -webkit-touch-callout: none; }/* 禁止长按链接与图片弹出菜单 */
img{ -ms-interpolation-mode:bicubic; width: 100%;}  /*解决ie7下图片缩放的失真问题*/

/* article,aside,footer,header,menu,nav,section,time,audio,article,aside,footer,header,hgroup,nav,section,audio,canvas,video */
.global { min-width: 320px; max-width: 640px; background-position: 0 0 ; background-repeat: no-repeat; background-color: #fff; }
.hvaeButton { padding-bottom:3.5em;}

/*footer*/
.bottomMenu { background-color: #E6E6E6; margin-top:1em;}
.bottomMenu ul { overflow: hidden; padding: 0.5em 0;}
.bottomMenu ul li { float: left; width: 20%; text-align: center;}
.bottomMenu ul li p { font-size: 0.85em; color: #646464;}
.bottomMenu ul li i { width: 2em; height: 2em; background-image:url(../images/icon_bg_1.png); background-size: 10em 15em; display: inline-block; vertical-align:middle;}
.bottomMenu ul li:first-child i{ background-position:-2.85em -8.21em;}
.bottomMenu ul li:nth-child(2) i{ background-position:-4.85em -8.21em;}
.bottomMenu ul li:nth-child(3) i{ background-position:-6.85em -8.21em;}
.bottomMenu ul li:nth-child(4) i{ background-position:-2.85em -10.21em;}
.bottomMenu ul li:nth-child(5) i{ background-position:-4.85em -10.21em;}

.footer {text-align: center; padding:0.5em 0; color: #969696; line-height:1.5em;}
.footer p.p2 { font-size: 0.8em;}
.footer a { color: #333; margin: 0 0.3em;}


.popupWindow { position:fixed; top: 0; z-index: 9999; background: rgba(0,0,0,.4); width: 100%; max-width: 640px; height: 100%;}

    .windowContent  { position: fixed; bottom: 0; width: 100%; max-width: 640px;  background-color: #fff; padding-bottom: 0.5em; border-top:0.277em solid #35BA36;}
    .windowContent .windowTitle { background-color:#E6E6E6; line-height: 3em; height: 3em; color: #333; padding:0 3%;}
    .windowContent .windowTitle span { float: right;}
    .windowContent .windowTitle span img { width: 1rem;}
    .windowContent .windowTitle a.chave { display: inline-block; margin-left: 0.5rem; color: #32B45A;}
    .windowContent .showCont { padding: 1em 3% 0 3%; }
    .iWantToAsk{ height:5.5em;}
          .askArear { border-bottom: 1px solid #dcdcdc; width: 100%; color:#969696; font-size: 1em; height:4.5em; background-color: #fff; border-radius: 0;}
          .askArear:focus { outline: none; color: #333; color: #333;}
          .ask-mail { padding: 0 3% 0.5rem 3%;}
          .ask-mail input { border-bottom: 1px solid #e6e6e6; font-size: 1rem; width: 100%; line-height: 2.5rem;}
          .ask-mail input:focus { border-bottom: 1px solid #dcdcdc;}

    .windowContent .star { padding:0.5em 3% 0 3%;}
    .windowContent .star p { color: #969696;}
    .windowContent .star .ct {}
    .windowContent .star .ct a { margin-right:2%; margin-top: 0.5rem; display: inline-block; color: #969696;  border: 1px solid #dcdcdc; line-height:2.5em; height:2.5em; width: 23%; text-align: center;}
    .windowContent .star .ct a:nth-child(4n) { width: 25%; margin-right: 0;}
    .windowContent .star .ct a.this { border-color:#FF5555; color: #ff5555; background: url(../images/icon_bg_3.png) right bottom no-repeat; background-size:1.321em 1.321em;}

    .submit-two,.submit { padding: 0 3%; padding-top:1rem;}

        input[type="button"].submitButton,input[type="button"].cancel{ border-radius: 0; font-size: 1em;  background-color: #35BA36; border-radius:0.18em; width:100%; height: 2.85em; line-height: 2.85em; color: #fff; text-align: center;}  
        input[type="button"].cancel { background-color: #e6e6e6; color: #969696;}

    .submit-two input[type="button"].submitButton, .submit-two input[type="button"].cancel{ width:49%;}
    .submit-two input[type="button"].cancel{ margin-left: 2%;}

  .buyselect { height:21em; overflow: scroll; overflow-x:hidden;}
  .buyselect ul li a { display: block; border-bottom: 1px solid #e6e6e6; line-height: 3em; height: 3em; padding: 0 3%; color: #555;}


.streamfooter { text-align: center; padding:0.5em 0; color: #969696; line-height:1.5em; background-color: rgb(240,240,240);}
.streamfooter p.p2 { font-size: 0.8em;}

/*新的弹出层样式*/
.newWindow { position:fixed; top: 0; z-index: 9999;  width: 100%; height: 100%;max-width: 640px; padding: 1em; background-color: rgba(0,0,0,.2);}
    .outContent {position:relative; z-index: 998; top: 0; left: 0; background-color: #fff; border-radius:0.4em; width:100%; height:100%; padding:2em 1em 1em 1em; box-shadow: 0 0 0.1em rgba(0,0,0,.1);}
    .outContent .page { height: 100%; font-size: 1.25em; line-height: 1.5em; color: #555; text-align: justify; overflow: scroll; overflow-x:hidden; }
    .outContent .page p { padding:0.5em 0;}
        .closeWindow { position: absolute; right: -0.5em; top:-0.5em;}
        .closeWindow a { display: inline-block; width:2.5em; height:2.5em; padding: 0.6em 0 0 0; text-align: center; border-radius: 2em; background-color: #e6e6e6; line-height: 1em;}
        .closeWindow a img { width: 1em;} 
        
/**/
.ishare {}
.ishare ul { width:100%; overflow:hidden; padding-bottom:1rem;}
.ishare ul li { width:25%; float:left; text-align:center; margin-top:1rem;}
.ishare ul li a { color:#333;}
.ishare ul li a img { width:1.785rem; height:1.785rem; margin-bottom:0.2rem;}   
.ishare ul li a p { font-size:0.85rem;}

/**/
.tips { background:#FF3E3E; line-height: 3em; height: 3em; position: fixed; width: 100%; max-width: 640px; text-align: center; top:0; z-index: 10000; color: #fff; } 

/**/       
.micro-page { padding: 1.5rem 2%; text-align: center;}
.micro-page a { display: inline-block; vertical-align: middle; border: 1px solid #e6e6e6; color: #969696; width: 2rem; height: 2rem; line-height: 2rem; border-radius: 2rem; margin: 0 0.2rem;text-align: center;}
.micro-page a.this { color: #333; border-color: #969696;}
.micro-page a.no { opacity: .5;}

/**/
.messbox { padding-top:1em;}
.messbox ul li { background-color: #fff; padding:0 2%; height:3.2em; border-bottom: 1px  solid #e6e6e6; }
.messbox ul li span  { display: inline-block; line-height: 3.2em; float: right; color: #c8c8c8;}  

/**/
        input[type="text"].userName ,input[type="password"].userPw { width: 80%; line-height:2em; padding: 0.6em 0; height:3.2em; color: #b4b4b4; font-size: 1em; font-weight: 100;}
        input[type="text"].userName:focus,input[type="password"].userPw:focus { color: #000;}


  .savev { padding: 0.5rem 2% 0 2%;}
  .savev a.c,.visitors_list_window ul li a.c { vertical-align: -0.15rem; margin-right: 0.3rem; width: 1em; height:1em; background-position:-3.571em -5.571em; display: inline-block;  background-image: url(../images/micro_store_bg_4.png); background-size: 10em 10em;}
  .savev a.t ,.visitors_list_window ul li a.t { background-position: -3.571em -4.571em;}

  .visitors_list_window { width:100%; height:20rem; overflow:scroll; overflow-x:hidden;}
  .visitors_list_window ul li { border-bottom: 1px  solid #e6e6e6; padding: 0.5rem 2%; }
      	select.zjN { width:100%; height:2rem; margin-top: 0.6rem; font-size: 1rem; color: #555;}
    	select.zjN:focus { border: 0; outline: none; color: #b4b4b4;}
		img.userName { width:7.05rem; height:auto; vertical-align:middle}
/**/
.window-black { position:fixed; width:100%; height:100%; top:0; left:0; background-color: rgba(0,0,0,.3);}	
	.open-box { margin-top:10%; background-color: #fff; position: relative; width: 88%; height: 88%; box-shadow: 0 0 10px rgba(0,0,0,.5);}
		.open-title{ border-bottom:1px solid rgb(230,230,230); padding:0 0 0 3%; color: #000; background-color:rgb(240,240,240); line-height:2rem;}
		.open-title span { float: right; display: inline-block; }
        .open-title span img { width:1.8rem;}

 		.open-content2 { padding:0 0.5rem 0.5rem 0.5rem;}

 			ul.otherlist li { padding: 0.5rem 0;}	

        .open-content2 .cancel, .open-content2 .ok{ border-radius: 2px; padding:0.1rem 1rem; margin-right:0.2rem; color:#fff; background-color:#35BA36; display:inline-block;}
        .open-content2 .cancel{ background-color: rgb(220,220,220);  color: #787878;}


/* go qunar pay style */
.qunar-pay-tips { text-align: center; padding:0 5% 2rem 5%; color: rgb(150,150,150); font-size: 0.85rem; line-height: 1.2rem;}		


.system-up-tips { position: relative; padding:10px 10% 10px 2%; background-color: #E4532A; width: 100%; color: #fff; font-family:'Helvetica Neue', Helvetica,verdana,"华文细黑",STHeiti,"Microsoft Yahei";}
.system-up-tips .sup-tips-box {}
.sup-tips-close { line-height: 21px; position: absolute; right: 10px; top:10px;  width:42px; height: 42px; background-color:rgba(255,255,255,.8);}
.sup-tips-close img {width: 100%;}