/*common.css 20161221*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0; word-wrap:break-word; word-break: break-word;}
section{ padding:0; margin:0; display:block}
ul,li,ol,dl{list-style-type:none}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background-color:#fff; font-size:20px;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; border-radius:0;}
input,button{overflow: visible;vertical-align:middle;outline:none}
body{line-height:1.6; font-size:14px; font-size:0.7rem;}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{text-decoration:none;cursor: pointer; color:#333; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.08);}
a:hover{text-decoration:none;}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal}
img{border:0;vertical-align:middle; max-width:100%}
body{margin:0 auto;max-width:800px; font-family: "Microsoft Yahei", "Simsun", Arial, sans-serif;line-height: 1.5; color:#333; position:relative;}
div{display:block}
input, button, textarea, select, optgroup, option, i, em {font-family: inherit;font-size: inherit;font-style: inherit;}
.clearfix:after,.wrap:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap{display:block;*zoom:1}
.fl{ float:left;}
.fr{ float:right}
input[type="submit"],input[type="text"],input[type="reset"],input[type="button"],button ,select,textarea{-webkit-appearance: none;}
textarea{ box-sizing:border-box}
select{ background:#fff url(../images/selectbg.png) no-repeat 96% center /auto 50%;}
.block{ display:block;}
.gb-content{ background-color:#f7f7f7; padding-bottom:0.5rem;}
.content{ margin:0.5rem;}
.clear{ height:0; overflow:hidden; clear:both}

.btn{ display:inline-block; text-align:center; border-radius:0.15rem; border:1px solid transparent; white-space:nowrap;overflow:hidden}
.btn-down{ width:15%; font-weight:500; font-size:0.7rem;height: 1.4rem; line-height:1.4rem;border-color:#1B84CE;color: #1B84CE;float:right; margin:-0.5rem 0 0 5%; }
.btn-more{ display:block; border-color:#ccc; margin:0.5rem; line-height:1.3rem; color:#999}
.split{ margin: 0 0.4rem;height: 0.5rem; margin-top:-0.1rem;width: 1px;  overflow:hidden;display:inline-block; vertical-align:middle; background-color:#ddd;}
.tips{font-size: 0.6rem;color: #969696; margin-top:0.3rem;}
p.tips{ clear:both;}
.mod-hd {position: relative; overflow:hidden; }
.mod-hd .tit {font-size: 0.9rem;color: #4c4c4c;line-height: 2.5rem;font-weight: normal; padding:0 0.5rem;}
#pagelistend{ text-align:center; padding:0.5rem 0; color:#b3b3b3; font-size:0.65rem}
.blank10{ height:0.5rem; overflow:hidden}
.page-wrapper{width:100%}

/*function*/
/*tab*/
.navtab{ }
.navtab li{}
.navtab li a{ display:block;box-sizing:border-box;  background:#fff; line-height:1.9rem; height:1.9rem;font-size:0.8rem; white-space:nowrap}
.navtab li:not(:first-child) a{border-left: none;}

.tab-sy1{ padding:0.5rem 0.75rem 0;}
.tab-sy1 li a{ border:#54ABFC solid 1px; color:#54ABFC;}
.tab-sy1 li:first-child a{border-radius:0.2rem 0 0 0.2rem }
.tab-sy1 li:last-child a{border-radius:0 0.2rem 0.2rem 0}
.tab-sy1 li.on a,
.tab-sy1 li.activenum a{ background:#54ABFC; color:#fff; outline:none}

.tab-sy2{ border-bottom:#eee solid 1px; height:1.9rem;}
.tab-sy2 li a{ line-height:1.9rem}
.tab-sy2 li.on a,
.tab-sy2 li.activenum a{ border-bottom:#59C9FF solid 2px; height:1.95rem}

.flexbox{text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.flexbox li,
.flexbox >*{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
/*tab*/

/*iphone 6*/
@media screen and (min-width:320px){ 
html{ font-size: 17.066px;}  
}
@media screen and (min-width:360px){ 
html{ font-size: 19.2px;}  
}

@media screen and (min-width:384px){ 
html{ font-size: 20.48px;}  
}
@media screen and (min-width:412px){ 
html{ font-size: 21.973px;}  
}
/*iphone 6 plus*/
@media screen and (min-width:414px){ 
html{ font-size: 22.08px;}  
}
@media screen and (min-width:424px){ 
html{ font-size: 22.613px;}  
}
@media screen and (min-width:480px){ 
html{ font-size:25.6px;}  
}
@media screen and (min-width:540px){ 
html{ font-size:28.8px;}  
}
@media screen and (min-width:600px){ 
html{ font-size: 32px;}  
}
@media screen and (min-width:800px){ 
html{ font-size:42.667px;}  
}

/*common doc*/

.header{ height:2.2rem; line-height:2.2rem;  position:relative}
.header~.h-block{ height:2.2rem}
.header .m-title{ width:100%; text-align:center; font-size:0.85rem;  box-sizing:border-box; height:2.2rem; padding:0 2.2rem; white-space:nowrap; overflow:hidden;text-overflow:ellipsis}
.header .back,
.header .head-in{ position:absolute;  margin-top:0; height:100%; top:0;text-align:center; z-index:5;min-width:2.2rem; }
.header .back{ left:0;font-size:1.4rem; min-width:2.0rem; line-height:2.0rem; top:0;  box-sizing:border-box;}
.header .back .btext{ position:absolute; line-height:2.2rem; white-space:nowrap; padding-left:0.3rem;font-size:0.8rem; vertical-align:middle}
.header .home{ font-size:1.2rem}
.header .head-in{ right:0;}
.header .head-in i{ font-size:1.05rem; line-height:2.4rem}
.header .h-nav{background:#fff; top:2.5rem; text-align:left; overflow:hidden; box-shadow:0 0 6px rgba(0,0,0,0.3); right:0.5rem; width:6.5rem; font-size:0.8rem; position:absolute}
.header .h-nav li{  border-bottom:#ddd solid 1px;}
.header .h-nav li a{ display:block;padding-left:0.5rem;}
.header .h-nav li i{ display:inline-block;color:#c1c1c1; margin-right:0.5rem}
.header .h-nav.show{ display:block}
.header .logo{ position:absolute;  margin-top:0; height:100%; top:0;text-align:center; z-index:1; left:0px; padding-left:0.25rem;}
.m-topbar{ background-color:#448CEE; color:#fff;}
.m-topbar a,.m-topbar .fa{ color:#fff;}

.head-in .h-nav{ display:none}
.head-in .h-cart~.menu{margin:0 0.5rem;}


/****透明头部 浮动***/
.header-floated{ position:fixed; left:0; right:0; z-index:20;-webkit-transition: .5s; transition: .5s;}
.header-floated .m-title{ display:none}
.header-floated ~ .tab-title{ display:none}
.header-floated .back,
.header-floated .menu,
.header-floated .h-cart{background-color:rgba(0,0,0,0.45);width:1.8rem;border-radius:50%;color:#fff; margin-top:0.2rem; min-width:1.8rem; height:1.8rem; line-height:1.8rem;}
.header-floated .back{ margin-left:0.5rem}
.header-floated .menu{ font-size:0.9rem !important; margin-right:0.5rem}
.header-floated .h-cart{line-height:1.9rem}

.header-floated.active {background:#fff;border-bottom: #E4E4E4 solid 1px;}
.header-floated.active .back,
.header-floated.active .menu,
.header-floated.active .h-cart{color:#777; background:none}
.header-floated ~ .tab-title.fixed{ top:2.2rem; display:block !important}

/*底部快捷按钮*/
.quick-btn {position: fixed; height:2.4rem;width: 100%;background-color: #FCFCFC;left:0;
bottom: 0px;border-top: 1px solid #e5e5e5; box-shadow:0 1px 10px rgba(206,206,206,0.8); z-index:99}
.quick-btn ul{ height:100%}
.quick-btn ul li{text-align: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.quick-btn a{color: #999;display: inline-block;text-align: center;cursor: pointer;color:#434a54;webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;}
.quick-btn a:hover{ text-decoration:none}
.quick-btn div {font-size: 1.1rem;padding: 0.3rem 0px 0;color: #999;top: 0px;}
.quick-btn p{font-size: 0.5rem;color:#434a54}
.quick-btn .curr div,
.quick-btn .curr p{ color:#FF5001}
.quick-btn~.h-block{ height:2.4rem}
.footer{ color:#ccc; text-align:center; font-size:0.55rem; padding:0.5rem 0;}


/*侧边栏*/
.trigger-link{ box-sizing:border-box;position: absolute; margin-top: 0;height: 100%;top: 0; right:0;color: #777;text-align: center;z-index: 13;width: 2.5rem;line-height: 3.0rem}
.trigger-link .menu{ font-size:1.2rem}

.panel-nav{ /*box-shadow: 0 0 2.5rem rgba(0,0,0,0.24);*/ padding-top:1.0rem;}
.panel-nav .v-nav{text-align:left; width:11rem; padding-left:1.0rem; background:#fff;overflow-x: hidden;
    -webkit-overflow-scrolling: touch; overflow-y: auto;font-size:0.8rem; box-sizing:border-box; line-height:2.4rem}
.panel-nav .v-nav li{ position:relative; border-bottom:#ddd solid 1px;  font-size:0.8rem}

.panel-nav .v-nav li a{ display:block;padding-left:0.5rem; color:#565b5e;}
.panel-nav .v-nav li i{ display:inline-block; margin-right:0.5rem; font-size:1.0rem; color:#c1c1c1}
/*侧边栏*/


.body-toggled{ overflow:hidden}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 101;
}

.page-wrapper{ -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    transition: all 0.5s ease; }
	
.page-wrapper.toggled,
.page-wrapper.toggled .quick-btn,
.page-wrapper.toggled .one-header{margin-left: -11rem;}


.quick-btn,
.one-header{ -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
	
	
.sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #fff;
	position:fixed;
	top:0;
	right:0;
    height: 150%;
    right: 11rem;
    margin-right: -11rem;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;}	
.page-wrapper.toggled  .sidebar-wrapper{
	width:11rem;
}

#carbox show {display: block!important}
.fa-choice{color: #F66400}