@charset "utf-8";
@import url(font-awesome.min.css); 
@import url(detail.css); 
@import url(style.css); 

/* =============== CSS Base Styles =============== */

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
.search_btn {position: relative;top: -2px;right: 25px;cursor:pointer;}

/** border*/
.border-top{border-top: 1px solid #EBEBEB;}
.border-right{border-right: 1px solid #EBEBEB;}
.border-bottom{border-bottom: 1px solid #EBEBEB;}
.border-left{border-left: 1px solid #EBEBEB;}
.border-lr{border-right: 1px solid #EBEBEB; border-left: 1px solid #EBEBEB;}
.border-tb{border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;}
.border{border: 1px solid #EBEBEB;}

/** buttnos*/
.btn{display: inline-block; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; letter-spacing: 1px; background-image: none; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.btn:hover{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn:focus,.btn:active:focus{text-decoration: none; outline: none;}
.btn.disabled,.btn.disabled:hover,.btn.disabled:active{pointer-events: none; cursor: not-allowed;}

/** btn-white*/
.btn-white{color: #70818b; background-color: #f9fbfc; border-color: #EBEBEB;}
.btn-white:hover{color: #70818b; background-color: #fff; border-color: #EBEBEB;}
.btn-white:active{color: #70818b; background-color: #f1f5f7; border-color: #EBEBEB;}
.btn-white.active{color: #fff; background-color: #9E6E56; border-color: #9E6E56;}
.btn-white.disabled,.btn-white.disabled:hover,.btn-white.disabled:active{color: #c6ced2; background-color: #f9fbfc; border-color: #ecf0f2;}

/** btn-whtran*/
.btn-whtran{color: #70818b; border-color: #c6ced2;}
.btn-whtran:hover,.btn-whtran:active{color: #9E6E56; border-color: #9E6E56;}

/** btn-blue*/
.btn-white.active,.btn-blue,.tofan-btn,.tozhan-btn{color: #fff; background-color: #9E6E56; border-color: #9E6E56;}
.btn-blue:hover,.tofan-btn:hover,.tozhan-btn:hover{color: #fff; background-color: #A67055; border-color: #A67055;}
.btn-blue:active,.tofan-btn:active,.tozhan-btn:active{color: #fff; background-color: #007cdb; border-color: #007cdb;}
.btn-blue.disabled,.btn-blue.disabled:hover,.btn-blue.disabled:active,.btn-orange.disabled,.btn-orange.disabled:hover,.btn-orange.disabled:active{color: #fff; background-color: #c6ced2; border-color: #c6ced2;}

/** btn-orange*/
.btn-orange{color: #fff; background-color: #ff4f17; border-color: #ff4f17;}
.btn-orange:hover{color: #fff; background-color: #ff672b; border-color: #ff672b;}
.btn-orange:active{color: #fff; background-color: #f63a15; border-color: #f63a15;}

/** btn-tr-orange*/
.btn-tr-orange{color: #ff4f17; border-color: #ff4f17;}
.btn-tr-orange:hover{color: #fff; background-color: #ff672b; border-color: #ff672b;}
.btn-tr-orange:active{color: #fff; background-color: #f63a15; border-color: #f63a15;}

/** tofan btn*/
.tofan-btn.disabled,.tofan-btn.disabled:hover,.tofan-btn.disabled:active{color: #fff; background-color: #3cc0af; border-color: #3cc0af;}
.tofan-btn.active{position: relative; overflow: hidden; color: #fff; background-color: #3cc0af; border-color: #3cc0af;}
.tofan-btn.active:hover{color: #fff; background-color: #fe2525; border-color: #fe2525;}
.tofan-btn.active:active{color: #fff; background-color: #ea2727; border-color: #ea2727;}
.tofan-btn.active > span,.tofan-btn.active > em{position: absolute; left: 0; z-index: 1; display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-transition: top .24s ease; transition: top .24s ease;}
.tofan-btn.active > span{top: 0;}
.tofan-btn.active > em{top: 100%;}
.tofan-btn.active:hover > span{top: -100%;}
.tofan-btn.active:hover > em{top: 0;}

/** tozhan btn*/
.tozhan-btn.active,.tozhan-btn.active:hover,.tozhan-btn.active:active{color: #fff; background-color: #3cc0af; border-color: #3cc0af;}
.tozhan-btn .tozhan-num{position: absolute; left: 70px; top: -10px; z-index: 0; font-size: 14px; line-height: 1.42857143; color: #9E6E56;}
.tozhan-btn > .icon-dianzanliang,.tozhan-btn > .icon-vote{width: 30px; font-size: 18px; line-height: 20px; vertical-align: middle; -webkit-transition: font .26s ease-in-out; transition: font .26s ease-in-out;}
.tozhan-btn > em{padding-left: 4px; font-family: Georgia; font-size: 12px; line-height: 1.666667; vertical-align: middle;}
.tozhan-btn.active > .icon-dianzanliang,.tozhan-btn.active > .icon-vote{font-size: 21px;}