﻿*{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
padding: 0;margin:0;

}
.com-bottom-text{
    background:#fff;
    width:98%;
    height:2rem;
    line-height:2rem;
    text-align:center;
    font-size:0.75rem;
    margin:0 auto;
    border-top:2px #7cc729 solid;
}
.com-bottom-text a{
    color:#333;
}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,em,i,b,strong,span{font-weight: normal;list-style-type:none;font-style: inherit;}
body{
    font-family:"微软雅黑" !important;
    background:#fff;
}
pre{width: 100%;
    margin: 0 auto;
    white-space: pre-wrap;
    overflow: initial;
    font-family: "微软雅黑", Microsoft YaHei !important;
    line-height:1.67rem;
    font-size:0.8rem;
}
textarea{
    font-family:"微软雅黑" !important;
}
.textmore{display: block !important;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis !important;}
.show{
    display:block !important;
}
.hide {
    display:none !important;
}
*{ box-sizing:border-box;}
.main{
    max-width:640px;
    margin:0 auto;
    height:100%;
    position:relative;
}
.page{
    max-width:640px;
    margin:0 auto;
    background:#f7f7f7;
}
.head{
    background:#7cc729;
}
.head .title{
    color:#fff;
}
.head a{
    color:#fff;
    line-height: 2.9rem;
    position:relative;
    z-index:1000;
    font-size:0.8rem;
}
.head a.logo-img{
    display:inline-block;
    width:7rem;
    height:1.7rem;
    background:url(/img/logo.png) no-repeat;
    background-size:100% 100%;
    position:relative;
    top:0.6rem;
}
.head a i{
    font-size:0.8rem;
}
.head.bar .icon{
    padding: 0;
    line-height: 2.9rem;
    font-size: 1.3rem;
}
.head.bar .back-btn{
    padding: 0 0.8rem 0 0.2rem;
    display: inline-block;
}
.head.bar .back-btn .icon{
    font-size: 1rem;
    position: relative;
    top: -0.15rem;
    
}
.head a img{
    margin-top:0.8rem;
}
.head a .icon-huiyuan{
    margin-right:.5rem;
    font-size:1.2rem;
}
.panel{
    background:#0085c9;
}
/*公用颜色*/
.c-blue{
    color:#099cd6 !important;
}
.c-origin{
    color:#ff8a4a !important;
}
.c-green{
    color:#7cc729 !important;
}
.c-red{
    color:#f00 !important;
}
.c-color3{
    color:#333 !important;
}
.c-color6{
    color:#666 !important;
}
.c-color9{
    color:#999 !important;
}
.c-colorC{
    color:#ccc !important;
}
/*公用背景*/
.bg-blue{
    background:#099cd6 !important;
}
.bg-origin{
    background:#ff8a4a !important;
}
.bg-green{
    background:#4cd964 !important;
}
.bg-gery{
    background:#ccc !important;
}

/*左右浮动设置*/
.pull-left{
	float: left !important;
}
.pull-right{
	float: right !important;
}
/*边框设置*/
.box-left-no{
	border-left: none;
}
.box-right-no{
	border-right: none;
}
.box-top-no{
	border-top: none;
}
.box-bottom-no{
	border-bottom: none !important;
}
.text-left{
	text-align: left !important;
}
.text-right{
	text-align: right !important;
}
.text-center{
	text-align: center !important;
}
.margin0{
    margin:0 !important;
}
.padding0{
    padding:0 !important;
}
li{
    list-style:none;
}
ul{
        -webkit-padding-start: 0;
}
.menu-bar{
    width:100%;
    margin:0 auto;
}
.menu-bar li{
    width:100%;
    height:2.7rem;
    line-height:2.7rem;
	border-bottom:#018fd8 1px solid;
}
.menu-bar li a{
    width:100%;
    height:100%;
    display:inline-block;
    line-height:2.7rem;
    font-size:.7rem;
    color:#fff;
}
.menu-bar li a i{
    font-size:.9rem;
    margin:0 0.4rem 0 .9rem;
}

*{
    font-style:inherit;
}
.com-notice{
    min-width: 0.8rem;
	height: 0.8rem;
	background-color: #ef6e6a;
    border-radius:100%;
    display:inline-block;
    color:#fff;
    text-align:center;
    font-size:.5rem;
    line-height:.8rem;
    margin-left:.4rem;
    position:relative;
    top:-.1rem;
}
.margintop10{
    margin-top:.333rem !important; 
}

.popover{
    width: 98%;
	min-height: 8rem;
	background-color: #ffffff;
    left:1% !important;
    border-radius:2px;
}
.popover .head-tile{
    width:100%;
    height:2.3rem;
    line-height:2.3rem;
    font-size: 0.8rem;
    border-bottom: #eeeeee 1px solid;
    padding:0 .5rem;
}
.popover .head-tile i{
    font-size:1.2rem;
    color:#999;
}
.popover .content-box{
    width:100%;
    margin:0 auto;
    padding:0.5rem;
}
.popover .content-box .service-list{
    width:100%;
    margin:0 auto;
    display: inline-block;
}
.popover .content-box .service-list li{
    width:50%;
    float:left;
    height:2rem;
    line-height:2rem;
}
.popover .content-box .service-list li span{
    font-size: 0.7rem;
    color: #333;
    margin-left: 0.4rem;
    display: inline-block;
    /*width: 7rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: right;*/
}
.product-notice{
    width:100%;
    margin:0 auto;
    overflow-y:auto;
    font-size: 0.7rem;
    line-height:1.4rem;
    color:#666;
    height:10rem;
}
.product-tip{
    width:98%;
    margin:0 auto;
    /*height:100%;*/
    max-height: 20rem;
    overflow-y: auto;
}
.product-tip p i{
    margin-right:0.5rem;
}
.product-tip p{
    font-size: 0.7rem;
    margin:0;
    line-height:1.5rem;
}
.paymenyPassword{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
}   
.paymenyPassword input{
    width:80%;
    margin:0 auto;
    height:2rem;
    line-height:2rem;
    padding:0 0.5rem;
    font-size:0.8rem;
    border:#ccc 1px solid;
    text-align:center;
}

/*导航切换*/
.com-tab01{
    width: 98%;
	height: 2.2rem;
	background-color: #ffffff;
	border-radius: 0.3rem;
	border: solid 1px #7cc729;
    margin:0 auto;
    margin-top:.333rem;
    overflow:hidden;
}
.com-tab01 .button{
    bottom:0;
    border-left:solid 1px #7cc729;
    font-size: 0.85rem;
}
.com-tab01 .button:first-child{
    border-left:0;
}
.com-tab01 .button.active{
    border-bottom:none;
    background-color: #7cc729 !important;
     color:#fff;
}


/*滚动条*/
::-webkit-scrollbar{width:.0rem;height:.0rem;background-color:rgba(0,0,0,.01)}
::-webkit-scrollbar-track{border-radius:8px;}
::-webkit-scrollbar-thumb{border-radius:8px;background-color:rgba(60,60,60,.3);transition:background-color .15s}

::-webkit-scrollbar-thumb:hover{background-color:rgba(95,95,95,.5)}
input::-webkit-input-placeholder{
    color: #ccc;
    font-size:0.75rem;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
   color: #ccc;
   font-size:0.75rem;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
   color: #ccc;
   font-size:0.75rem;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
   color: #ccc;
   font-size:0.75rem;
}

.login-center input::-webkit-input-placeholder{
    color: #fff;
    font-size:0.8rem;
     opacity: 0.8;
}
.login-center input::-moz-placeholder{   /* Mozilla Firefox 19+ */
   color: #fff;
   font-size:0.8rem;
    opacity: 0.8;
}
.login-center input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
   color: #fff;
   font-size:0.8rem;
    opacity: 0.8;
}
.login-center input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
   color: #fff;
   font-size:0.8rem;
    opacity: 0.8;
}
textarea::-webkit-input-placeholder{
    color: #ccc;
    font-size:0.67rem;
}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */
   color: #ccc;
   font-size:0.67rem;
}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
   color: #ccc;
   font-size:0.67rem;
}
textarea:-ms-textarea-placeholder{  /* Internet Explorer 10-11 */ 
   color: #ccc;
   font-size:0.67rem;
}


/*公共提示*/
.com-prompt{
    width:98%;
    margin:0 auto;
    background:#fff;
    height:100%;
    padding-top:5rem;
}
.com-prompt div{
    width:100%;
    margin:0 auto;
    text-align:center;
}
.com-prompt .icon i{
    font-size:4rem;
    color:#4cd964;
}
.com-prompt .title01{
    font-size:1rem;
    color: #4cd964;       
    margin:1rem 0 0 0.8rem 0;
}
.com-prompt .title02{
    font-size:0.8rem;
    color: #999;
    margin-bottom:0.2rem;
    margin-top:0.3rem;
}
.com-prompt .title03{
    margin-top:0.8rem;
}
.com-prompt .title03 a{
    font-size: 0.67rem;
}
.com-prompt .btn-line a{
    display:inline-block;
    width: 6.67rem;
	height: 2rem;
    line-height: 2rem;
	background-color: #099cd6;
	border-radius: 0.17rem;
    text-align:center;
    color:#fff;
    font-size: 0.8rem;
    margin-top:0.6rem;
}



.x-required:before{
	position: absolute;
	bottom: 0;
    left:0.4rem;
	content: "*";
	font-size: 0.67rem;
	color: #f4645f;
}


.com-title{
    width:100%;
    margin:0 auto;
    height:2.4rem;
    line-height:2.4rem;
    border-bottom:#dff4fc 1px solid;
}
.com-title span.pull-left{
     color: #32b0fe !important;
     font-size:0.8rem;
     padding-left:0.6rem;
     color:#999;
}
.com-title .choose-address-btn{
    display:inline-block;
    width:100%;
    height:100%;
}

.com-no-record{
    width:100%;
    margin:0 auto;
    height:5rem;
    text-align:center;
    color:#999;
    line-height:5rem;
}

.copy{
    width:97%;
    margin:0 auto;
    font-size:0.67rem;
    text-align:center;
    padding:0.4rem;
    border:#ccc 1px dashed;
    margin-top:2rem;
    color:#999;

}
s{
    color:#999 !important;
}

/*表格样式*/
.com-table{
    width:98%;
    margin:0 auto;
    background:#fff;
    padding-bottom: 1rem;
}
.com-table .table{
    width:100%;
    margin:0 auto;
    border: #eee 1px solid;
}
.com-table .table thead tr th{
    text-align:center;
    padding:0.5rem 0.3rem;
    background:#e8e8e8;
    font-size: 0.75rem;
    font-weight:inherit;
}
.com-table .table tbody tr td{
    text-align:center;
    padding:0.6rem 0.3rem;
    font-size: 0.7rem;
    color:#666;
    border-bottom:#eee 1px solid;
        word-break: break-all;
}
.com-table .table tbody tr.open td{
    text-align: left;
    line-height: 1.2rem;
    background:#f5f5f5;
    border:#7cc729 1px solid;
}
.com-table .table tbody tr.active td{
    color:#fff !important;
    background:#79c427;
}
.com-table .table tbody tr.active td:first-child{
    border-left:#7cc729 1px solid;
}
.com-table .table tbody tr.active td:last-child{
    border-right:#7cc729 1px solid;
}
.com-table .table tbody tr.active td i.icon-jiantou:before{
    content:"\e695";
}
.com-form-box .item-input input.weight {
    height: 1.67rem;
    width: 3.6rem;
    border: #ddd 1px solid;
    float: left;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 0.2rem;
}
.com-form-box .item-input .w-span {
    float: left;
    margin: 0 .2rem;
    position: relative;
    top: 0.15rem;
    color: #999;
}
.com-form-box .item-input input.weight + div{
    display:none;
}

.service-style-type{
    width:96%;
    margin:0 auto;
    padding-bottom:1rem;
    display:inline-block;
    margin-left:1rem;
}
.service-style-type li{
    width:50%;
    margin:0 auto;
    float:left;
    line-height:2rem;
    font-size:0.8rem;
    color:#666;
}
.service-style-type li i{
    color:#999;
    margin-right:0.3rem;
}
.service-style-type li.active i{
    color:#4cd964;
}
.service-style-type li.active i.icon-icon193:before {
   content: "\e60f";
}
.item-input .icon-saomiao4{
    position:absolute;
    top:0.2rem;
    right:0.2rem;
    color:#999;
}

.bar-header-secondary{
    top:3rem;
}

/*选择地区*/
.chooseCountry-content{
    width:98%;
    margin:0 auto;
    background:#fff;
    top:2.9rem;
    margin-top:0.33rem;
    height:auto;
    padding-right: .3rem;
    padding-left: .3rem;
   
}
.chooseCountry-content .searchbar .searchbar-cancel{
    color:#999;
    font-size:0.8rem;
    line-height:2.1rem;
}
.chooseCountry-content .search-input #search{
    height:2rem;
}
.chooseCountry-content .searchbar{
    height:3rem;
    background: #eee;
     overflow:hidden;
}
.search-list{
    overflow-y: auto;
}
.search-list,.search-list ul{
    width:100%;
    margin:0 auto;
    height: 30rem;
    padding-bottom:7rem;
    background:#fff;
}
.search-list ul li{
    border-bottom:#eee 1px solid;
    width:100%;
    height:2.4rem;
    line-height:2.4rem;
    font-size: 0.73rem;
    color: #666;
    padding-left: 0.7rem;
}
.search-list ul li:last-child{
    margin-bottom:0.56rem;
}
.search-list ul li span.pinId{
    width:40%;
    display:inline-block;
    float:left;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.search-list ul li span.pinName{
    width:60%;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    float:right;
}

.com-form-box.list-block .item-inner.create-head-title{
    border-bottom:#ff8a4a 1px solid;
}
.com-form-box .create-head-title .item-title.label{
    color:#ff8a4a;
}
.com-form-box.list-block .item-inner.create-head-title a{
    display:inline-block;
    padding:0 0.3rem;
	height: 1.33rem;
    line-height:1.33rem;
	border-radius: 0.17rem;
	border: solid 0.03rem #79c427;
    font-size: 0.67rem;
}
.com-form-box.list-block .item-inner.create-head-title a i{
    font-size: 0.67rem;
}


/*缩小导航*/
body .bar{
    height:2.5rem;
}
body .title{
    line-height:2.5rem;
    font-size:0.9rem;
}
body .head.bar .icon{
    line-height:2.5rem;
}
body .head a{
    line-height:2.5rem;
}
body .bar-nav ~ .content{
    top:2.5rem;
}
body .chooseCountry-content{
    top:2.5rem;
}

::selection { background:#ccc;  color:#ff645d; }

::-moz-selection { background:#ccc;  color:#ff645d; }

::-webkit-selection { background:#ccc;  color:#ff645d; }

.add-address-btn{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9000;
    width: 100%;
    height: 2.3rem;
    line-height:2.3rem;
    padding: 0;
    table-layout: fixed;
    border-top: 1px solid #e7e7e7;
    border-bottom: 0;
    border-left: 0;
    background:#f8f8f8;
    text-align:center;
}
.add-address-btn a{
    color:#7cc729;
    font-size:0.8rem;
    width:100%;
    height:100%;
    display:inline-block;
}