﻿/*初始样式*/
html {font-size: 18px; font-family: Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", STXihei, STHeiti, "Microsoft YaHei", Heiti, SimSun, sans-serif;-webkit-font-smoothing: antialiased;}
body,ul,ol,li,p,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd {margin: 0;padding: 0;border: 0;list-style: none;font-weight: normal;}
body {background: #F6F6F9;color: #333;margin: 0 auto;font-size: 18px;font-weight: normal;}
a,a:link {color: #333;text-decoration: none;}
a:active,a:hover{text-decoration: underline;}

* {-webkit-appearance: none;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

input:required,input:valid,input:invalid {border: 0 none;outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;}/* 重置文本格式元素 */


@media only screen and (max-width: 310px) and (min-width: 300px) {html {font-size: 9px}}
@media only screen and (max-width: 320px) and (min-width: 310px) {html {font-size: 9px}}
@media only screen and (max-width: 360px) and (min-width: 320px) {html {font-size: 9px} .filter-menu-list ul{margin-top:.12rem;}.filter-menu-list ul li i{font-size:2.2rem !important;}}
@media only screen and (max-width: 360px) and (min-width: 350px) {html {font-size: 10px} .filter-menu-list ul{margin-top:.1rem;}.filter-menu-list ul li i{font-size:2.2rem !important;}}
@media only screen and (max-width: 480px) and (min-width: 360px) {html {font-size: 10px} .filter-menu-list ul{margin-top:.1rem;}.filter-menu-list ul li i{font-size:2.2rem !important;}}
@media only screen and (max-width: 480px) and (min-width: 470px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 560px) and (min-width: 480px) {html {font-size: 13.33333px}}
@media only screen and (max-width: 570px) and (min-width: 560px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 570px) {html {font-size: 15.83333px}}
@media only screen and (max-width: 640px) and (min-width: 630px) {html {font-size: 17.77778px}}
@media only screen and (max-width: 710px) and (min-width: 640px) {html {font-size: 17.77778px}}


#loading{ position: fixed; left:0; top: 0; right: 0; bottom: 0; background:rgba(255,255,255,1) ; margin-left:-2.5rem;  margin-top:-1rem;z-index: 111;}
#loading img{ position:absolute; width:5rem; height: auto; left:50%; top: 50%; margin-left:-2rem; margin-top:-3rem;}


.padding-all{padding:1.3rem}

/*滚动条样式*/
.scrollbar-none::-webkit-scrollbar {/*滚动条宽度设置*/width: 0px;height: 0;}

/*dis-flex*/
.dis-flex{display:flex; display: -webkit-flex;}
.dis-flex:before{display:flex; display: -webkit-flex;}


/*display盒子*/
.dis-box {display: -webkit-box;display: -moz-box;display: -ms-box;display: box;}
.box-flex {-webkit-box-flex: 1;-moz-box-flex: 1;-ms-box-flex: 1;box-flex: 1; display: block; width:100%;}


/*文本框*/
.text-all {border-bottom: 1px solid #F6F6F9;padding: 1rem 0;width: 100%;overflow: hidden;}

.input-text {position: relative;}
.input-text input {border: 0;height: 3rem;line-height: 2rem;padding: .5rem 0;box-sizing: border-box;width: 100%;color: #555;font-size: 1.6rem;padding-right: 3rem;}
/*文本框s*/
.input-texts {position: relative;}
.input-texts input {border: 0;height: 3.6rem;line-height: 3.6rem;padding: .5rem 0;box-sizing: border-box;width: 100%;color: #555;font-size: 1.57rem;padding-right: 3rem;border:1px solid #cccccc;}

.btn-submit-back{display: block; width:3.7rem; height:3.7rem;}


/*垂直水平居中*/
.tb-lr-center{  display: -webkit-box; display: -ms-flexbox;  display: -webkit-flex; display: flex !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;}
		
/*搜索框*/
.search{padding:0 1rem; position:relative;max-width: 664px; margin:auto}
.search .text-all{border-bottom:0;}
.search .input-text{padding:.3rem 0; border-bottom:0; background:#fff; background:#FFFFFF; border-radius: 4px; overflow: hidden;  position:relative;}
.search .input-text input{padding-left:1rem;}
.search .is-null{right:.6rem;}
.search .btn-submit{display: block; width:6rem; height:3.6rem;box-sizing: border-box; border-radius: 0px 4px 4px 0; line-height: 1rem;}

/*
 * 弹出搜索框
*/
.show-search-div .search-div{top:0; visibility:visible;opacity:1;max-width: 700px; margin:auto;}
.search-div{background:#fff; position:fixed; height:100%; width:100%; left: 0; top: 100%; right: 0; visibility:hidden; bottom:0; z-index: 112;}
.search-div .search{background:#fff; border:1px solid #ccc;}
.search-con{padding:1rem 1rem; padding-bottom:0; background:#fff;}
.search-con ul{overflow: hidden; color:#555}
.search-con ul a{color:#666;}
.search-con p{overflow:hidden; font-size:1.2rem; padding:.8rem 0; padding-top:0; clear: both; color:#999;}
.close-search{height:4.6rem; line-height: 4.6rem; color:#999; position: absolute; bottom:0; font-size:1.6rem; text-align: center; width:100%;}
.history-search{position: absolute !important; bottom: 5rem;overflow: hidden;left:0;top: 6.8rem; right: 0; padding:0 1.3rem;}


.category-top .search{border-bottom:1px solid #e8e8e8;position:fixed; left:0; top:0; right:0; z-index: 1; background:#fff;}
.search .text-all{border-bottom:0;}
.search .input-texts{padding:.3rem .5rem; border-bottom:0; background:#fff; background:#FFFFFF; border-radius: 4px; overflow: hidden;  position:relative;}
.search .input-texts input{padding-left:1rem;}
.search a.a-search-input{display:block; position: absolute; left:0; bottom:0; right:0; top:0; z-index: 2;}


.menu-left,.menu-right{position:fixed;top:5.7rem; bottom:0rem; overflow-y: scroll; margin-bottom:4.5rem;min-height:100%;}
.menu-right #loading{left:11rem; top:6.7rem;}

.menu-left{background:#F6F6F9;}
.menu-left ul li{padding:1.3rem .8rem; box-sizing: border-box;  font-size:1.5rem; width:8.6rem; line-height:2.0rem; text-align: center;}
.menu-left ul li.active{background:#fff; position:relative; border-left:2px solid #ff0000;}
.menu-left ul li.active:before{content: " "; position: absolute;display: block; width:5px; height:100%; background:#fff; top:0; left:0;}

.menu-right{background:#fff; position:inherit; margin-left:8.6rem; margin-top: 5.7rem; right:0; bottom:0; left: 8.6rem}
.menu-right h5{font-size:1.3rem; color:#666; margin-top:1rem; margin-bottom:.4rem;}
.menu-right h5:first-child{margin-top:0;}
.menu-right ul{overflow: hidden;}
.menu-right ul li{text-align: center;}
.menu-right ul li a{display:block; position: absolute; left:.3rem; top:.7rem; bottom:.7rem; right:.3rem;}
.menu-right ul li:nth-child(3n+1) a{left:0; right:.7rem;}
.menu-right ul li:nth-child(3n) a{right:0; left: .7rem;}
.menu-right ul li span{display:block;height:2.6rem; line-height: 2.6rem; overflow: hidden; text-align: center; font-size:1.4rem}
.menu-right ul li img{width:5rem; height: auto;	}


/*按钮色调*/
.search .btn-submit{display: block; width:6rem; height:3.7rem;box-sizing: border-box; border-radius: 4px;    line-height: 1rem; margin-top:0.2rem; margin-bottom:0.1rem}
.btn-submit{font-size: 1.6rem;color: #fff;border: 0; margin-left:5px;text-align: center;background: #1CBB7F}
.btn-submit:active,
.btn-submit:hover {}/*主提交按钮按下颜色13AB53*/


/** a链接样式1------热门搜索*/
.a-text-more a{display:block; width:100%; text-align: center; box-sizing: border-box;}
.a-text-more span{height:2.6rem; line-height: 2.6rem; font-size:1.5rem; display: block; border-radius: 4px;}

.choose_word{float:left; width:96%; padding:2%;background-color:#FFFFFF;}
.choose_word_list{float:left;height:50px; line-height:50px; vertical-align:middle; display:table-cell; border-bottom:1px solid #ccc; width:100%;  margin-bottom:5px;}
.choose_word_type{float:left; width:23%; height:44px; line-height:24px; overflow:hidden; margin:1%;}
.choose_word_list a{ font-size:1.5rem}
.choose_word_item{float:left;  border-radius:5px; background-color:#f2f2f2; width:29%; margin:2%;text-align:center; font-size:12px; overflow:hidden; height:35px; line-height:35px;}

.bottom {max-width:700px;position:fixed;bottom:0;z-index:20;border-top:1px solid #c2c2c2;margin:auto;background-color: #fafafa; height:4.5rem; line-height:4.5rem; width:100%}
.bottom_two_nav{width:20%; text-align:center; padding-top:8px; float:left;}
.bottom_two_nav_img{ margin-bottom:2px;}
.bottom_small {color:#333;display:block;height:1.6rem; line-height: 1.6rem; overflow: hidden; text-align: center; font-size:1.4rem}
.bottom_small a {box-sizing: border-box;  font-size:1.4rem;text-align: center;}
.bottom_small a:hover {font-size:1.4rem;color:#f00;}
.intoborder_search{float:left; width:72%; margin:10%; padding:3%;text-align:center; border:1px solid #ccc;}




