@charset "utf-8";
/* screen select css  */
body{background:#fff;font-size:20px;color:#666;margin:0;padding:0;line-height:1.6em;padding-top:4.5em;}

*{-webkit-tap-highlight-color:rgba(255,0,0,0);}
a{cursor:pointer;color:#444;}
a,span{text-decoration:none;}
a:hover{color:red;}
input,textarea{border:0;}
.cl{clear:both;}


/**font size**/
.fontsmall{font-size:1.2em;}/*按钮类*/
.fontnormal{font-size:1.5em;}/*文章内容*/
.fontlarge{font-size:1.8em;}/*文章标题*/
.fontmax{font-size:2.5em;}/*标题类*/
.fontmin{font-size:0.9em;}/*注释类*/
.white{color:#fff;}
.black{color:#000;}
.red{color:#e20000;}
.orange{color:#f60;}
.f999{color:#999;}
.f444{color:#444;}
.blue{color:#3e84d6;}
.green{color:#1d550c;}
.green2{color:#77ae0c;}
.center{text-align:center;}

.fixed{position:fixed;bottom:0;left:0;width:100%;}
.ufoobtn{padding-bottom:6em;}
.footertool{background:#fff;border-top:1px solid #eee;width:100%;bottom:0;z-index:9;}
.footertool .w2{width:50%;}
.footertool .w4{width:24%;display:inline-block;}
.footertool .btn{ text-align:center;display:block;height:auto;line-height:normal;}
.footertool .btn em{width:28%;display:block;margin:0 auto;}
.footertool .btn em img{width:100%;}
.footertool .btn span{display:block;margin-top:.5em;}

.footertool .w41{float:left;width:25%;}
.footertool .btns1{ text-align:center;display:block;padding:1em;}
.footertool .btns1 a img{width:80%;}

.footertool .sipt{padding:1em;padding-bottom:0;}
.btns{ text-align:center;padding:1em;}
.btns a{display:inline-block;width:100%;height:4.5em;line-height:4.5em;}
.btns .btnred{background:#e20000;}
.btns .btnred:hover{background:#f70000;}
.btns .btnorange{background:#f77a00;}
.btns .btnorange:hover{background:#f75700;}

.btn1{background:#ec8500;color:#fff;}
.btn1:hover{background:#e58100;}
.btn2{background:#ec2700;color:#fff;}
.btn2:hover{background:#dd2500;}
.btn3{background:#eee;color:#333;}
.btn3:hover{background:#ccc;}
.btn4{background:#4dc413;color:#fff;}
.btn4:hover{background:#35a200;}


.btnash{background:#fff;border:1px solid #eee; border-radius:3px; box-shadow:0 1px 0 0 #eee;padding:.4em .8em;}
.btnash:hover{border:1px solid #ddd;box-shadow:0 1px 0 0 #ddd;}

/*tab style*/
.tabs{height:4.5em; position:relative; background:#fff;text-align:center;overflow:auto;white-space:nowrap;}
.tabs ul li{text-align:center; display:inline-block;padding:0 1em;}
.tabs ul li.w3{width:33.33%;}
.tabs ul li a{display:block;line-height:4.45em; white-space:nowrap;overflow:hidden; }
.tabs ul li a em{display:none;width:4.5em;height:4.5em;background:url(../images/i_tabs_down.png);background-size:100% 100%;}
.tabs ul li a span{display:inline-block; white-space:nowrap;overflow:hidden;}
.tabs ul li.on a,.tabs ul li:hover a{border-bottom:2px solid red;}
.tabs ul li.on a em,.tabs ul li:hover a em{display:inline-block;}


.from{padding:1em 0;}
.from ul li{padding:.5em 1.3em;}
.from ul li .text1{border:1px solid #ddd;padding-left:1em;background:#fff;}
.from ul li .selectbtn{ position:relative;}
.from ul li .selectbtn em{width:.75em;height:.4em;display:block; position:absolute;right:1.5em;top:2em;background:url(../images/i_selectbtn_down.png);background-size:100% 100%;}
.from ul li input{padding:.8em 0;width:100%;}
.from ul li textarea{background:#fff;padding:.8em 0;height:8em;width:100%;}
.from ul li select{background:#fff;height:2.8em;width:98%; text-indent:1em}
.from ul li .btn{width:100%; border-radius:5px; text-align:center;}
.from ul li .btns{padding:0;}
.from .info{margin:1.3em;border:1px solid #ddd;background:#fff;}
.from .info dl {padding:1em;border-bottom:1px solid #ddd;}
.from ul li .info{margin:0;border:1px solid #ddd;background:#fff;}
.from ul li .time{float:right;}


.photo a{width:4.5em;height:4.5em;display:inline-block;background:url(../images/i_addphoto.png);background-size:100% 100%;margin-right:1em;}
.photo span{margin-right:1em;}
.photo ins{width:4.5em;height:4.5em;display:inline-block;margin-right:1em; position:relative;}
.photo ins img{width:100%;height:100%;}
.photo ins em{ position:absolute;width:1.2em;height:1.2em;right:-.6em;top:-.6em;display:block;background:url(../images/i_delete.png);background-size:100% 100%;cursor:pointer;}

/*article style*/
.article section{padding:0 1.5em;}
.article section article{padding:1.5em 0;border-bottom:1px solid #ddd;}
.article section article:hover{background:#eee;}
.article section article h3{padding:0 0 .5em 0;line-height:2.2em;}
.article section article .text{line-height:2em;}
.article .content{padding:1.5em;}
.article .content h1{padding:.6em 0;}
.article .content .time{padding:.3em 0;}
.article .content .name{background:#fffeee;border:1px solid #ffe5ac;padding:1.2em;margin:1.5em 0;margin-top:1em;}
.article .content .name span{padding-right:.5em; vertical-align:text-top;}
.article .content .name ins{padding-right:.5em; }
.article .content .info{line-height:2.8em;padding:1em 0;}

em.tag{display:inline-block;padding:0 .4em;border-radius:3px;background:#e20000;margin-right:.6em;height:1.5em;}
em.tag span{line-height:1.5em; }
em.green{background:#55be00;}
em.bule{background:#009ae2;}
em.orange{background:#ff7800;}
em.ash{background:#ccc;}

.mask{position:fixed;width:100%;height:100%;background:#000; opacity:.5;left:0;top:0;z-index:10;}
.pop{ position:fixed;bottom:0;width:100%;background:#fff;z-index:11;display:none;}
.selectmenu{max-height:70%; overflow:scroll;}
.selectmenu ul li{padding:0 1.5em;height:4em;}
.selectmenu ul li a{padding:1.2em 0; text-align:center;border-bottom:1px solid #eee;display:block;}

.popbox{}
.popbox .title{ text-align:center;padding:2em;}
.popbox .info{ text-align:center;padding:1em 2em 2em 2em; text-align:left;line-height:2em;}

.popbox .info div{padding-bottom:2em;}
.star{text-align:center;}
.star em{ margin-left:1em;display:inline-block;width:1.7em; height:1.7em;background:url(../images/i_myorder_comment_star_off.png); background-size:100% 100%;}
.star em.selected{background:url(../images/i_myorder_comment_star_on.png); background-size:100% 100%;}

.popbox .info .commentinput{ line-height:4.5em;padding-bottom:0em;text-align:center;background:#eee;;border-radius:5px;height:5em;}
.popbox .info .commentinput .input1{width:90%;}

.popbox .footerbtn{ text-align:center;padding:1em 0;background:#eee;}
.popbox .btns{padding:0;}
.popbox .btns .w2{width:44%;margin:0 2%}

.distbox dl{padding:.3em 0;}
.distbox dl dt{display:inline-block;width:20%;}
.distbox dl dd{display:inline-block;width:78%;}
.distbox .input1{width:98%;}

.input1{border:1px solid #eee;padding:.5em;}


.warn{margin-top:12em; text-align:center;}
.warn em{display:block;background:url(../images/i_warn.png);background-size:100% 100%;width:12.5em;height:12.5em;margin:0 auto;margin-bottom:2em;}
.warn span{display:block;padding:.2em 0;}


menu{ position:fixed;right:0;top:3.5em;width:11.5em;z-index:100;padding:0; box-shadow:0 0 5px 0 #ccc;}
menu a{background:#fff;display:block;height:4em;border-bottom:1px solid #f1f1f1; text-indent:1em;line-height:4em;}
menu a:hover{background:#f1f1f1;}
.menubg{width:100%;height:200px;display:none; position:fixed;z-index:90;top:0;left:0;}

.zindex20{z-index:20;}
header{height:4.5em;background:#fff;position:relative;width:100%;top:0;z-index:9;border-bottom:1px solid #ddd;}
header .btn{height:4.5em;display:block; position:absolute;}
header .l{left:0;}
header .r{right:0;}
header .r1{right:4.5em;}
header .btn:hover{background:#e2efff;}
header .btn em{width:4.5em;height:100%;display:block;}
header .btn span{display:block;padding:0 0 0 0.5em;height:100%;line-height:250%;font-size:1.8em;}
header .web em{background:url(../images/i_web.png) no-repeat;background-size:100% 100%;}
header .logo em{background:url(../images/logo.png) no-repeat 1em center;background-size:90% auto;width:16em;}
header .back em{background:url(../images/i_back.png) no-repeat;background-size:100% 100%;}
header .back span{color:#fff;line-height:3em;}
header .user em{background:url(../images/i_user.png) no-repeat;background-size:100% 100%;}
header .share em{background:url(../images/i_share.png) no-repeat;background-size:100% 100%;}
header .nav em{background:url(../images/i_menu.png) no-repeat;background-size:100% 100%;}
header .search em{background:url(../images/i_search.png) no-repeat;background-size:100% 100%;}
header .title{height:4.5em; line-height:4.5em;text-align:center; vertical-align:middle;margin-left:1em;}
header .title img{height:90%;width:auto;margin-top:0.1em;}
header .logo {height:4.5em;display:block; vertical-align:middle;}
header .logo img{height:55%;width:auto; vertical-align:middle;}
header .hottel{left:40%;line-height:4.5em;}
