@charset "utf-8";
/*iReader CSS reset @author:gaodongmei;by:2014-4-23*/
html{-webkit-text-size-adjust:100%}
body,p,blockquote,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dd,input,textarea,button{margin:0; padding:0}
body {background: #f3f3f3; font-size:14px; color:#555; font-family:Tahoma,"microsoft yahei",Geneva,sans-serif;; line-height:150%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout:none;  }
h1, h2, h3, h4, h5,em,i { font-weight:normal}
ul, ol { list-style:none }
em,i{ font-style: normal; }
img{border: 0;vertical-align: middle}
/* lazyload渐现效果 */
img[src=''] {opacity:0}
img[data-src*='.'] { -webkit-transition:opacity .5s}
a {text-decoration: none; color: #333333; outline:none}
input,select,textarea{font-size:100%;border:0;outline: none; -webkit-appearance:none; resize:none;}
/*clear float*/
.clear{clear:both;}
.clearfix::after {content:''; display:block; clear: both}
/*model style*/
.textL{text-align:left;}
.textC{text-align:center;}
.textR{text-align:right;}
.fl{float:left;}
.fr{float:right;}
.hidden{visiility:hidden;}
.none{display:none;}
.relative{position:relative}
.fixed{position:fixed;}
.fixed-top{position:fixed; z-index:999; top:-1px; left:0; right:0; z-index:99999}
.absolute{position:absolute}
.vm{verticle-align:middle;}
/*font style*/
.font0{ font-size:0; letter-spacing:-3px;}
.f10{ font-size:10px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.linethrgh{ text-decoration:line-through}
/*margin style*/
.mt5{margin-top:5px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.p8{ padding:8px}
.p15{ padding:15px;}
.pr35{ padding-right:35px}
.p1015{ padding:10px 15px;}
.w100{ width:100%;}
.pb10{ padding-bottom:10px}
.pb15{ padding-bottom:15px}
/*color style*/
.red{color:#e8554d;}
.orange,.orange a{color:#ff7200;}
.black{ color:#000}
.gray{color:#ccc}
.bodycolor{ color:#555}
.gray6{ color:#666}
.gray9{ color:#999}
.brown{ color:#b7611b}
.green{ color:#6aaf11}
.border_b_dot{ border-bottom:1px solid #f0f0f0;}
.border_t_dot{ border-top:1px solid #f0f0f0;}
.ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.p-line2{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/*box style*/
.boxbg{ background:#fcfcfc}
.box{display:-webkit-box; display:box;-webkit-box-sizing: border-box;-webkit-box-orient:horizontal; -webkit-box-pack:justify}
.box2{display:-webkit-flex; display:flex; -webkit-box-sizing: border-box;-webkit-box-orient:horizontal; -webkit-box-pack:justify}
/* 默认 flex 是均分父级宽，flex_item 是均分剩余空间 */
.flex {-webkit-box-flex:1; -webkit-flex:1; flex:1}
.flex_item {-webkit-box-flex:1; -webkit-flex:1 1 auto; flex:1 1 auto}
.overflow{ overflow:hidden}
.mod-table{ display:table}
.blank{ height:1px; overflow:hidden}
.blank10{ height:10px;overflow:hidden}
.blank20{ height:20px;}
/*zhi hui*/
.filter-gray { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);  filter: url(desaturate.svg#grayscale); -webkit-filter: grayscale(1); }
/*btn style delete*/
.v4-obtn{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8000), to(#ff7200));border: 1px solid #ff7200;color:#fff;-webkit-border-radius:3px; -o-border-radius:3px; box-shadow:0 1px 2px #ebebeb; width:100%; line-height:38px }
.v4-obtn:hover{ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff7200), to(#ff8000));}
.v4-gbtn{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#f5f5f5));border: 1px solid #e8e8e8;color:#666;-webkit-box-shadow: 0 1px 2px #ebebeb;-webkit-border-radius:3px; -o-border-radius:3px;}
.v4-gbtn:hover{background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#fafafa));}
.v4-obtn.active{ opacity:0.5}
/*表单样式 通用*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#c8c8c8;}
.form-tit{ font-size:15px;color:#999; margin-bottom:5px}
.btn-on{background:#e8554d; border:1px solid #cf433b;-webkit-border-radius:3px;width:100%; line-height:41px; color:#fff;font-size:14px;-webkit-box-sizing:border-box;}
.btn-on:hover{ background-color:#d65751}
.btn-gray{background:#f5f5f5;border:1px solid #e1e1e1;-webkit-border-radius:3px;width:100%; line-height:41px; font-size:14px;-webkit-box-sizing:border-box;}
.btn-gray:hover{ background:#f0f0f0;}
.v4-disabled{background:#e8554d;border:1px solid #e8554d;-webkit-border-radius:3px;width:100%; line-height:41px; font-size:14px;-webkit-box-sizing:border-box;color:#fff; opacity:0.3;}
/*input*/
.v4-text-in{ background:#fff; border:1px solid #eee; -webkit-border-radius:2px; padding:12px 6px; width:100%;-webkit-box-sizing: border-box; font-size:14px;-webkit-box-sizing:border-box; line-height:100%}
.v4-text-in.graybg{ background:#f3f3f3}
.v4-text-in:focus{ background:#fcfcfc; border:1px solid #e8554d}
.area-style{background:#fff; border:1px solid #efefef; -webkit-border-radius:2px; padding:10px 6px; width:100%;-webkit-box-sizing: border-box; resize:vertical; min-height:115px; line-height:1.5em; font-size:15px;-webkit-box-sizing:border-box;}
.area-style:focus{background:#fcfcfc; border:1px solid #e8554d}
/*btn yingyong*/
.v4-shortbtn{ padding:9px 30px; width:inherit; line-height:inherit}
.v4-p-btn-1 input{ width:100%;line-height:38px;}
.v4-p-btn-2 input{ width:48%; display:block;line-height:38px;}
/*checkbox*/
input[type=checkbox].v4-m-checkbox { overflow: hidden; clip: rect(0 0 0 0); -webkit-appearance:none; display:none}
input[type=checkbox].v4-m-checkbox + label.v4-m-label {  display: inline-block;cursor: pointer; }
.v4-m-label span{border:1px solid #b7b7b7; width:14px; height:14px; display:inline-block; text-align:center; line-height:16px;background:#fff;vertical-align:middle;}
input[type=checkbox].v4-m-checkbox:checked + label.v4-m-label span em{border-left:2px solid #ff7200;border-bottom:2px solid #ff7200; width:8px; height:4px; -webkit-transform:rotate(-45deg); display:block; margin:3px auto 0 auto;}
/*checkbox2*/
input[type=checkbox].v4-m-checkbox { overflow: hidden; clip: rect(0 0 0 0); -webkit-appearance:none;}
input[type=checkbox].v4-m-checkbox + label.v4-label-rnd {  display: inline-block;cursor: pointer; }
.v4-label-rnd span{border:1px solid #b7b7b7; border-radius:16px; width:16px; height:16px; display:inline-block; text-align:center; line-height:16px;background:#fff;vertical-align:middle; position:relative }
input[type=checkbox].v4-m-checkbox:checked + label.v4-label-rnd span{ background:#e8554d; border-color:#e8554d  }
input[type=checkbox].v4-m-checkbox:checked + label.v4-label-rnd span em{border-left:1px solid #fff;border-bottom:1px solid #fff; width:8px; height:4px; -webkit-transform:rotate(-45deg); display:inline-block; position:absolute; top:4px;left:4px;}
/*radio*/
input[type=radio].v4-m-radio { overflow: hidden; clip: rect(0 0 0 0); -webkit-appearance:none; display:none}
input[type=radio].v4-m-radio + label.v4-m-label2 {  display: inline-block;cursor: pointer;  }
.v4-m-label2 span.radio-mod{border:1px solid #bbbbbb; width:16px; height:16px;-webkit-border-radius:16px; display:inline-block;line-height:16px;background:#fff;vertical-align:middle; }
input[type=radio].v4-m-radio:checked + .v4-m-label2 span.radio-mod{border:1px solid #e8554d;}
input[type=radio].v4-m-radio:checked + label.v4-m-label2 span.radio-mod em{ background:#e8554d; width:10px; height:10px; -webkit-border-radius:10px;display:inline-block; margin:3px 0 0 3px }
/*wrap skin*/
.v4-wrap { background: #fff;border:1px solid #f1f1f1; border-bottom: 1px solid #ebebeb; margin: 8px }
.v4-inner{ padding:10px 8px;}
.v4-inner-wrap{background: #fff; border:1px solid #f1f1f1; border-bottom: 1px solid #ebebeb; padding:0 12px}
/*new*/
.v4-wrap-bgfc{background: #fcfcfc;}
.v4-mod-wrap { background: #fcfcfc;border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
.v4-wrap-inner{ background: #fcfcfc;border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding:15px 15px 0 15px; }
.v4-mod-wrap.bt0,.v4-wrap-inner.bt0{ border-top:0;}
.v4-mod-wrap.bb0{border-bottom:0 none}
.v4-wrap-box{ padding:15px;}
.v4-wrap-box.pt0{ padding-top:0;}
.v4-wrap-box.pb0{ padding-bottom:0;}
.v4-wrap-bggray{ background:#f4f2ee; box-shadow:0 1px 2px #e0e0e0; padding:10px 12px}
.v4-mod-li li{ background:#fff;border:1px solid #f1f1f1; border-bottom: 1px solid #ebebeb; margin-bottom:10px; padding:12px; position:relative}
/*大标题*/
.v4-mod-title{ padding:20px 0px 0px 0px; margin:0 15px; position:relative}
.v4-mod-title.tit1{ border-bottom:1px solid #f5f5f5;padding-bottom:10px;}
.v4-mod-title h1{ color:black; font-size:18px; padding-right:25px}
.v4-mod-title .more{ min-height:21px; display:block; position:absolute; right:-15px; top:0; padding:20px;}
.v4-mod-title .more i{ right:18px; margin-top:0}
.v4-mod-title .more.hover{ background:#f0f0f0; color:#e8554d}
/*次标题*/
.v4-mod-title.tit2 span{ border-left:2px solid #e8554d; margin-left:-15px; padding-left:13px; line-height:1em; display:inline-block}
/*fixed bottom*/
.v4-fix-bottom{ position:fixed; bottom:0; left:0; right:0;z-index:9999;}
/*tab*/
.v4-fixtop-tab{background: #f4f2ee;-webkit-box-shadow: 0 0 3px #d8d8d8;}
.v4-fixtop-tab.fixed{ width:100%; top:0; left:0; right:0; z-index:999}
.v4-fixtop-tab li{position:relative; text-align:center;font-size:14px;color:#333; height:34px; line-height:34px;-webkit-box-flex:1}
.v4-fixtop-tab li b{ width:1px;height:100%; position:absolute; right:0px; top:0; overflow:hidden; background:url(../../i/search/s_ph_bbg.png) no-repeat right bottom;-webkit-background-size:1px 34px; }
.v4-fixtop-tab li.current{color:#ff7200;}
.v4-fixtop-tab li:last-child b{ display:none;}
.v4-fixtop-tab li.current:last-child b{ display:block;}
.v4-point{ width:8px; height:8px; border:1px solid #cdcdcd; border-color:#cdcdcd #cdcdcd transparent transparent; -webkit-transform:rotate(45deg); display:block; position:absolute; right:7px; top:50%; margin-top:-4px; }
/* 加载中样式 */
.v4-viewmore .loading{background:url(../../i/common/loading.gif) no-repeat; -webkit-background-size:30px 9px;width:30px; height:9px;vertical-align: middle;margin-right: 5px; display:inline-block;}
.v4-viewmore span{ display:inline-block;}
.v4-viewmore i{color:#999;}
/* upgrade */
.v3_wrap1 {
    padding: 10px;
    background: #eceae6;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px
}

.v3_corner {
    border-top: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    display: block;
    width: 8px;
    height: 8px;
    background: #eceae6;
    -webkit-transform: rotate(45deg);
    position: absolute;
    left: 23%;
    top: -4px
}

.v3_upgrade {
    padding: 15px 20px;
    border: 1px solid #eceae7;
    border-bottom: 0;
    background: #fffef2;
    color: #9d7649;
    font-size: 14px
}

.v3_upbg {
    margin-top: -1px;
    height: 5px;
    background:url(../../i/v3_base/bg.png) repeat-x left center;
    -webkit-background-size: 10px 5px
}

.v3_up_now {
    padding-top: 8px;
    overflow: hidden
}
.v3_up_now input{float:right;width:48%}

.v3_add_com .v3_inpt,.v3_add_com1 .v3_inpt {
    font-size: 13.4px;
    padding: 10px;
    padding-left: 30px;
    display: block;
    background:url(../i/v3_base/inpt.png) no-repeat 8px 8px;
    -webkit-background-size: 16px 16px;
    -webkit-box-flex: 1
}

.v3_add_com.v3_btn_per50 .v3_ybtn {
    width: 50%;
    margin: 0 auto
}