/*
* @Author: bergtang
* @Date:   2018-09-29 23:52:50
* @Last Modified by:   tangmingjun
* @Last Modified time: 2019-03-17 13:45:04
*/
html {font-size: 10px;}
body {font-size:1.4rem;}
ul,li { padding: 0;margin: 0;list-style: none; }
a { color: #333; text-decoration:none;}
a:hover { color: #000; }

#contarner {}
.text-left{ text-align: left!important;padding-left: 15px!important; }
.text-left a { font-size: 1.6rem;font-weight:600; }
.text-right{ text-align: right!important; }
.body { margin:1.5rem;overflow: hidden }
@media screen and (max-width:640px){
	.body { margin:0.5rem; }
}
.clear { clear: both; }
.text-left b { color: red;font-size: 1.6rem; }
/**
 * 公共头部样式 header.html
 */
#header {padding:1rem auto;}
#header .logo-img {max-width:1200px;margin:0 auto;height:50px;}
@media screen and (max-width:1200px){
	#header .logo-img {text-align:center;}
}
#header .logo-img img{vertical-align:middle;height:100%;}
#header .logo-img .logo-name{display:inline-block;font-size:2rem;}
#header .logo-img .logo-name a {line-height: 50px}
@media screen and (max-width:420px){
	#header .logo-img .logo-name:nth-child(2) {display:none;}
	#header .logo-img .logo-name {     display: block;font-size: 1.8rem;height: 45px;line-height: 45px;text-align: center;font-weight: 300; }
}
#header .web-title { text-align: center;margin:3rem 0 0;}
#header .web-title h1{font-weight: 600;font-size: 1.8rem; }
#header .menu { border-top: 1px solid #ddd; border-bottom:1px solid #ddd;padding: 10px 0;font-size: 1.6rem; margin-top:3rem; background:#000;color:#fff;}
#header .menu .menu-body { width: 100%;max-width: 1200px;margin: 0 auto; }
#header .menu ul { width: 70%;float: left;height: 2.5rem;line-height: 2.5rem; }
#header .menu ul li { display: inline-block;padding: 0 25px 0 5px; }
#header .menu ul li a { display: block;font-weight: 600;color: #fff; }
#header .menu .search { width: 30%;float: right; text-align:right;}
#header .menu .search .input { height: 26px;line-height: 24px; font-size:1.4rem;outline:none;border-radius:2px;border:1px solid #000;text-indent:6px;padding:0;width:160px;}
#header .menu .search .btn { height: 26px;line-height: 24px; font-size:1.4rem;outline: none;border-radius: 2px;cursor: pointer;background: #fff; border:none;padding:0 10px;color:#000;}
/**
 * 公共底部样式 footer.html
 */

#footer {background:#fff;color:#333;padding:2rem 0;}
#footer .footer { width: 100%;max-width: 1200px;margin: 0 auto;vertical-align: middle; }
@media screen and (max-width:640px){
	#footer .footer { width: 90%; }
}
#footer .footer a { color:#333; }
#footer .footer a:hover { color:#348FF7; }
#footer .footer span { margin:0 5px; }
#footer .footer-service {display:block;position:fixed;top:300px;right:10px;width:2rem;text-align:center;font-size:2rem;overflow:hidden;padding:15px 10px;border:1px solid #ddd;background:#333;color:#fff;border-radius:3px;}

/**
 * 公共主体样式
 */
#content { /**background: #f2f2f2;**/ background:#fff;overflow: hidden;  }
#content #content-body { max-width: 1200px;margin:15px auto;min-height: 600px;background: #fff;overflow: hidden; }

@media screen and (max-width:640px){
	#content #content-body {margin-bottom:0;}
}

.table { border: 1px solid #ddd;padding:0;width:100%;}
.table th { background: #f2f2f2; height:3rem;border-bottom: 1px solid #eee;border-right:1px solid #eee;}
.table td { padding:0;text-indent:5px;font-size: 1.3rem;height:3rem;border-bottom: 1px dashed #eee;border-right:1px dashed #eee;font-size:12px; }
.table tr:last-child td { border: none;border-right:1px dashed #eee; }
.table tr td:last-child { border-right:0; }
/*.table tr:hover { background: #fbfbfb; }*/

/**
 * 详情页样式 show.html
 */

.show-left { float:left;width:calc(100% - 232px);border-right: 1px solid #ddd; min-height:600px;margin-right:15px;padding-right:15px;}
.show-left h2{ text-align: center; }
.show-right { width: 200px;float: right; }
.show-subhead { border-bottom: 1px solid #ddd; padding-bottom:10px;margin-bottom:20px;color:#aaa;font-size:1.2rem;text-align:center;}
.show-subhead span { margin-right: 20px; }
.show-form { border-top-left-radius: 5px;border-top-right-radius: 5px;background: #f2f2f2;padding: 10px; font-size:1.3rem;}
.show-form ul li { line-height: 26px; }
.show-form ul li b { font-size: 1.6rem; color:#00A891;}
.show-buy { margin-top: 0; }
.show-buy .btn { display:block;text-align:center;width: 100%;border:none;background: #19A0E3;color: #fff; border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:38px;font-size:1.6rem;outline:none;cursor:pointer;}
.show-fixed { position: fixed;top: 15px;width:200px ; }
.show-body img { max-width: 100%; }

/**
 * 付款页面样式 pay.html
 */

#pay .pay-price {text-align:center;}
#pay .pay-price span { font-size: 2rem;color: red; }
#pay .pay-qrcode .pay-nav {width:260px;margin:15px auto;border:1px solid #ddd;line-height: 35px;overflow:hidden;}
#pay .pay-qrcode .pay-nav .nav { float: left;width: 50%;text-align: center;cursor:pointer;font-weight: 500; }
#pay .pay-qrcode .pay-nav .alipay.active { background: #19A0E4;color: #fff; }
#pay .pay-qrcode .pay-nav .wxpay.active { background: #09BA08;color: #fff; }

#pay .pay-img { width: 300px;margin: 20px auto;border: 1px solid #ddd;padding: 15px;background: #fbfbfb; }
#alipay .pay-img {background: #19A0E4;}
#wxpay .pay-img {background: #09BA08;}
#pay .pay-qrcode .pay-desc { text-align: center;margin-top: 8px;color: #fff;font-weight: 500; }
#pay .pay-qrcode .pay-desc span{ color: yellow;font-size: 1.8rem; }
#pay .pay-qrcode .pay-time { text-align: center; font-size: 1.4rem;}
#pay .pay-qrcode .pay-time span{ font-size:2rem;color: #19A0E4; }
#pay .pay-order { width: 60%;margin:50px auto;background: #fbfbfb;overflow: hidden;padding: 15px; }
#pay .pay-order h3{ text-align: center; }
#pay .pay-order ul li { line-height: 30px; border-bottom:1px solid #ddd;color:#666;}
#pay .pay-order ul li:hover { color: #000; }
#pay .pay-order ul li span { display: inline-block;float: right; }

#pay .pay-order-show { text-align: center;line-height: 30px;cursor: pointer; }


/**
 * 订单查询页面样式 query.html
 */

.order-search { padding: 40px 0; text-align:center;}
@media screen and (max-width:640px) {
	.order-search { padding:15px 0 20px; }
}
.order-desc { background: #f2f2f2;padding: 10px;line-height: 2.6rem;width:calc(90% - 20px);margin:0 auto 50px;box-shadow: 0 0 30px #eee;border:1px solid #ddd;font-weight: 300;font-size:12px;min-height:200px; }
@media screen and (max-width:640px){
	.order-desc {width:calc(100% - 30px); margin:0 auto;padding:0 5px;}
	.order-desc p{margin:0 auto;}
}
.order-desc img { max-width:100%; }
.order-desc h3 {margin:5px 0;border-bottom:1px dashed #ddd;font-weight: 300;font-size:18px;}
.order-select { height: 45px;border-radius: 4px;outline: none; padding:0 8px;border:1px solid #aaa;background:#fff;box-shadow: 0 0 30px #eee;}
.order-input { height: 41px;border: 1px solid #aaa;border-right:none;outline: none;text-indent: 5px;width: 400px;border-top-left-radius: 4px;border-bottom-left-radius:4px; }
@media screen and (max-width:640px) {
	.order-input {border-top-left-radius: 0;border-bottom-left-radius:0; width:calc(100% - 10px);margin:10px auto;border-right: 1px solid #aaa;border-radius: 3px;}
}
.order-btn { height: 45px;border-top-right-radius: 4px;border-bottom-right-radius:4px;background: #43974E;color: #fff;padding:0 20px;border: 1px solid #43974E;outline: none;cursor:pointer; }
@media screen and (max-width:640px){
	.order-btn {border-top-right-radius: 0;border-bottom-right-radius:0;height:40px;width:100%;margin:0 auto;font-size:1.5rem;border-radius: 3px;padding:0;}
}
.order-info { min-height:220px;margin-bottom: 15px; }
@media screen and (max-width:640px){
	.order-info { min-height:20px;margin-bottom: 15px; }
}
td:hover { background:#fff; }
.table { border-radius:4px; }


ul,li { margin:0;padding:0;list-style:none }
.text-right { text-align:right; }
.pull-right { float:right; }
hr { margin:10px 0;border-color: #ddd }

.table{border-spacing:0;border-radius:0;background:#fbfbfb;color:#666;}

.panel { width:90%;margin:10px auto;border:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:30px;box-shadow: 0 0 30px #eee;font-weight: 300 }
@media screen and (max-width:640px){
	.panel { width:96%;margin-bottom:0;box-shadow: 0 0 10px #eee;}

}
.panel .panel-top { height:50px;background:#f2f2f2;font-weight:400; }
.panel .panel-top .title { display:inline-block;line-height:50px;height:50px;padding:0 10px; }

.panel .device { margin:0 10px;padding:10px 20px 30px;border-bottom:1px dashed #D3D4E9; }
.panel .device:last-child {border-bottom:0; }

@media screen and (max-width:640px){
	.panel .device {margin:0 5px;padding:10px;}
}

.panel .device ul { padding:5px 10px 5px 15px; }
@media screen and (max-width:640px){
	.panel .device ul { padding:5px; }
}
.panel .device ul li { position: relative;font-size:14px;border-left:1px dashed #ddd;padding:10px 0 0 15px; }
/*.panel .device ul li:first-child { padding-top:45px; }*/
.panel .device ul li:last-child { padding-bottom:15px; }
.panel .device ul li .dian { font-size:5rem;position:absolute;left:-4px;top:14px;color:#666;width:6px;height:6px;border-radius:3px;background:#666; }
.panel .device ul li .time{ color:#666;font-weight: 400 }
.panel .device ul li .content{ margin-top:20px; padding-bottom:15px;color:#888;line-height:22px;font-weight: 400 }
h4 { margin-bottom:10px;color:#666;font-weight: 400}

.h3 { color:#8570E1;font-weight:300; }
@media screen and (max-width:640px){
	.h3 { margin:5px 0; }
}
.form-group { display:inline-block;position:relative;box-shadow: 0 0 30px #eee; }
@media screen and (max-width:640px) {
	.form-group { display:block;box-shadow: none;padding:0 2%; }
}
.close {position:absolute;width:20px;height:20px;background:#ddd;border-radius:10px;top:15px;left:378px;color:#666;cursor:pointer;display:none;}
@media screen and (max-width:640px){
	.close {top:25px;left:88%;}
}
.order-select { font-weight: 300 }

.empty { display:block;width:90%;margin:20px auto;font-size:18px;color:#7D4097;text-align:center;font-weight: 200 }

.copy-btn {
	font-size:12px; margin:0px 0px 0px 15px; padding:0px; border:1px solid rgb(221, 221, 221); outline:0px; color:rgb(102, 102, 102); cursor:pointer; display:inline-block; width:50px; height:22px; border-radius:11px; line-height:22px; text-align:center; text-decoration:none;
}