*{box-sizing:border-box;}
body, ul, li, dl,dt,dd,
p ,h1,h2,h3,h4,h5{
    margin: 0;
    padding: 0;
}

body {
    font: 14px 'microsoft yahei';
    min-width: 1200px;
    background:#fff;
}
.blank { height: 20px; clear: both; visibility: hidden; }

.fixednav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

a {
    text-decoration: none;
    color: #666;
}
img {
    border: none;
    vertical-align: top
}
li{list-style-type: none;}
.fl {
    float: left;
}

.fr {
    float: right;
}
.loginfr{
    float: right;
    line-height: 34px;
}
.c1{color:#ff6700!important;}
.page-w {
    width: 1200px;
    margin: 0 auto;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}
.hide{display:none!important}
.clearfix:after {
    clear: both;
}
.bold{font-weight:bold!important;}
.inline-block { display: inline-block; }
.posr { position: relative; }
.posa { position: absolute; }
.txt-l { text-align: left !important; }
.txt-c { text-align: center !important; }
.txt-r { text-align: right !important; }
.f12{font-size:12px!important; }
.f14{font-size:14px!important; }
.f16{font-size:16px!important; }
.f18{font-size:18px!important; }
.box { border: 1px solid #fafafa;}
.cust-goods{padding-left: 20px;}

.header {
    position: absolute;
    z-index: 10;
    left: 50%;
    margin-left: -600px;
    top: 20px;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}
.header-navCont{height: 50px;
    font-size: 14px;
    border-radius: 4px;background: #fff;width: 1200px;margin:0 auto;
}

.logo{padding:15px 40px;}
.header-nav {height: 50px;}
.header-nav li{float: left;}
.header-nav li a{line-height: 50px;padding:0 20px;color: #212121}
.header-right{float:right;padding-right:40px;}
.header-link li{float:left;padding:13px;margin-left:20px;}
.header-link li a{height:24px;line-height:24px;}
.header-link .icon-user{background:url('../img/user.png') no-repeat center;height:24px;width:24px;display:block;}
.header-link .icon-cart{background:url('../img/cart.png') no-repeat center;height:24px;width:24px;display:block;}
.breadcrumb { padding-left: 15px; height: 40px; line-height: 40px; font-size: 13px; border-bottom: 1px solid #fafafa; margin-bottom: 4px;vertical-align: middle; }
.breadcrumb li { float: left; }
.breadcrumb span,.breadcrumb ul { display: inline-block; vertical-align:top
}
.breadcrumb li a{color:#666;}
.breadcrumb .arrow{padding:0 5px;}
.content{padding-bottom:20px;}
.bottomInfo li{
	width: 190px;
	height: 220px;
	list-style: none;
	float: left;
	padding:30px 30px 0 0;
	text-align: left;
}
.bottomInfo p{color: #5c6670;font-size: 12px;line-height: 24px;}
.bottomInfo .title{font-weight: bold;font-size:14px;}
.bottomInfo a{color: #a4a9ad;font-size: 12px;line-height: 24px;}
.bottomInfo a:hover{color: #5C6670;}
.copyright{margin-top: 30px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    color: #a4a9ad;}
.pagination { text-align: center;}
.pagination a { position: relative; width: 28px; height: 28px; line-height: 28px; margin: 0 2px; display: inline-block; color: #666; text-decoration: none; background: #fff; text-align: center; border: 1px solid #ddd; border-radius: 4px; vertical-align: top; }
.pagination a.active, .pagination a.active:hover, .pagination .jump-btn, .pagination .jump-btn:hover { background: #f60; color: #fff; border-color: #f60; }
.pagination a:hover { border-color: #f60; color: #f60; }
.pagination span { padding: 0 15px; }
.pagination .page-num { height: 28px; line-height: 28px; text-align: center; border: 1px solid #ddd; border-radius: 4px; width: 60px; margin: 0 5px; outline: none; }
.pagination .prev, .pagination .next { background: url(../img/arrows.png) no-repeat #fff; }
.pagination .prev { background-position: 0 0 }
.pagination .next { background-position: -28px 0; }
.pagination .prev:hover { background-position: 0 -28px; }
.pagination .next:hover { background-position: -28px -28px; }
.footer{background: #F5F5F5;}
.modal{display:none;}
.modal .bg{background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;}
.modal .panel{border:1px solid #ddd;width:500px;position:fixed;left:50%;margin-left:-251px;top:30%;background:#fff;border-radius:4px;z-index:100;}
.modal .panel-heading .close{height:24px;width:24px;background:url(/WEB_RESOURCES/images/remove.png) no-repeat;display:block;position:absolute;top:8px;right:20px;cursor:pointer;}
.modal .panel-heading{background:#eee;line-height:40px;padding:0 20px;position:relative;}
.modal .panel-body{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.modal .panel-footer{padding:10px 20px;text-align:right;}

.modal .panel.select-address-pop,.modal .panel.address-manage-pop{display: none;width: 800px;margin-left: -401px;}
.address-manage-pop li p{padding:0 10px;}
.modal .panel.select-address-pop ul,.modal .panel.address-manage-pop ul{height: 176px;overflow-y:auto;}
.modal .panel.address-manage-pop{top: 50%;margin-top: -243px;height: 486px;}

.form-control { display: inline-block; box-sizing: border-box; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); }
.form-control::-moz-placeholder { color: #999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999; }
.form-control::-webkit-input-placeholder { color: #999; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; }
textarea.form-control { height: auto; }
.radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; line-height: 34px; }
.radio label, .checkbox label { min-height: 20px; padding-left: 39px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio label { margin-right: 15px; }
.radio input[type="radio"], .checkbox input[type="checkbox"] { position: absolute; top: 50%; margin: -6px 0 0 -20px; }
.sino-form { padding-left: 100px; position: relative; min-height: 34px; margin-bottom: 15px; }
.sino-form.radio label { line-height: 34px; height: 34px; display: inline-block; position: relative; }
.sino-form.radio .labels { padding: 0 10px 0 0; position: absolute; }
.sino-form .labels { margin: 0; text-align: right; line-height: 34px; display: inline-block; position: absolute; left: 0; top: 0; width: 90px; padding-right: 10px; }
.sino-form .labels b{color: #f00;padding:0 3px;}
.sino-form .tips { line-height: 34px; display: none; }
a.btn, a.btn:hover { text-decoration: none; }
.btn { display: inline-block; box-sizing: border-box; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn-primary { color: #fff; background-color: #f60; border-color: #f60; }
.btn-primary:hover { color: #fff; background-color: #f80; border-color: #f60; }
.btn-block { width: 100%; }
.btn.disabled { background: #ddd; color: #666; border-color: #ccc; }
.dis-inline { display: inline-block; }
.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active { color: #333; background-color: #e6e6e6; border-color: #adadad; }
.btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-mini { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active { color: #fff; background-color: #c9302c; border-color: #ac2925; }

.spinner{display:inline-block;vertical-align:top;margin-right:10px;}
.spinner button{padding:0;background: #fff;border:1px solid #ddd;display: inline-block;vertical-align:top;height:24px;width:24px;line-height:22px;text-align:center;outline:none;cursor:pointer;}
.spinner input{ height: 24px; line-height: 24px; border: none; text-align: center; width: 70px; vertical-align: top; display: inline-block;border-top: 1px solid #ddd;outline:none;border-bottom:1px solid #ddd; }
.spinner .decrease{border-radius:4px 0 0 4px;}
.spinner .increase{border-radius:0 4px 4px 0;}
.spinner button[disabled="disabled"]{background:#eee;cursor:not-allowed;}
.lside{width:200px;float:left;}
.rside{width:980px;float:right;}

.payment-body .event-desc p {
    margin: 0;
    color: #757575;
    height: 40px;
    margin-bottom: 15px;
    font-size: 15px;
}

.payment-body .event-desc textarea {
    width: 498px;
    border: 1px solid #ddd;
    height: 60px;
    font-family: "微软雅黑";

}

.payment-body .event-desc input {
    width: 500px;
    height: 38px;
    border: 1px solid #ddd;
    margin-right: 20px;

}

.p-w-bd,.pay-weixin {
    /* zoom: 1 */
}

.p-w-bd:after,.pay-weixin:after {
    display: table;
    content: "";
    clear: both;
}


.p-w-bd,.pay-weixin {
    zoom: 1
}

.p-w-bd:after,.pay-weixin:after {
    display: table;
    content: "";
    clear: both
}

.p-w-hd {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: "Microsoft Yahei"
}

.p-w-hd .tit{
    font-size: 24px;
    font-weight: normal;
    line-height: 36px;
}

.p-w-bd {
    text-align: center;
    padding-left: 220px;
    margin-bottom: 30px;
}

.p-w-box {
    float: left;
    width: 300px
}

.p-w-sidebar {
    float: left;
    width: 379px;
    height: 421px;
    padding-left: 50px;
    margin-top: -20px;
    background: url(../img/phone-bg.png) 50px 0 no-repeat;
}


.pw-box-hd {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    width: 298px;
    height: 298px
}

.pw-box-hd img {
    width: 296px;
    height: 296px;
    background: url(../img/ui-modal-loading.gif) center center no-repeat
}

.pw-box-ft {
    height: 58px;
    padding: 8px 0 8px 125px;
    background: url(../img/icon-red.png) 50px 8px no-repeat #ff7674
}

.pw-box-ft p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 700
}

.pw-retry {
    display: none;
    position: absolute;
    width: 300px;
    height: 300px;
    left: 130px;
    top: 0;
    background: rgba(0,0,0,.4);
    overflow: hidden;
    text-align: center
}

.pw-retry .ui-button {
    margin-top: 135px
}