/* CSS Document */

/** 会员注册 */
.pageinfo-box{ margin-left:25px; padding-left:30px; border-left:#e3e3e3 1px solid; height:70px; line-height:normal; padding-top: 7px; color:#666666; }
.pageinfo-box strong{ font-size:23px; font-weight: normal; margin-bottom: 5px; display: block; }
.pageinfo-box p{ font-size:16px; }


.regform{ width: 600px; margin: 0 auto; padding: 100px 0 30px 0; }
.regform .form-item{ position: relative; padding-left: 150px; }
.regform .label{ display: block; position: absolute; padding: 8px 0; width: 130px; text-align: right; left: 0; top: 0; }
.regform .form-control[name="smscode"],
.regform .form-control[name="captcha"]{ width: 226px; float: left; }
.regform .getsmscode,
.regform .captcha-box{ display: block; width: 134px; height: 37px; line-height: 37px; float: left; text-align: center; }
.regform .captcha-box img{ width: 100%; height: 100%; font-size: 0; }
.regform .getsmscode{ background-color: #dedede; }

/** 会员登录 */
.dlform{ background: url(../images/tmp/dl-bg.jpg) center center no-repeat; height:524px; padding: 40px 0; }
.dlform .form-box{ width:380px; height:444px; float:right; background:#ffffff; margin-right:40px; padding-bottom: 50px; position: relative; }
.dlform .form-box .form-head{ width:100%; height:60px; line-height:60px; padding:0 35px; border-bottom:#eeeeee 1px solid; margin-bottom: 35px; }
.dlform .form-box .form-head span{ display: block; float: left; width: 50%; text-align: center; font-size:18px; font-weight: 700; color:#888888; cursor: pointer; }
.dlform .form-box .form-head span.on{ color:#f24e59; border-bottom:#f24e59 2px solid; margin-bottom: -2px; }
.dlform .form-box .form-foot{ width:100%; height:50px; line-height:50px; padding:0 35px; background:#fafafa; position:absolute; bottom:0px; }
.dlform .form-box .form-foot .tplogin a{ margin-left: 10px; }
.dlform .form-box .form-foot .tplogin a:first-child{ margin-left: 0; }
.dlform .form-box .form-foot .tplogin .icon{ font-size:26px; }
	.icon-qq{ color:#08B9FF; }
	.icon-weixin{ color:#07BD13; }
.dlform .form-item{ position: relative; padding:0 35px; }
.dlform .form-control[name="smscode"]{ width: 200px; float: left; }
.dlform .getsmscode{ display: block; width: 110px; height: 37px; line-height: 37px; float: left; text-align: center; background-color: #dedede; }

/** 会员中心 */
.orderinfo,
.userinfo{ padding:15px; background:#ffffff; }
.userinfo .item{ width:260px; float:left; padding-top: 8px; }
.userinfo .item em{ font-size: 20px; color:#cc0000; margin-right: 10px; }
.orderinfo p,
.userinfo .item p{ display:block; height: 27px; line-height: 27px; }
.userinfo .face-box{ width: 170px; line-height:0; font-size: 0; padding-top: 0; }
.userinfo .face{ border:#e0e0e0 1px solid; width:70px; margin:auto; }

.orderinfo p{ display:block; height: 30px; line-height: 30px; }
.orderinfo .price-s2{ font-size: 16px; }
.orderinfo .price-s2 em{ font-size: 20px; color:#ff8800; }
.orderinfo .status-txt{ font-size: 26px; color:#ff8800; }
.spcell{ border-right: #dddddd 3px solid; margin-right: 20px; }


.sidenav{ width:220px; background-color: #ffffff; }
.sidenav ul li{ position: relative; border-bottom: #f2f2f2 1px solid; }
.sidenav ul li>a{ display: block; height: 60px; line-height: 60px; font-size: 18px; padding: 0 30px; }
.sidenav ul li>a i{ margin-right: 10px; }
.sidenav ul li .child{ display: none; padding: 10px 30px 20px 55px; }
.sidenav ul li .child a{ display:block; line-height: 2; color:#888888; font-size:16px; }
.sidenav ul li.on>a{ color: #fe8800; border-bottom: #f2f2f2 1px solid; }
.sidenav ul li.on>a::after{ content: ''; display:block; height: 60px; width: 1; border-left:#cc0000 3px solid; position: absolute; left: -3px; top: 0; }
.sidenav ul li.on .child{ display: block; }

.sidenav ul li>a.has-arrow::before{ content:' '; display: inline-block; position: absolute; top:30px; right: 30px; width: 7px; height: 7px; border: solid #888; border-width: 1px 1px 0 0; transform: translate(0,-50%) rotate(135deg);
-ms-transform:translate(0,-50%) rotate(135deg); 	/* IE 9 */
-moz-transform:translate(0,-50%) rotate(135deg); 	/* Firefox */
-webkit-transform:translate(0,-50%) rotate(135deg); /* Safari 和 Chrome */
-o-transform:translate(0,-50%) rotate(135deg); 	/* Opera */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sidenav ul li.on>a.has-arrow::before{ transform: translate(0,-50%) rotate(45deg);
-ms-transform:translate(0,-50%) rotate(45deg); 	/* IE 9 */
-moz-transform:translate(0,-50%) rotate(45deg); 	/* Firefox */
-webkit-transform:translate(0,-50%) rotate(45deg); /* Safari 和 Chrome */
-o-transform:translate(0,-50%) rotate(45deg); 	/* Opera */
}

.sidenav.rw1 ul li>a{ color:#888888; }
.sidenav.rw1 ul li>a .icon{ color:#cccccc; }
.sidenav.rw1 ul li.on>a,
.sidenav.rw1 ul li.on>a .icon{ color: #fe8800; }

.orderlist{ width:950px; background-color: #ffffff; }
.orderlist .tabs{ height:60px; border:#e9e9e9 1px solid; }
.orderlist .tabs a{ display:inline-block; width:auto; padding: 0 30px; height:20px; line-height:20px; text-align:center; font-size:18px; border-right:#dddddd 1px solid; margin-top:20px; position: relative; }
.orderlist .tabs a.on{ color:#e30014; }
.orderlist .tabs a.on::after{ content:''; display:block; width:100%; position:absolute; left:0; top:35px; border-bottom:#cc0000 3px solid; }
.orderlist .tbl-cell{ padding:0 15px; vertical-align: middle; }
.ol-head{ padding:0 20px; height:50px; line-height:50px; background-color: #eeeeee; border-bottom:#e9e9e9 1px solid; }
.ol-body{ padding:0 20px; }
.ol-body .first-cell{ padding:0 15px; height: 20px; line-height: 20px; margin-top: 20px; }
.ol-body .first-cell span{ display:inline-block; padding-left: 40px; }
.ol-body .tbl-type{ border-bottom:#dddddd 1px solid; padding:20px 0; }
.ol-body .tbl-type:last-child{ border-bottom:none; }
.ol-body .tbl-cell{ line-height: 1.5; }
.doit{ display:inline-block; padding:5px 20px; border:#cccccc 1px solid; }