@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;list-style:none;}
body{ font-family:"微软雅黑","Helvetica Neue",Helvetica,sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0);}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;}
em{ font-style: normal;}
input {-webkit-appearance:none; border-radius:0; font-family:"微软雅黑"; outline: none;border: none;}
input::-webkit-input-placeholder{color:rgba(191, 189, 189, 1);}
input::-moz-placeholder{color:rgba(191, 189, 189, 1);}
input:-moz-placeholder{color:rgba(191, 189, 189, 1);}
input:-ms-input-placeholder{color:rgba(191, 189, 189, 1);}
textarea::-webkit-input-placeholder{color:#ccc;}
textarea::-moz-placeholder{color:#ccc;}
textarea:-moz-placeholder{color:#ccc;}
textarea:-ms-input-placeholder{color:#ccc;}
.comm_top5{margin-top:5px;}
.comm_wbody{width: 1150px; margin: auto;}
.comm_mtop{ margin-top: 50px;}
.comm_box{ border:3px solid #ddd; padding: 30px; box-sizing: border-box;}
.comm_gtitle{ font-size: 22px;  color: rgba(85,85,85,1.00);padding-bottom: 15px; border-bottom: 3px solid #ddd;}
.comm_orderpay{ margin-top: 15px; margin-bottom: 15px; }
.comm_orderpay li{ display: flex;}
.comm_orderpay li:last-child span{ border:none;}
.comm_orderpay li span{ display: block; width: 50%; font-size: 16px; color: #444;border-bottom: 1px dotted #ddd;padding: 10px;}
.comm_orderpay li span:last-child{ text-align: right; color: #777; }
.comm_orderpay li span .comm_payimg{ display:inline-block; vertical-align: middle; margin-left: 15px;}
.comm_orderpay li.comm_paydes{display:block;text-align:center;padding-top:20px;line-height:33px;}
.comm_orderpay li.comm_paydes .loadimg img{width:40px;}
.comm_offline{ font-weight: bold; font-size: 14px;}
.comm_payment { margin-top: 15px;}
.comm_payment li{ margin-bottom: 10px;}
.comm_payment li input{-webkit-appearance:radio !important; }
.comm_payment label{ display: inline-block;font-size: 16px;font-weight: normal;color: #444; }
.comm_payment label img{ display: inline-block; vertical-align: middle;margin: 0 0 6px 6px;}
.comm_payment_account{  font-size: 16px; color: #777; padding: 15px 0; border-bottom: 1px solid #ddd;}
.comm_gbtn{ display: block; width: 220px; height: 56px; line-height: 56px; text-align: center;color: #fff; background: #ff8a00; font-size: 16px; margin-top: 20px;}
.comm_gbtn:hover{background: #8b1fef;}
.comm_order_addt{ color: #333; padding: 10px 0; font-weight: bold; }
.comm_order_add{ color: #666; padding:10px; background: #f0f0f0; margin-bottom: 10px;font-size: 14px; line-height: 24px;}
.comm_notes_time{ color: #999;font-size: 14px;}
.comm_note{ display: block; width: 100%; outline: none; padding: 10px; font-size: 14px; border: 1px solid #ddd; color: #999;  line-height: 28px; box-sizing: border-box;}
.comm_loginout{float:right;font-size: 14px;font-weight: normal;vertical-align: middle;margin-top: 5px;cursor:pointer;}
@media (min-width: 320px) and (max-width:768px){
	.comm_wbody{width: 100%; padding: 0 15px; box-sizing: border-box;}
	.comm_mtop{ margin-top: 30px;}
	.comm_box{ border:none; padding: 0;}
	.comm_gtitle{ font-size: 18px;  color: rgba(85,85,85,1.00);padding-bottom: 10px; border-bottom: 3px solid #ddd;}
	.comm_orderpay li span{ font-size: 14px;}
	.comm_orderpay li span:first-child{ font-weight: bold;}
	.comm_payment_account{  font-size: 14px;}
	.comm_order_addt{ font-size: 14px;}
	.comm_order_add{ font-size: 14px;}
	.comm_gbtn{ margin-bottom: 30px;}
}

@media (min-width: 769px) and (max-width:1149px){
	.comm_wbody{width: 100%;  padding: 0 30px; box-sizing: border-box;}
}
.comm_balance{ display: flex; padding: 20px;}
.comm_balance li{ width: 50%; display: flex;}
.comm_balance li .comm_icon_img{ height: 80px;}
.comm_balance .comm_balance_text{ margin-left: 20px;}
.comm_balance .comm_balance_text .comm_balance_con{ font-size: 16px; color: #444; line-height: 40px; }
.comm_balance .comm_balance_text .comm_balance_con b{ color: #ea2319; font-size: 20px;}
.comm_balance_link{ display: inline-block; line-height: 34px; padding: 0 10px; color: #fff; background: #333; font-size: 16px; border-radius: 4px; margin-left: 10px;}
.comm_balance .comm_balance_text .comm_balance_con .comm_balance_total{ color: #444; font-size: 16px; }
.comm_tips{ background: #fbffbb; font-size: 15px; color: #666; padding: 10px;}
.comm_smtop{ margin-top: 30px;}
.comm_imformation{margin-top: 30px;}
.comm_imformation li{ display: flex; font-size: 16px; color: #444; line-height: 40px; margin-bottom: 10px; }
.comm_imformation li span em{color: #ea7e7e; margin-left: 4px;}
.comm_imformation li span{ display: block; width: 30%;}
.comm_imformation li input{ display: block; width: 60%; border: 1px solid #cccccc; padding: 0 10px; box-sizing: border-box; font-size: 15px; color: #999;}
.comm_imformation li select{ display: block; width: 60%; border: 1px solid #cccccc; padding: 0 10px; box-sizing: border-box; font-size: 15px; color: #999;}
.comm_imformation li input:hover{ color: #555;}
.comm_imformation li select:hover{ color: #555;}
.comm_imformation li textarea{display: block; width: 60%; border: 1px solid #cccccc; padding: 0 10px; box-sizing: border-box; font-size: 15px; color: #555;line-height: 40px;}
.comm_imformation li .comm_sgbtn{ width:20%; border: none; color:#fff; background: #333;}
.comm_imformation li .comm_sgbtn:hover{ color: #fff;}
@media (min-width: 320px) and (max-width:768px){
	.comm_balance{ display: block; padding: 0;}
	.comm_balance li{ width: 100%; padding: 15px 0; }
	.comm_balance li:first-child{ border-bottom: 1px dotted #ddd;}
	.comm_balance li .comm_icon_img{ height: 40px; margin-top: 10px;}
	.comm_balance .comm_balance_text{ margin-left: 10px;}
	.comm_balance .comm_balance_text .comm_balance_con{ line-height: 30px; }
	.comm_balance_link{ display: inline-block; line-height: 30px; padding: 0 6px; font-size: 14px; }
	.comm_imformation li input{  width: 70%; }
	.comm_imformation li select{  width: 100%; padding: 7px 10px; }
	.comm_imformation li .comm_sgbtn{ width:40%; line-height: 40px; height: 40px; margin-top: 10px;}
	.comm_imformation li textarea{width: 100%; }

}
.comm_sbox{ border: 1px solid #e8e8e8; }
.comm_stitle{ padding:15px; color: #333; font-size: 16px;line-height: 20px; display: flex;}
.comm_stitle img{ display:block; height: 20px; margin-right: 10px; }
.comm_order_detail{border: 1px solid #e8e8e8; border-left: none; border-right: none; margin-bottom: 15px;font-size: 14px; color: #333333;}
.comm_order_header{ padding: 10px 15px;}
.comm_order_id{ margin-right: 10px;}
.comm_order_status{margin-right: 10px;}
.comm_order_money{float: right;}
.comm_order_status2{float: right;}
.comm_promotion_order{ display: block; border-bottom: 1px dotted #ddd;}
.comm_promotion_order:last-child{ border: none;}
.comm_order_content_container{border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}
.comm_order_content{display: table;width: 100%;padding: 10px 15px; box-sizing: border-box;}
.comm_order_detail .comm_p_image{width: 100px; display: table-cell; vertical-align: middle; padding-right: 10px;}
.comm_order_detail .comm_p_image img{ max-width: 100%; max-height: 100%; height: auto;}
.comm_order_detail .comm_p_blank{display: table-cell; vertical-align: middle; width: 50px;}
.comm_order_detail .comm_p_title{display: table-cell; vertical-align: middle;}
.comm_order_detail .comm_p_title a{ color: #333;}
.comm_order_detail .comm_p_currency {display: table-cell; vertical-align: middle;}
.comm_order_detail .comm_p_quantity {display: table-cell; vertical-align: middle;}
.comm_order_detail .comm_p_price{display: table-cell; vertical-align: middle;text-align: right; width: 160px;}
.comm_order_detail .comm_p_status{ display: table-cell; vertical-align: middle; text-align: right;width: 160px;}
.comm_order_detail .comm_order_footer{ padding: 5px 15px; text-align: right;}
.comm_order_detail .comm_order_footer a{ margin-left: 10px; display: inline-block; cursor: pointer;border: 1px solid #666666;padding: 5px 8px; color: #666;}
.comm_order_detail .comm_order_footer .comm_p_pay{ background: #333; color: #fff;}
@media (min-width: 320px) and (max-width:768px){
	.comm_order_status{float: right;}
	.comm_order_date em{ display: none; }
	.comm_block{ display: block;}
	.comm_order_money{ display: none;}
	.comm_order_detail .comm_p_name{ display: inline-block;}
	.comm_order_detail .comm_p_image{width: 50px; display: inline-block;}
	.comm_order_detail .comm_p_blank{width: auto;}
	.comm_order_detail .comm_p_price{text-align: right; width: auto;}
	.comm_order_detail .comm_order_footer a{padding: 2px 5px;}
	.comm_promotion_order{ display: block;}
	.comm_order_detail .comm_promotion_order .comm_p_name{ display: block !important; padding-bottom: 15px;}
	.comm_order_detail .comm_promotion_order .comm_p_title{display: block; }
	.comm_order_detail .comm_promotion_order .comm_p_currency {float: left; display: block !important; margin-right: 10px;}
	.comm_order_detail .comm_promotion_order .comm_p_quantity {float: left; display: block !important;}
	.comm_order_detail .comm_promotion_order .comm_p_price{float: right; width: 33.33%; color: #f00 }
}
.comm_add_link{ text-align: center; border-top:1px solid #e8e8e8; padding: 20px 20px 0 20px; }
.comm_add_link a{display: block; width: 150px;background:#333; color:#fff; line-height: 34px; }
.comm_add_list{ padding: 0 20px; margin-top: 20px; }
.comm_add_list li{ margin-bottom: 20px; border:2px solid #e8e8e8; padding: 20px;}
.comm_add_list li dt{ font-weight: bold; font-size: 18px; color: #333; position: relative; line-height: 18px; margin-bottom: 15px;}
.comm_add_list li dd{ color: #666; font-size: 14px; line-height: 28px;}
.comm_add_list li dd span{ color: #999; display: inline-block; width: 130px; text-align: right;}
.comm_close{ position: absolute; right:0; top: 0; }
.comm_editbtn{ display: block; text-align: right;}
.comm_editbtn a{margin-left: 10px; display: inline-block; cursor: pointer;border: 1px solid #666666;padding: 1px 5px; color: #666;}
.comm_address{ padding: 0 20px; border-top:1px solid  #e8e8e8;}
.comm_address .comm_text{ font-size: 15px; color: #333; line-height: 30px; margin-top: 10px;}
.comm_address .comm_country{ display: block; width: 100%; font-size: 14px;padding: 10px 7px; color: #333; border: 1px solid #ddd; box-sizing: border-box;}
.comm_text_input{ display: block; width: 100%; font-size: 14px;padding: 10px 7px; color: #333; border: 1px solid #ddd; box-sizing: border-box;}
.comm_addbtn{ padding: 20px;}
.comm_addbtn a{ display: inline-block; cursor: pointer;border: 1px solid #666666;padding: 5px 8px; color: #666; margin-right: 15px;}
.comm_addbtn .comm_btn{ background: #333; color: #fff;}
.comm_border{ border-top: 1px solid #ddd; padding: 0 30px;}
@media (min-width: 320px) and (max-width:768px){
	.comm_add_link a{width: 120px;}
	.comm_add_list{ padding: 0 10px;margin-top: 10px; }
	.comm_add_list li{ margin-bottom: 10px;}
	.comm_add_list li dd span{ width: auto; text-align: left;}
	.comm_address{ padding: 0 10px;}
	.comm_addbtn{ padding: 20px 10px;}
	.comm_border{ padding: 0 15px;}
	.comm_password{ margin-top: 10px;}
	.comm_password li{ display: block;}
	.comm_password li span{ width: 100%; line-height: 30px; font-size: 14px;}
	.comm_password li input{ width: 100%; padding: 7px 10px;}
	.comm_password li:last-child span{ display:none;}
	.comm_password li .comm_sgbtn{width: 60%; padding: 0;}
}
.comm_favorite{ padding:0 20px 20px 20px; border-top: 1px solid #ddd;}
.comm_favorite li{ float: left; margin-right: 20px; margin-top: 20px;width: 168px;}
.comm_favorite li:nth-of-type(6n){ margin-right:0;}
.comm_favorite .comm_proimg{ display: block; width: 100%;}
.comm_favorite .comm_protitle{ font-size: 14px; color: #333; font-weight: normal; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; padding: 10px 0;}
.comm_favorite .comm_promoney{ text-align: center; font-size: 14px;}
.comm_favorite .comm_promoney b{color: #ff4400;}
.comm_favorite .comm_promoney del{  color: #999; margin-left: 6px;}
@media (min-width: 769px) and (max-width:1149px){
	.comm_favorite li:nth-of-type(6n){ margin-right: 20px;}
}
@media (min-width: 320px) and (max-width:768px){
	.comm_favorite{ padding:0 10px 10px 10px;}
	.comm_favorite li{ margin-right: 4%; margin-top: 10px;width: 48%;}
	.comm_favorite li:nth-of-type(2n){ margin-right:0;}
}
.comm_promotionlink{ color: #8b1fef; text-decoration: underline; font-weight: bold;}

.comm_settre{ padding: 10px 15px; background: #fcfcfc; margin-bottom: 10px; border: 1px solid #e8e8e8;}
.comm_settre li{ color: #444; line-height: 30px;}
@media (min-width: 320px) and (max-width:768px){
	.comm_settre li{ font-size: 14px;}
}


.clear{clear: both;}
.comm_menu{ width: 250px; float: left; margin-right: 20px; border: 3px solid #ddd;box-sizing: border-box; }
.comm_menu .comm_menutitle{ line-height: 50px; padding: 0 15px; color: #333; font-size: 16px; border-bottom:3px solid #ddd;}
.comm_menu .comm_menutitle img{ vertical-align: middle; margin-top: -1px; margin-right: 20px;}
.comm_menulist { }
.comm_menulist li{ line-height: 45px; border-bottom: 1px solid #ddd; padding: 0 15px; background:url(/images/com_icon_arrow.png) no-repeat right 15px center; background-size: 14px;}
.comm_menulist li:last-child{ border: none;}
.comm_menulist a{display: block; color:#333;}
.comm_menulist a.on{ font-weight:bold;}
.comm_menulist a:hover{ font-weight: bold;}
.comm_right{ float: left;}
.comm_right_box{float: left; width: 880px;}
@media (min-width: 769px) and (max-width:1149px){
	.comm_menu{ width: 25%; margin-right: 2%;}
	.comm_right{ width: 72%;}
    .comm_right_box{width:72%;}
}
@media (min-width: 320px) and (max-width:768px){
	.comm_menu{ width: 100%; border: none; margin-bottom: 20px;float:none}
	.comm_menulist {display: none; border: 1px solid #ddd;}
	.comm_menu .comm_menutitle{ border-bottom:none; background: #ddd; }
	.comm_right_box{width:100%;float: none; padding: 0;}
}
.comm_note{ margin:auto;margin-top:30px; border-top:1px dashed #d9d9d9; padding: 20px 45px 20px 45px;}
.comm_notecen{ color: #666666; font-size: 14px;}
.comm_notelink{ margin-top: 5px;}
.comm_notelink a{ margin-right: 20px; color: #ff0b0b; font-weight: bold; font-size: 14px;}
.comm_btn { display: inline-block; white-space: nowrap; height: 34px; font-size: 14px; line-height: 34px; background: #08f; color: #fff;  cursor: pointer; border: 0; padding: 0; padding-left: 20px; padding-right: 20px; border-radius:3px; transition: ease .3s; }
.comm_btn:hover:not(:disabled) { text-decoration: none; background:#0775d6;  }

.comm_wstatus{width:650px; margin: auto;border: 1px solid #BABABA; box-shadow: 0 2px 2px rgba(0,0,0,0.3); border-radius: 4px; margin-top: 60px; padding: 30px; box-sizing: border-box; margin-bottom: 60px;}
.comm_wstatus .icon{ display: block; margin: auto;}
.comm_wstatus .title{ text-align: center; font-size: 18px; margin-top: 20px;}
.comm_wstatus .titlefit{ text-align: center; font-size: 14px; margin-top: 20px;}
.comm_wstatus .list{ margin-top: 30px; color: #666666; font-size: 14px; line-height: 24px;}
.comm_wstatus .list li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comm_wstatus .btn{display: block;width: 260px; height: 50px; text-align: center; line-height: 50px; color: #000; font-weight: bold; font-size: 18px; background:#FFC221; margin: auto; border: none; margin-top: 30px;}
.comm_wstatus .btn:hover{ background:#EFB210;}
.comm_wstatus .title2{ text-align: center; font-size: 20px; font-weight: bold;}
.comm_wstatus .token{ display: block; width: 80%; margin: auto; line-height: 50px; padding: 0 20px; box-sizing: border-box; margin-top: 20px;}
.comm_wstatus .note{ width: 80%; font-size: 14px;color: #f90d04; margin: auto; margin-top: 20px;}

.comm_ahead{width:100%;max-width:250px;position:relative;-webkit-perspective:500px;perspective:500px}
.comm_ahead_input{padding:12px 34px 12px 12px;border:none;border-radius:0;font-size:14px;letter-spacing:.4px;caret-color:#007991;color:#007991;outline:0;width:calc(100% - 46px);box-shadow:4px 8px 12px 0 rgba(0,0,0,.1)}
.comm_ahead_input::-webkit-input-placeholder{opacity:.5;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;color:#6e6e6e}
.comm_ahead_input::-moz-placeholder{opacity:.5;-moz-transition:opacity .2s linear;transition:opacity .2s linear;color:#6e6e6e}
.comm_ahead_input:-ms-input-placeholder{opacity:.5;-ms-transition:opacity .2s linear;transition:opacity .2s linear;color:#6e6e6e}
.comm_ahead_input::-ms-input-placeholder{opacity:.5;-ms-transition:opacity .2s linear;transition:opacity .2s linear;color:#6e6e6e}
.comm_ahead_input::placeholder{opacity:.5;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;color:#6e6e6e}
.comm_ahead_input:focus::-webkit-input-placeholder{opacity:.7}
.comm_ahead_input:focus::-moz-placeholder{opacity:.7}
.comm_ahead_input:focus:-ms-input-placeholder{opacity:.7}
.comm_ahead_input:focus::-ms-input-placeholder{opacity:.7}
.comm_ahead_input:focus::placeholder{opacity:.7}
.comm_ahead .icon{position:absolute;right:8px;top:8px;fill:#6e6e6e;-webkit-transform:scale(.8);transform:scale(.8);fill:#007991}
.comm_ahead_suggestions{padding:4px 0;background-color:#fff;margin-left:18px;width:662px;position:absolute;top:50px;margin:0;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:rotateX(0);transform:rotateX(0);-webkit-transition:opacity .6s cubic-bezier(.68,-.55,.39,1.3) -.3s,-webkit-transform .6s cubic-bezier(.68,-.55,.39,1.3) -.2s;transition:opacity .6s cubic-bezier(.68,-.55,.39,1.3) -.3s,-webkit-transform .6s cubic-bezier(.68,-.55,.39,1.3) -.2s;transition:transform .6s cubic-bezier(.68,-.55,.39,1.3) -.2s,opacity .6s cubic-bezier(.68,-.55,.39,1.3) -.3s;transition:transform .6s cubic-bezier(.68,-.55,.39,1.3) -.2s,opacity .6s cubic-bezier(.68,-.55,.39,1.3) -.3s,-webkit-transform .6s cubic-bezier(.68,-.55,.39,1.3) -.2s}
.comm_ahead_suggestions.hidden{opacity:0;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);transform:rotateX(-90deg);pointer-events:none;-webkit-transition:opacity .6s cubic-bezier(.71,-.22,.33,1.09) .1s,-webkit-transform .6s cubic-bezier(.71,-.22,.33,1.09);transition:opacity .6s cubic-bezier(.71,-.22,.33,1.09) .1s,-webkit-transform .6s cubic-bezier(.71,-.22,.33,1.09);transition:transform .6s cubic-bezier(.71,-.22,.33,1.09),opacity .6s cubic-bezier(.71,-.22,.33,1.09) .1s;transition:transform .6s cubic-bezier(.71,-.22,.33,1.09),opacity .6s cubic-bezier(.71,-.22,.33,1.09) .1s,-webkit-transform .6s cubic-bezier(.71,-.22,.33,1.09)}
.comm_ahead_suggestions .suggestion{color:#6e6e6e;list-style:none;font-size:12px;margin:0;padding:8px 12px;-webkit-transition:all .2s linear;transition:all .2s linear;cursor:pointer}
.comm_ahead_suggestions .suggestion .match{font-weight:700;overflow-wrap:break-word}
.comm_ahead_suggestions .suggestion:hover{color:#007991}

.comm_search_helper{position: absolute;top: 50px; width: 870px;background: #fff;box-shadow: 0 8px 15px rgba(0,0,0,.08); padding:10px 0; z-index: 9; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.comm_search_helper li{ overflow: hidden; padding: 5px 40px;line-height: 40px;}
.comm_search_helper li a{ display: flex; color: #999; font-size: 16px;}
.comm_search_helper li a em{ color: #dc0012;}
.comm_search_helper .searchimg{ width: 40px; height: 40px; overflow: hidden; vertical-align: middle; margin-right: 15px;}
.comm_search_helper .searchimg img{ display: block; width: 100%; }
.comm_search_helper .searchprice{  margin-left: 20px;}
.comm_search_helper .searchtext{ width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.comm_athsearch_helper{ width: 650px;}
@media (max-width: 1680px){
	.comm_athsearch_helper{ width: 450px;}
}
@media (max-width: 1440px){
	.comm_search_helper{width: 650px;}
	.comm_athsearch_helper{ width: 290px;}
}