/*header*/
.header{ height: 114px;}
.header h1 a{ background: url("../images/logo.gif") no-repeat; width: 276px; height: 64px; display: block; text-indent: -9999px; margin-top: 22px;}
.header div.fr{ margin-top: 28px;}


/*content*/
.content{ background: #f2f2f2; padding-bottom: 100px;}
.order_success{ width: 565px; margin: 107px auto 0 auto; overflow: auto; padding-left: 50px;}
.order_success img{ margin-right:30px; margin-top: 0;}
.order_success div h3{ font-size: 30px; color: #03a01f; font-weight: normal; margin-bottom: 20px;}
.order_success div p{ color: #999; font-size: 14px; line-height: 20px;}
.order_success div p span{ color: #fd0101;}
.tableInfo{ border: 1px solid #e8e8e8; border-top: none; width: 1160px; margin: 75px auto 0 auto; text-align: center;}
.tableInfo .panelTitle td{ background: #f3f3f3;}
.tableInfo .panelTitle td,.tableInfo .panelTitle td.zxtd2{ color: #333; font-weight: bold;}
.tableInfo tr td{ border-top: 1px solid #e8e8e8; height: 50px; line-height: 50px; font-size: 14px; color: #666;}
.tableInfo tr td.zxtd2{ color: #fd0101;}
.btn_msfk{display: block; width: 232px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #03a01f; text-decoration: none; margin: 80px auto 0 auto;}
.btn_msfk:hover{ background: #02b84b;}
.btn_msfk:active{ background: #028705;}
.wxts{ font-size: 14px; line-height: 20px; text-align: center; color: #fd0101; margin: 14px auto 50px auto;}

.qgTitle{ background: #fafafa; border-bottom: 1px solid #e8e8e8; height: 87px; line-height: 85px; padding-left: 23px;}
.qgTitle h2{ font-size: 24px; color: #333;}
.qgInfo{ padding-top: 30px; margin-left: 150px;}
.qgInfo p{ font-size: 16px;}
.qgInfo p span{ color: #fd0101; margin-right: 2px;}
.qgInfo p label{ color: #666666;}
.qgInfo div.fl{ margin-left: 15px;}
.qgInfo div.fl img{ width: 145px; height: 145px; float: left;}
.qgInfo div.fl span.goodsName{ color: #333; font-size: 16px; line-height: 145px; margin-left: 12px;}
.qgInfo li{margin-bottom: 42px; min-height: 23px;}
.qgInfo li.firstLi{ height: 145px; margin-bottom: 67px;}
.qgInfo li.firstLi p{line-height: 145px; margin-bottom: 67px; padding-left: 32px;}
.qgInfo li.secondLi{ padding-left: 32px;}
.qgInfo .sub{ background: url("../images/sub.png") no-repeat -20px 0; width: 20px; height: 20px; display: block; float: left; margin-top: 2px; cursor: pointer;}
.qgInfo .plus{ background: url("../images/plus.png") no-repeat -20px 0; width: 20px; height: 20px; display: block; float: left; margin-top: 2px; cursor: pointer;}
.qgInfo .sub:active{ background-position: 0 0; }
.qgInfo .plus:active{ background-position: 0 0; }
.qgInfo .count{ float: left; width: 80px; height: 20px; border: 1px solid #cccccc; height: 20px\9; line-height: 20px; margin: 0 5px; text-align: center; color: #333; font-size: 14px;}
.qgInfo .price{ margin-left: 75px; color: #666;}
.qgInfo .price span{ font-size: 20px;}
.qgInfo .radio{ float: left; margin-right: 30px; margin-bottom: 10px; cursor: pointer;}
.qgInfo .radio div{ width: 140px; height: 50px; text-align: center;line-height: 50px; border: 1px solid #e8e8e8;  float: left;}
.qgInfo .radio div.atv{ border-color: #ec1611;}
.qgInfo .radio div img{ width: 133px; height: 47px; float: none; margin-top: 2px;}
.qgInfo .radio input{ float: left; margin-top: 20px; margin-right: 10px;}
.qgInfo .address .province,.qgInfo .address .city,.qgInfo .address .area {  margin-right: 10px;  width: 100px;  position: relative; margin-left: 0; *margin-left: 2px; cursor: pointer;}
.qgInfo .address .province .selectdiv,.qgInfo .address .city .selectdiv,.qgInfo .address .area .selectdiv { max-height: 210px;  overflow: auto;  overflow-x: hidden;position: absolute;  background: #fff; width: 93px;  border: 1px solid #ebebeb; display: none; top: 30px; left: 0;}
.qgInfo .address .province .selectdiv{ width: 97px;}
.qgInfo .selectdiv li{ margin-bottom: 0; font-size: 14px; color: #333; padding-left: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.qgInfo .selectdiv li:hover{ background: lightskyblue;}
.qgInfo .address .province input,.qgInfo .address .city input,.qgInfo .address .area input{ background: url("../images/addressBg1.png") no-repeat; width: 67px; height: 30px; height: 30px\9; border: none; padding-left: 5px; overflow: hidden; padding-right: 27px; text-overflow: ellipsis; line-height: 30px;}
.userName,.phoneNum{ width: 270px; height: 30px; height: 30px\9; line-height: 30px; border: 1px solid #ccc; font-size: 14px; color: #333; padding-left: 8px;}
.tip{ font-size: 12px; color: #fd0101; display: none;}
.detailAddress{ width: 570px; height: 30px; height: 30px\9; line-height: 30px; padding-left: 8px; color: #333; font-size: 14px; border: 1px  solid #ccc;}
.wxts2{ font-size: 14px; color: #01ad01;}
.qgInfo textarea{ width: 570px; height: 160px; padding-left: 8px; border: 1px solid #ccc; font-size: 14px; color: #333;}
.qgInfo div.fl img.sf{ width: 166px; height: 60px; margin-bottom: 14px;}
.qgInfo .f146{ font-size: 14px; color: #666;}
.qgInfo span.f146{ margin-top: 18px; margin-left: 20px;}
.tj{ width: 255px; height: 60px; height: 60px\9; font-size: 18px;  border: none; margin-bottom: 12px;}
.btn_tj{ text-align: center; margin-top: 106px; margin-bottom: 50px;}
.tj.disable{color: #666; background: #ccc; cursor: no-drop;}
.tj.success{ background: #00c800; color: #fff; cursor: pointer;}
.tj.success:hover{ background: #17e22f;}
.tj.success:active{ background: #18b903;}
.qgInfo DIV.fl.ml7{ *margin-left: 7px;}
.qgInfo input:hover,.qgInfo textarea:hover{border-color: #3a92ff;}
.left{float:left;}
.attention{ margin-left: 7px;}
.xxfs,.receiver_title{ padding-left: 7px;}

/*footer*/
.footer{ background: #d9d9d9; height: 81px; text-align: center; padding-top: 42px;}
.footer p{ color: #666; font-size: 14px; line-height: 22px;}


/*网银支付*/
.zffs{display: none;}
.zffs li{ float: left; width: 175px; height: 65px; border: 1px solid #e7e7e7; text-align: center; line-height: 65px; margin-right: 15px; margin-bottom: 20px; cursor: pointer; position: relative;}
.zffs li.zffs_atv{ border: 1px solid #03a01f;}
.zffs li img{ vertical-align: middle;}
.selected{ background: url("../images/selected4.png") no-repeat; width: 17px; height: 17px; position: absolute; right: 0; bottom: 0;}
.zffs li input{display: none;}