/* Add here all your css styles (customizations) */
.menubox{
    border: #EFECEC;
    border-style: solid;
    text-align:center;
    border-width: 1px;
}

.buttommemu{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background: #00a9dc;
    border-top: 1px #f4f4f4 solid;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    color:#fff;
}
 .item-box-nav {
    width: 25%;
    float: left;
    height: 120px;
    text-align: center;
    padding: 10px 10px;
    margin: -1px -1px 1px 0;
    word-wrap: break-word;
    border: 1px solid #ddd;
 }
.item span {
    display: block;
    font-size: 14px;
}
.blog-topbar-back{
	padding-top: 5px;
	padding-bottom: 5px;
	background: #00a9dc;
	color:#fff;
}

h4{
    color:#797878;
}
.nopadding-left{
    padding-left:0px;
    padding-right:5px;
}
.state-error{
	background: #f0fff0;
}
.gray-bg{
	background: #F8F8F8;
	padding-top: 10px;
	padding-bottom: 40px;
}
.light-gray-bg{
	background: #EAF8F6;
}
.light-gray-bg .memo{
	background: #fff;
}
.wht-bg{
	background: #fff;
}
.btn-u{
	margin-bottom:20px;

}
.note{
	color:#B5B5B5;
}
.memo{
		background: #F8F8F8;
}
.list_item{
	border-top: 1px #3498DB solid;
	margin-bottom:10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
}
.list_cmd{
	border-top: 1px #f4f4f4 solid;
	margin-bottom:10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15px;
}
/*-----------------------------------------------------------------*/
.prl5
{
	padding-left:5px;
	padding-right:5px;
}
.red{color:#ea4335;}

/*-----------------------------------------------------------------*/

/** Index.php */
a, li>a{
    color: #3498db;
}
ol,
ul,
li {
    list-style: none;
    padding-left: 0;
}
.mb15{
    margin-bottom: 15px;
}
/* slide */
.slide .slide_con{position: relative;}
.rslides_tabs{ position: absolute; right:10px; bottom:10px; z-index: 1111; width: 30%; min-width: 200px !important; max-width: 265px;}
.rslides_tabs li {float: left; margin-right: 5px; width: 15%;}
.rslides_tabs li a{display: block; float: left; text-indent: -999em; overflow: hidden; width: 100%; height: 8px; background: #dfdfdf; z-index: 1111; }
.rslides_tabs li.rslides_here a{ background: #00a9dc; }
.rslides {

  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.col-main{
    padding-right: 15px;
    padding-left: 0;
}
.col-sidebar{
    padding-left: 15px;
    padding-right: 0;
}
#main{
   margin-top: 15px;
  /*   padding-top:20px;*/
}
.t_head>h4 {
    height: 31px;
    font: normal 18px/31px "????";
    color: #333;
    line-height: 31px;
}
.t_head>h4>.btn_more {
    font-size: 14px;
    color: #337ab7 !important;
}
.index_news{ overflow: hidden;}
.index_news li{padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px dotted #b6b6b6; color: #999; line-height: 1.2; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;}
.index_news li a{ display: inline-block; margin-left: 5px;}

@media (max-width: 768px) {
    .slide .slide_con{ margin-bottom: 30px;  }
    .rslides_tabs { right: calc(50% - 100px); bottom: -30px; }
}
/* custom */
.jpd-index-header .topbar-time {
	font-size: 13px;
}
.jpd-index-header ul li {
	font-size: 13px;
}
.index_news li {
	word-break: break-all; word-wrap:break-word;
}
.jpd-index-question-ul li{
	line-height: 2;
}
.jpd-deliverpay-div .jpd-h4{
	padding-left: 10px;
}
.jpd-deliverpay-div table td,th{
	padding-left: 10px;
	padding-right: 10px;
}
.jpd-step h3{
	background: #00a9dc none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.c_stepcon{
	padding-left: 10px;
}
.jpd-step-h4{
	background: #00a9dc none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 0;
}
.help_center .help_con{
	margin-bottom: 0;
}
.help_center .help_con h4{
	padding-left: 10px;
}
.help_center .help_con ul li{
	padding-left: 10px;
	padding-right: 10px;
	line-height: 2;
}
@media (max-width: 481px) {
    .jpd-shoplist-div li {
    	width: 50%;
    }
}
.rcm_shop{
	margin-bottom: 15px;
}
.jpd-abouts-div .panel-heading{
	padding-left: 10px;
}
.jpd-abouts-div ul{
	margin-top: 10px;
	margin-left: 15px;
}
.jpd-privacy-div{
	padding-left: 10px;
	padding-right: 10px;
}
.jpd-privacy-div h4{
	color: #333;
}
.jpd-title-h4{
	background: #00a9dc none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}
.jpd-ml10{
	margin-left: 10px;
}
.jpd-mr10{
	margin-right: 10px;
}
.jpd-mb10{
	margin-bottom: 10px;
}
.jpd-gray-title{
	background: #95a5a6 none repeat scroll 0 0;
    color: #fff;
    padding-left: 10px;
    line-height: 25px;
}
.help{

    color: #333;
    background-color: #2f96a7;
    border-color: #ddd;
    border-bottom: 0;
    padding: 5px 15px;
}

.help2{
    
    background: #95a5a6;
    font-size: 13px;
}
.panel1{
   border: 1px solid transparent;
   background: #95a5a6;
    border-color: #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel1-title{
 font-size: initial;
}

.panel-body{
   
   background: #fff  !important;
   
}
.btn-u {
	background: #e67e22;
}

.yst-table{
    background-color:#fff;
    margin-bottom:15px;
}
.yst-table tr td div.yst-bar{
    display:flex;
    justify-content:space-between;
    border-bottom:1px solid #f4f4f4;
    padding:10px;
}
.yst-table tr td div.yst-title{
    line-height:1;
    padding-left:15px;
    padding-right:15px;
    margin-top:15px;
}
.yst-table tr td div.yst-content{
    padding-left:15px;
    padding-right:15px;
    margin-top:5px;
}
.yst-table tr td div.yst-content input{
    display:block;
    width:100%;
    border:1px solid #dbdbdb;
    outline:none;
    border-radius:2px;
    padding:5px 10px;
}
.yst-table tr td div.yst-content textarea{
    display:block;
    width:100%;
    height:100px;
    border:1px solid #dbdbdb;
    outline:none;
    border-radius:2px;
    padding:5px 10px;
    resize:none;
}
a.yst-add-product-button{
    display:block;
    width:100%; 
    height:40px;
    background-color:#00a9dc;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:40px;
    text-decoration:none;
    margin-bottom:15px;
}

a.yst-next-button{
    display:block;
    width:100%; 
    height:40px;
    background-color:#00a9dc;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:40px;
    text-decoration:none;
    margin-bottom:25px;
}
.yst-table tr td div.yst-confirm-title
{
    background-color:#f4f4f4;
    text-align:center;
    line-height:1;
    border:1px solid #dbdbdb;
    border-bottom:none;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:15px;
    margin-right:15px;
}
.yst-table tr td div.yst-confirm-content
{
    line-height:1;
    word-wrap:break-word;
    word-break:break-all;
    border:1px solid #dbdbdb;
    border-bottom:none;
    padding:10px;
    margin-left:15px;
    margin-right:15px;
}
.yst-table tr td div.yst-confirm-title span{
    width:30%;
}
.yst-table tr td div.yst-confirm-content span{
    width:30%;
    text-align:center;
}
.yst-fee-box{
    width:100%;
    height:40px;
    background-color:#fff;
    text-align:center;
    line-height:40px;
    margin-bottom:15px;
}
.yst-fee-box span{
    color:#ec3434;
}
a.yst-submit-button{
    display:block;
    width:100%;
    height:40px;
    background-color:#00a9dc;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:40px;
    text-decoration:none;
    margin-bottom:15px;
}
a.yst-pay-button{
    display:block;
    width:100%;
    height:40px;
    background-color:#129611;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:40px;
    text-decoration:none;
    margin-bottom:15px;
}
a.yst-pre-button{
    display:block;
    width:100%;
    height:40px;
    background-color:#aaaaaa;
    font-size:18px;
    color:#fff;
    text-align:center;
    line-height:40px;
    text-decoration:none;
    margin-bottom:25px;
}

a.yst-query-button{
    box-sizing:border-box;
    display:block;
    width:100%;
    height:40px;
    font-size:18px;
    color:#129611;
    text-align:center;
    line-height:40px;
    text-decoration:none;
    border:1px solid #129611;
    border-radius:5px;
    margin-top:100px;
}

.sprite{background:url(/static/images/sprite.png) no-repeat; display:block;}
.i_success{background-position:0 0; width:50px; height:50px; margin:50px auto 20px auto;}
.yst-notice{text-align:center; margin:0;}
.yst-tip{background-color:#d6effc; color:#0694dc; border:1px solid #0694dc; padding:10px;}

.tab-bar-box{position:fixed; left:0; bottom:0; z-index:500; box-sizing:border-box; display:flex; align-items:center; width:100%; height:51px; background-color:#fff; border-top:1px solid #eee;}
.tab-bar-box img.icon{width:20px; height:20px;}
.tab-bar-box a.tab-button{display:flex; flex-direction:column; justify-content:space-between; align-items:center; width:20%; height:36px; font-size:12px; color:#666; line-height:1;}

h4.yst-h4{
    border-left:4px solid #00a9dc;
    padding-left:10px;
}
.yst-info-box{
    overflow:hidden;
    background-color:#fff;
    padding:0 15px 15px 15px;
    margin-bottom:10px;
}
.yst-info-box dl{
    margin-top:15px;
    margin-bottom:0;
}
.yst-info-box p{
    margin:15px 0 0 0;
}

h3.yst-panel-title{
    display:flex; align-items:center; background-color:#fff; border-bottom:1px solid #f4f4f4; padding:5px; margin-bottom:0;
}
h3.yst-panel-title i{
    display:block; width:5px; height:20px; background-color:#00a9dc;
}
h3.yst-panel-title span{
    font-size:16px; color:#999; line-height:1;
}