@charset "utf-8";
/* CSS Document */

.cf:before,.cf:after,.clearfix:before,.clearfix:after{content:"";display:block;height:0;overflow:hidden}
.cf:after,.clearfix:after{clear:both}
.fl{float:left}
.fr{float:right}

.col-1{color:#64b436}
.col-2{color:#34b366}

.bg-btn{border-radius:5px;display:block;height:36px;line-height:36px;text-align:center;text-shadow:0 1px 0 rgba(0, 0, 0, 0.1);white-space:nowrap;vertical-align:middle;width:100%;border:1px solid #d0d0d0;background:#ededed;cursor:pointer}
.bg-1{background-color:#86c562;border:1px solid transparent;color:#fff}
.bg-2{background-color:#70a4eb;border:1px solid transparent;color:#fff}
.bg-3{background-color:#ff9c00;border:1px solid transparent;color:#fff}
.bg-sel{background-color:#cfdb00 !important;border:1px solid transparent;color:#fff}
.bg-noe{background-color:#dadada !important;border:1px solid #d0d0d0;color:#fff}

.in-btn{display:inline-block;text-align:center;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);-webkit-border-radius:5px;border-radius:7px;border:1px solid #31b873;color:#fff;font-size:16px;line-height:40px;width:100%}
.in-btn:active{color:#fff;text-decoration:none}
.in-noe{background:#dadada;border:1px solid #d0d0d0;color:#fff}
.btn-other{border:1px solid #d0d0d0;background-color:#f0f0f0;background-image:-webkit-linear-gradient(top,#ffffff,#f0f0f0 100%);background-image:-moz-linear-gradient(top,#ffffff,#f0f0f0 100%); background-image:-o-linear-gradient(top,#ffffff,#f0f0f0 100%);background-image:-ms-linear-gradient(top,#ffffff,#f0f0f0 100%);color:#333;margin-bottom:10px}
.btn-other:active{background-color:#f0f0f0;color:#333}
input.item-txt{width:100%;border:#d3d3d3 solid 1px;border-radius:5px;color:#666;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px;height:40px}
.resel-btn{width:100%;height:44px;border:0 none;display:block;-moz-border-radius:0 0 5px;-webkit-border-radius:0 0 5px;border-radius:0 0 5px;color:#fff; font-size:16px;text-shadow:0 1px 0 rgba(0, 0, 0, 0.2);text-align:center}

.btn-1{background-color:#1fa939;background-image:-webkit-linear-gradient(top,#1fa939,#07913b 100%);background-image:-moz-linear-gradient(top,#1fa939,#07913b 100%);background-image: -o-linear-gradient(top,#1fa939,#07913b 100%);background-image:-ms-linear-gradient(top,#1fa939,#07913b 100%)}
.btn-2{border:1px solid #e2352e;background-color:#e2352e;background-image:-webkit-linear-gradient(top,#e2352e,#d82f2a 100%);background-image:-moz-linear-gradient(top,#e2352e,#d82f2a 100%);background-image:-o-linear-gradient(top,#e2352e,#d82f2a 100%);background-image:-ms-linear-gradient(top,#e2352e,#d82f2a 100%)}
.btn-3{border:1px solid #05913a;background-color:#23ac38;background-image:-webkit-linear-gradient(top,#23ac38,#139e39 100%);background-image:-moz-linear-gradient(top,#23ac38,#139e39 100%);background-image:-o-linear-gradient(top,#23ac38,#139e39 100%);background-image:-ms-linear-gradient(top,#23ac38,#139e39 100%)}

.col-disabled{background:#dadada !important;color:#fff !important;border:1px solid #d0d0d0 !important}

.cus-main{background:#e5e5e5;padding:25px 0;width:100%}
.cus-main-d{padding:5px 3px}
.cus-list{width:100%}
.cus-list > li.list-item{position:relative;display:block;padding-bottom:25px;overflow:hidden;z-index:1;width:100%}
.list-item > .item-cont{background:#fff;max-width:91%;min-width:30px;border-radius:10px;position:relative;margin-left:15px;z-index:1;border:1px solid #c6c6c6}
.item-me > .item-cont{float:left}
.item-me > .item-cont:after{content:"";position:absolute;top:11px;left:-14px;bottom:auto;border-width:12px 14px 0 0;border-style:solid;border-color:#e5e5e5 transparent;display:block;width:0; background:#fff;box-shadow:0 1px 0 rgba(50, 50, 50, 0.2)}
.item-you > .item-cont{float:right;max-width:80%;background:#4cba3e;color:#fff;margin-right:15px;border:1px solid #3bac2d}
.item-you > .item-cont:after{content:"";position:absolute;top:11px;right:-14px;bottom:auto;border-width:12px 0 0 14px;border-style:solid;border-color:#e5e5e5 transparent;display:block;width:0; background:#4cba3e;box-shadow:0 1px 0 rgba(50, 50, 50, 0.2)}
.item-me > .max-wap{width:300px}
.item-info{padding:10px 15px;font-size:16px}
.item-you .im-you-txt {font-size:16px;color:#fff}
.item-tit{padding:15px;color:#555;font-size:15px;line-height:20px;border-bottom:1px solid #ebebeb;font-size:15px}
.item-tit-1{font-size:14px}
.item-tit-2{text-align:center;font-size:16px}
.item-tit h2{font-weight:bold}
.item-tit p{padding-top:5px}
.me-txt{color:#666;font-size:14px;line-height:1.6}
.m-check{width:14px;height:14px;background:url(../images/cus/check.png) no-repeat;background-size:cover;display:inline-block}
.item-btn{padding:0 15px 15px 15px;overflow:hidden}
.btn-cx{line-height:24px;height:auto;padding:5px 0}
.btn-cx span{font-weight:bold;font-size:20px}
.item-change{padding:0 15px 15px 15px;overflow:hidden}
.jour-btns{padding:0 15px 15px 15px;overflow:hidden}
.item-city{padding:10px}
.item-city ul{width:100%}
.city-1{margin-bottom:10px}
.item-city li{float:left;display:inline-block;padding:4px;-webkit-box-sizing:border-box;box-sizing:border-box;width:33%;font-size:16px}
.item-city li span i{font-size:24px;margin-right:2px}

.finish-sel ul{border-top:1px solid #c5c5c5;overflow:hidden}
.finish-sel li{float:left;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;height:44px;line-height:44px;}
.sel-l{border-right:1px solid #c8c8c8;font-size:16px;color:#64b436}
.sel-l i{margin-right:5px}

.im-tip-txt{float:left;display:inline-block;line-height:40px;padding-left:10px}

.jour-con{padding:15px 15px 10px;overflow:hidden}
.jour-con li{background:#fff;-webkit-border-radius:10px;border-radius:10px;border:1px solid #ff9c00;margin-bottom:15px;font-size:14px}
.jour-top {min-height:90px;background:#ff9c00;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;padding:0 10px;position:relative}
.jour-top h3{color:#fff;padding:5px 0 8px;font-size:18px;line-height:24px;font-weight:800}
.jour-top .jour-img{width:80px;height:80px;border:5px solid #ff9c00;position:absolute;right:8px;bottom:-34px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden}
.jour-top .jour-img img{width:80px;height:80px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.jour-top .jour-pri{padding-top:10px;color:#fff;line-height:20px}
.jour-top .jour-pri span{font-size:18px}
.jour-top .j-xc-num{display:block;height:30px;width:80px;position:absolute;bottom:0;left:0;background:rgba(255,255,255,0.5);text-align:center;color:#fff;font-size:16px;font-weight:bold;text-shadow: 0 1px 2px rgba(0,0,0,0.6);line-height:30px}
.jour-dw{color:#555;padding:15px}
.jour-dw > span{font-size:18px;font-weight:bold}
.dw-list{margin-top:6px;line-height:20px;font-size:12px;height:80px;overflow:hidden}
.jour-dw > strong{margin-top:10px;line-height:24px;display:block}
.jour-dw > strong a{color:#4cba3e}
.jour-btns > div{box-sizing:border-box}
.jour-btns .jour-btns-1{width:65%;padding:0 5px 0 0}
.jour-btns .jour-btns-2{width:35%;padding:0 0 0 5px}

.item-form{padding:15px}
.item-form h4{font-size:16px;line-height:24px;margin-bottom:10px}
.for-ren-tm{margin-bottom:10px;overflow:hidden}
.for-ren-tm > span{font-size:14px;display:inline-block;line-height:32px}
.tm-viem > span{border:1px solid #33bd77;background:#fff;display:inline-block;height:30px;line-height:30px;min-width:100px;position:relative;text-align:center;-webkit-border-radius:5px;border-radius:5px}
.tm-viem i{width:50px;height:44px;position:absolute;top:-7px;cursor:pointer}
.tm-viem i:after{color:#33bd77;text-align:center;width:32px;height:29px;position:absolute}
.tm-viem i.num-minus:after{content:"-";left:10px;top:7px}
.tm-viem i.num-add:after{content:"+";right:10px;top:7px}
.tm-viem i.num-minus{left:-10px;font:400 2.8em/25px Arial}
.tm-viem i.num-add {right:-10px;font:400 2.2em/29px Arial}
.tm-viem i.num-invalid:after {color:#979797}
.tm-viem .num-value-txt{width:33px;height:100%;padding:0;color:#000;margin:0 33px;text-align:center;border:0 none;border-left:1px solid #33bd77;border-right:1px solid #33bd77;text-indent:0;vertical-align:top}
.tm-disabled{border:1px solid #ccc}
.tm-disabled i.num-minus:after,.tm-disabled i.num-add:after{color:#ccc}
.tm-disabled .num-value-txt{border-left:1px solid #ccc;border-right:1px solid #ccc}

.form-xi{padding:0 25px}
.form-xi-d{margin-bottom:10px}
.form-xi-d .btn-other{margin-bottom:0;overflow:hidden}
.area-txt{width:100%;border:#d3d3d3 solid 1px;border-radius:5px;color:#666;box-sizing:border-box;padding:5px;height:60px}
.form-list{font-size:16px;background:#fff;color:#666}
.form-list li{border:1px solid #cfcfcf;border-radius:5px;font-size:14px;line-height:40px;margin-bottom:15px;overflow:hidden;padding:0 10px}
.form-list li h5{float:left;padding-left:5px}
.form-list li span.list-sp{display:block;padding-left:15px;overflow:hidden;position:relative}
.form-list .input-text{width:100%;text-align:left;outline:none;box-shadow:none;border:0 none;height:30px;color:#333;background-color:#fff;text-indent:0}

.item-suc{padding:10px 15px 20px;line-height:26px;font-size:14px}
.item-btm-btn{padding-top:20px;clear:both;margin-left:15px;display:-webkit-box;display:-moz-box;display:-ms-box;display:box}
.item-btm-btn span{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;display:block;-webkit-box-flex:1;-moz-box-flex:1;-ms-box-flex:1;box-flex:1}
.item-btm-btn span:first-of-type{padding:0 10px 0 0}
.item-btm-btn span:nth-of-type(2){padding:0 5px}
.item-btm-btn span:nth-of-type(3){padding:0 10px}

.tips-container{width:80%;z-index:9999}
.tips-item{height:auto;background:#333;opacity:.9;-moz-border-radius:10px;-webkit-border-radius:10px;color:#eee;padding-top:18px;padding-bottom:18px;padding-left:6px;padding-right:6px;font-family:lucida Grande;font-size:14px;display:block;position:relative;margin:0 0 12px 0}
.tips-item p{text-align:left;margin-left:40px}
.tips-img{width:20px;height:20px;margin-left:10px;float:left;margin-top:-2px}
.tips-img-error{background:url(../images/cus/notice.png);background-size:cover}
.tips-pos-middle{position:fixed;top:20px;left:50%;position:fixed;top:50%;left:50%;margin-top:-60px;margin-left:-40%}

.m-bg{-webkit-transition:bottom ease .3s;-moz-transition:bottom ease .3s;-ms-transition:bottom ease .3s;transition:bottom ease .3s;position:fixed;border-top:1px solid #ddd;width:100%;height:222px;background-color:#fff;z-index:905;left:0;bottom:-100%;opacity:0}
.m-bg h3{height:36px;line-height:36px;margin-left:15px;border-bottom:1px solid #ddd;color:#666;font-size:13px}
.m-bg-con{height:185px;overflow:hidden;width:100%}
.bg-con-d{overflow-y:scroll;height:185px}
.bg-con-d li{line-height:36px;height:36px;font-size:14px;color:#333;margin-left:15px;border-bottom:1px solid #f2f2f2;margin-right:10px}
.bg-con-d li.on{color:#e83227;border-bottom-color:#e83227}

@media screen and (min-width:640px){
   .item-me > .max-wap{width:400px}
}