@charset "utf-8";
/*========== 全局 Css reset ==========*/
html, body { font-family: Arial, Helvetica, sans-serif; }
body { font-size: 12px; }
p { margin-bottom: auto; }
b, i { font-style: normal; font-weight: normal; }
/*========== 页面框架 ==========*/
.wrap { }
.header { }
.footer { }
.main { width: 1200px; display: table; box-sizing: border-box; margin: 0px auto; }
/*========== Hui Css reset ==========*/
/*.btn-default { background-color: #CCC; border-style: none; font-size: 12px; }*/
.lh-30 { line-height: 30px; }
.lh-40 { line-height: 40px; }
.mb-60 { margin-bottom: 60px }
/*========== layer Css reset ==========*/

/*========== 按钮 ==========*/
/*.btn-cc { color: #666; background: #CCCCCC; border: 1px solid #CCC; }
.btn-cc:hover, .btn-cc:focus, .btn-cc:active, .btn-cc.active { background: #C1C1C1; border: 1px solid #C1C1C1; }*/

/*========== 背景 ==========*/
/*.bg-FCF { background-color: #FCF8E2; }*/

/*========== 边框 ==========*/
/*.bk-DD { border: 1px solid #DDDDDD; }*/

/*========== 表单 ==========*/
input[type="number"] { min-width: 160px; }
.input-text, .textarea { padding: 10px; }
.input-text.size-S { padding-right: 10px; padding-left: 10px; }
.textarea { height: auto; }
.input-text, .textarea, .select-box { border: solid 1px #CCCCCC; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; font-size: 12px; box-sizing: border-box; }
.select-box { background: #FFF;/* height: 31px;*/ box-sizing: border-box; padding: 5px; }
.select-box select { font-size: 12px; }
/*单选 复选
<span class="ui-checkbox">
	<input type="checkbox" name="checkbox-1" id="checkbox-1-1" />
	<label for="checkbox-1-1"></label>
</span>
<span class="ui-radio">
  <input type="radio" name="radio-1" id="radio-1-1" />
  <label for="radio-1-1"></label>
</span>
*/
.ui_checkbox { display: inline-block; vertical-align: middle; }
.ui_checkbox input { display: none; }
.ui_checkbox label { display: inline-block; position: relative; padding: 0px 0px 0px 20px; line-height: 18px; text-indent: 8px; }
.ui_checkbox input + label:before { content: ""; position: absolute; border: 1px solid #CCC; height: 18px; width: 18px; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; left: 0px; top: 0px; cursor: pointer; }
.ui_checkbox input + label:hover:before { border: 1px solid #3BB4F2; }
.ui_checkbox input:checked + label:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADvSURBVChTlZGxrkVAFEV9G75BolCpKCiIjkI0SolCoVPSERX/olBJJCIKIrFvZu7w3uTe4r2VnGRy9lnJnBkB/yBNU7RtS89/FvM8hyiKkGUZfd//iNd1sdMnRVFQ6a4gCN5iWZaI4/irXFUVJ7mui+M4INR1DUmSaDNJEk5umubJSFmWhX3faSZEUfQEpLIso0HXdXSfu28YBrZtoxlBOM8Tvu9zchiGnKTrOpZlYcobuiORPc/j5Ls0TcM8z3T4N8+rkrvbts1JqqpimiY2wcP9I9nBNE0qKYqCcRxZ8gknEtZ1heM4GIaBdb4BvAABwvF96DjQmAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; }
.ui_checkbox input:disabled + label:before { border: 1px solid #EAEAEA; cursor: default; }
.ui_checkbox input:disabled:checked + label:before { border: 1px solid #EAEAEA; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADQSURBVChTlY4hC8JAHMXPoIhFEIPBaPIbaRWxitlssRgsS5cmbDCRNUGLWMRmtRj8GMPzd+M/nNtEffC4u/feD079I8/zFnggz98EMPN933BGuCexUsaYklxzAphaKDHgOi64TLAughmOM9BOa121xYjHQ4plGiYfpjrrYxiGtbjksUoV1nOB+jhKcu5nznoMWTmOUybcJAMx0Rt0cV23KchLlBXKbTJMm/zK2ZJpXvbvjA4Z6BYEQVsmn8W4zvgk0B13pPouxg28x12JCqTUE3yy0iVDn9f7AAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center; }
/*input radio*/
.ui_radio { display: inline-block; vertical-align: middle; }
.ui_radio input { display: none; }
.ui_radio label { display: inline-block; position: relative; padding: 0px 0px 0px 20px; line-height: 18px; text-indent: 8px; }
.ui_radio input + label:before { content: ""; position: absolute; border: 1px solid #CCC; height: 18px; width: 18px; border-radius: 100%; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; left: 0px; top: 0px; cursor: pointer; }
.ui_radio input + label:hover:before { border: 1px solid #3BB4F2; }
.ui_radio input:checked + label:before { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABuSURBVChTbY9bCoAgEEVnLUX02ISos9nCjwi3FQbVd92RCBkUDiP3XBVJlnNuAtFae2OemJsxZvglggPzUSTkvRSiEiWBvmtrUkhSuCoiA7fLE6sWBTMx84hNUiKf9t43+ScodQgDkKKwoNASEb1vLGAldrdK7AAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-position: center center; }
.ui_radio input:disabled + label:before { border: 1px solid #EAEAEA; cursor: default; }
.ui_radio input:disabled:checked + label:before { border: 1px solid #EAEAEA; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABqSURBVChTbY9dCoAwDIN7FkX8ufhY6YPIriUKumdNxpQxVvigJGmgwvHeLyCACC5V3cxs+k0IJ3hKoB9gZCDUZoExEBtGgi2C5a6NDwR2NqwtM+PFOTezqjZ5jU+69AmWAaIxmFEc9iIiL0eyqScJyTcwAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: center center; }
/*========== 暂无数据 ==========*/
.no_data { display: table; width: 100%; padding: 30px 0px; }
.no_data p { display: table; width: 100%; text-align: center; }
.no_data p:nth-child(1) { }
.no_data p:nth-child(1) i.iconfont { color: #A0A0A0; height: 120px; width: 120px; display: inline-block; line-height: 120px; font-size: 120px; }
.no_data p:nth-child(2) { font-size: 16px; color: #707070; }
/*
<div class="no_data" style="margin-top: 30%;">
	<p><i class="iconfont">&#xe666;</i></p>
	<p>暂无消息</p>
</div>
*/
/*==========  ==========*/
.Sys_ad { display: table; width: 100%; }
.Sys_ad img { width: 100%; }
/*========== 页面公用 ==========*/
.Sys_top { background: #E9E9EB; width: 100%; display: block; height: 35px; line-height: 35px; overflow: hidden; font-size: 13px; }
.Sys_top .box { width: 1200px; display: table; height: 35px; margin: 0px auto; }
.Sys_top .box .left { float: left; }
.Sys_top .box .left a { margin-right: 20px; display: inline-block; }
.Sys_top .box .left span { margin-left: 10px; display: inline-block; }
.Sys_top .box .left span i { float: left; height: 35px; width: 35px; text-align: center; line-height: 35px; font-size: 24px; }
.Sys_top .box .right { float: right; }
.Sys_top .box .right li { float: left; }
.Sys_top .box .right li a { display: inline-block; }
.Sys_top .box .right li p { display: inline-block; }
.Sys_search { display: table; width: 100%; }
.Sys_search .box { width: 1200px; display: table; height: 35px; margin: 0px auto; }
.Sys_search .box .logo { width: 480px; height: 135px; display: table; float: left; }
.Sys_search .box .logo img { width: 480px; height: 135px; display: table; float: left; }
.Sys_search .box .search { width: 500px; height: 135px; display: table; float: left; margin: 0px 10px 0px 30px; }
.Sys_search .box .search input[type="text"] { border: 5px solid #FF6241; width: 430px; height: 45px; padding: 0px 15px; font-size: 16px; box-sizing: border-box; margin-top: 36px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2) inset; }
.Sys_search .box .search button { width: 70px; height: 45px; font-size: 25px; box-sizing: border-box; margin-top: 36px; border-style: none; background: #FF6241; color: #FFF; }
.Sys_search .box .search p { display: block; margin: 10px 0px 0px; padding: 0px; height: 19px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; width: 96%; }
.Sys_search .box .search p a { color: #999; display: inline-block; margin-right: 20px; }
.Sys_search .box .search p a:hover { color: #F00; }
.Sys_search .box .cart { width: 170px; display: table; float: right; margin-top: 36px; }
.Sys_search .box .cart a { width: 170px; display: block; background: #F9F9F9; height: 45px; font-size: 16px; line-height: 45px; position: relative; color: #F00; }
.Sys_search .box .cart a b { text-align: center; height: 45px; width: 45px; line-height: 45px; display: block; float: left; font-size: 36px; color: #8D8988; margin: 0px 3px 0px 6px; }
.Sys_search .box .cart a i { text-align: center; display: block; font-size: 12px; color: #FFFFFF; position: absolute; z-index: 2; left: 36px; top: 7px; background: #F00; padding: 0px 4px; line-height: 14px; border-radius: 14px; box-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
.Sys_search .box .cart a:hover { background: #E2E2E2; text-decoration: none; }
/**/
.Sys_nav { background: #FA6A4D; height: 48px; width: 100%; }
.Sys_nav .navbar-nav { height: 48px; width: 1200px; margin: 0px auto; padding: 0px; }
.Sys_nav .navbar-nav ul.cl { height: 48px; width: 100%; display: table; }
.Sys_nav .navbar-nav ul.cl li { float: left; width: 14.28%; display: block; position: static; }
.Sys_nav .navbar-nav ul.cl li a.dropDown_A { line-height: 48px; width: 100%; margin: 0px; padding: 0px; font-size: 18px; color: #FFF; position: relative; z-index: 51; }
.Sys_nav .navbar-nav ul.cl li a.dropDown_A:hover { background-color: rgba(255,255,255,1.0); color: #996600; }
.Sys_nav .navbar-nav .dropDown .dropDown_A span { display: inline-block; position: relative; padding: 0px 18px 0px 0px; }
.Sys_nav .navbar-nav .dropDown .dropDown_A span:before { position: absolute; content: ""; width: 13px; height: 8px; top: 21px; right: 0px; background: url(Images/System/site_01.png) no-repeat left top; z-index: 52; }
.Sys_nav .navbar-nav .dropDown.open .dropDown_A { background-color: rgba(255,255,255,1.0); color: #996600; }
.Sys_nav .navbar-nav .dropDown.open .dropDown_A span:before { background: url(Images/System/site_01.png) no-repeat right top; }
.Sys_nav .navbar-nav ul.cl li .dropDown-menu { width: 100%; position: absolute; left: 0px; top: 218px; border: none; text-align: center; z-index: 50; background-color: transparent; height: 1px; }
.Sys_nav .navbar-nav ul.cl li .dropDown-menu ol { width: 1200px; margin: 0px auto; display: table; background: #FFF; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1); padding: 25px; box-sizing: border-box; }
.Sys_nav .navbar-nav ul.cl li .dropDown-menu ol h3 { width: 100%; text-align: left; margin: 0px; padding: 0px 0px 12px; font-size: 14px; font-weight: normal; color: #999; }
.Sys_nav .navbar-nav ul.cl li .dropDown-menu ol li { float: left; margin: 0px; padding: 2px 0px; width: 16.66%; }
.Sys_nav .navbar-nav ul.cl li .dropDown-menu ol li a { margin: 0px; padding: 0px; display: block; text-align: left; font-size: 13px; line-height: 25px; height: 25px; padding: 0px 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.Sys_nav .navbar-nav ul.cl li .dropDown-menu ol li a:hover { background: #EDEDED; text-decoration: none; }
/**/
.Sys_email { width: 100%; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; display: table; }
.Sys_email .box { display: table; margin: 0px auto; width: 1200px; padding: 20px 0px; }
.Sys_email .box li { float: left; font-size: 14px; color: #666; }
.Sys_email .box li:nth-child(1) i { float: left; height: 48px; width: 75px; line-height: 48px; color: #999; font-size: 58px; overflow: hidden; }
.Sys_email .box li:nth-child(1) span { float: left; height: 48px; line-height: 24px; width: 130px; }
.Sys_email .box li:nth-child(2) { line-height: 24px; width: 380px; margin-left: 150px; }
.Sys_email .box li:nth-child(3) { width: 380px; float: right; padding: 6px 0px 0px; }
.Sys_email .box li:nth-child(3) input[type="text"] { font-size: 13px; border: 1px solid #CCC; line-height: 33px; padding: 0px 15px; height: 35px; box-sizing: border-box; width: 270px; float: left; }
.Sys_email .box li:nth-child(3) input[type="button"] { line-height: 35px; padding: 0px; height: 35px; box-sizing: border-box; width: 110px; border-style: none; text-align: center; color: #FFF; background: #FF6241; font-size: 13px; margin: 0px 0px 0px -1px; float: left; }
.Sys_footer { width: 100%; border-top: 1px solid #FFF; background: #F6F6F6; }
.Sys_footer .box { display: table; margin: 0px auto; width: 1200px; }
.Sys_footer .box ul { float: left; width: 25%; padding: 10px 0px 40px; }
.Sys_footer .box ul h3 { font-size: 16px; color: #000; margin-bottom: 3px; }
.Sys_footer .box ul li { margin-bottom: 3px; font-size: 13px; }
.Sys_footer .box p { border-top: 1px solid #EEEEEE; text-align: center; float: left; width: 100%; color: #999; font-size: 13px; padding: 15px 0px; }
/**/
.Sys_page { }
.Sys_page .Sys_page_box { display: inline-block; line-height: 30px; }
.Sys_page .Sys_page_box li { display: inline-block; float: left; }
.Sys_page .Sys_page_box a { display: inline-block; height: 30px; padding: 0px 10px; color: #8D95A2; float: left; }
.Sys_page .Sys_page_box a:hover { background: #101D32; color: #FFF; text-decoration: none; }
.Sys_page .Sys_page_box li.active span { padding: 0px 10px; display: inline-block; color: #FFF; }
.Sys_page .Sys_page_box a.disabled { padding: 0px; color: #8D95A2; }
.Sys_page .Sys_page_box a.disabled span { padding: 0px 10px; display: inline-block; color: #8D95A2; }
/**/
.Sys_location { line-height: 20px; padding: 20px 0px; width: 100%; display: table; font-size: 14px; }
.Sys_location span { display: inline-block; padding: 0px 8px; position: relative; margin: 0px 8px 0px 0px; }
.Sys_location span:before { content: ">>"; position: absolute; z-index: 1; left: -8px; top: 0px; }
.Sys_location span:nth-child(1) { padding: 0px 8px 0px 0px; }
.Sys_location span:nth-child(1):before { content: "/"; display: none; }
/*========== 首页 ==========*/
.Home_Banner { position: relative; top: 0; width: 1200px; height: 250px; }
.Home_Banner .move { position: absolute; left: 0; top: 0; width: 1200px; height: 250px; overflow: hidden; }
.Home_Banner .move ul, .Home_Banner .move ul li { position: absolute; height: 250px; width: 100%; }
.Home_Banner .move ul li a { height: 250px; width: 100%; display: block; }
.Home_Banner .move ul li a:hover { text-decoration: none; }
.Home_Banner .move ul li { background-repeat: no-repeat; background-position: top center; background-size: 1200px 100%; }
.Home_Banner .ctrl { position: absolute; width: 100%; bottom: 15px; text-align: center; z-index: 6; }
.Home_Banner .ctrl .libs { display: inline-block; margin-left: 15px; width: 30px; height: 8px; border-radius: 2px; background-color: #333; z-index: 50; cursor: pointer; opacity: .7; }
.Home_Banner .ctrl span.active { background: #FFF; opacity: .9; }
.Home_Banner .ctrl .arrow { display: block; position: absolute; width: 30px; height: 60px; top: 50%; margin-top: -30px; background-color: #333; cursor: pointer; font: 30px/58px "宋体"; opacity: .5; color: #fff; text-align: center; }
.Home_Banner .ctrl .next { top: -140px; right: 0; }
.Home_Banner .ctrl .prev { top: -140px; left: 0; }
.Home_Banner .ctrl .arrow:hover { opacity: 1; }
/**/
.Recbrand { display: block; width: 1200px; height: 50px; overflow: hidden; }
.Recbrand .prev, .rollpic .next { display: none; height: 38px; width: 38px; cursor: pointer; float: left; /*background: url(../images/unslider-arrow2.png) no-repeat 0 0;*/ margin-top: 70px }
.Recbrand .prev { background-position: 0 0; margin-right: 5px }
.Recbrand .prev:hover { background-position: 0 -38px }
.Recbrand .next { background-position: 0 -76px; margin-left: 5px }
.Recbrand .next:hover { background-position: 0 -114px }
.Recbrand .rollpicshow { float: left; border-style: none; }
.Recbrand .rollpicshow ul { }
.Recbrand .rollpicshow ul li { padding: 0px 11px 0px 0px; margin: 0px; }
.Recbrand .rollpicshow ul li a { /*border: solid 1px #ddd;*/ display: block; height: 45px; width: 162px; box-sizing: border-box; }
.Recbrand .rollpicshow ul li a img { width: 100%; height: 45px; }
/**/

.home_title { line-height: 40px; width: 100%; height: 40px; background: #F7F7F7; margin: 28px 0px 0px; }
.home_title b { display: inline-block; height: 40px; border-left: 8px solid #FF6241; font-size: 28px; background: #FFF; color: #666; padding: 0px 20px; }
/**/
.home_list { width: 100%; display: table; }
.home_list ul { float: left; width: 278px; border: 1px solid #DDDDDD; background: #FFF; margin: 26px 26px 0px 0px; }
.home_list ul:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.home_list ul:nth-child(4n) { margin: 26px 0px 0px 0px; }
.home_list ul li { padding: 0px 20px; box-sizing: border-box; }
.home_list ul li:nth-child(1) { padding: 0px; }
.home_list ul li:nth-child(1) a { text-align: center; display: block; height: 278px; width: 278px; line-height: 277px; overflow: hidden; }
.home_list ul li:nth-child(1) a img { max-height: 278px; max-width: 278px; }
.home_list ul li:nth-child(2) { vertical-align: middle; line-height: 30px; height: 30px; }
.home_list ul li:nth-child(2) del { font-size: 16px; color: #999; float: left; margin-top: 2px; }
.home_list ul li:nth-child(2) b { font-size: 25px; color: #F00; margin-left: 20px; }
.home_list ul li:nth-child(3) { font-size: 16px; line-height: 18px; height: 36px; margin: 15px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.home_list ul li:nth-child(4) { font-size: 16px; line-height: 18px; height: 18px; margin: 15px 0px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #666; }
.home_list ul li:nth-child(5) { padding: 0px 20px 20px; }
.home_list ul li:nth-child(5) a { padding: 0px; font-size: 14px; line-height: 28px; margin: 0px; height: 30px; background: #F9F9F9; border: 1px solid #EEEEEE; display: inline-block; color: #999900; box-sizing: border-box; text-align: center; width: 125px; }
.home_list ul li:nth-child(5) a:hover { text-decoration: none; background: #EEE; }
.home_list ul li:nth-child(5) a i { float: left; line-height: 28px; text-align: center; height: 28px; width: 28px; color: #FFF; background: #FF6241; }
.home_list ul li:nth-child(5) a:nth-child(2) { float: right; width: 95px; }
/*========== 登录、注册 ==========*/
.login { width: 100%; background: url(Images/System/site_02.png) no-repeat center top; display: table; }
.login .login_left { float: left; width: 50%; padding-right: 150px; box-sizing: border-box; }
.login .login_left ul { display: table; width: 100%; }
.login .login_left ul h2 { line-height: 80px; margin: 0px; padding: 0px; }
.login .login_left ul li { }
.login .login_left ul li b { display: table; width: 100%; line-height: 50px; height: 50px; font-size: 16px; }
.login .login_left ul li .input-text { display: table; width: 450px; line-height: 40px; height: 40px; font-size: 14px; box-sizing: border-box; }
.login .login_left ul li .btn { display: inline-block; width: 175px; line-height: 40px; height: 40px; font-size: 16px; color: #FFF; background: #FA6A4D; text-align: center; border-style: none; border-radius: 3px; }
.login .login_left .Valid_text { height: 40px; line-height: 35px; }
.login .login_right { float: left; width: 50%; padding-left: 80px; box-sizing: border-box; }
.login .login_right ul { display: table; width: 100%; }
.login .login_right ul h4 { line-height: 80px; margin: 0px; }
.login .login_right ul li .btn { display: inline-block; width: 175px; line-height: 40px; height: 40px; font-size: 16px; color: #FFF; background: #FA6A4D; text-align: center; border-style: none; border-radius: 3px; }
.reg { display: table; width: 100%; }
.reg h2 { display: table; width: 100%; line-height: 80px; margin: 0px; padding: 0px; float: left; }
.reg h3 { display: table; width: 100%; line-height: 80px; margin: 0px; padding: 0px; float: left; font-size: 18px; }
.reg p { display: table; width: 100%; line-height: 80px; margin: 0px; padding: 0px; float: left; text-align: center; }
.reg p .btn { display: inline-block; width: 175px; line-height: 40px; height: 40px; font-size: 16px; color: #FFF; background: #FA6A4D; text-align: center; border-style: none; border-radius: 3px; }
.reg ul { display: table; width: 480px; margin: 0px; padding: 0px; float: left; }
.reg ul.w-100 { width: 100%; }
.reg ul .input-text { display: table; width: 450px; line-height: 35px; height: 35px; font-size: 14px; box-sizing: border-box; }
.reg ul .span_select { display: table; width: 450px; line-height: 33px; height: 33px; font-size: 14px; box-sizing: border-box; border: solid 1px #CCCCCC; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; position: relative; }
.reg ul .span_select:before { position: absolute; content: ""; z-index: 4; top: 14px; right: 12px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #A6A7AC; }
.reg ul .span_select select { width: 100%; border-style: none; padding: 0px 10px; line-height: 33px; height: 33px; position: relative; z-index: 2; -webkit-appearance: none; background-color: transparent; }
.reg ul li:nth-child(1) { line-height: 20px; height: 20px; font-size: 15px; margin: 0px; padding: 0px 0px 10px; }
.reg ul li .focus { width: 450px; height: 15px; font-size: 12px; color: #F00; display: block; line-height: 15px; text-align: right; padding: 5px 0px 0px; }
.Password { }
.Password h2 { line-height: 80px; margin: 0px; padding: 0px; }
.Password .text { }
.Password .text .text_box { font-size: 16px; color: #999; line-height: 27px; padding-right: 30%; }
.Steps { margin: 80px 0px 50px; }
.Steps ul { display: table; margin: 0px auto; width: 100%; text-align: center; }
.Steps ul li { display: inline-block; margin: 0px auto; width: 250px; position: relative; }
.Steps ul li:before { position: absolute; content: ""; z-index: 1; top: 14px; left: 12px; width: 100%; height: 4px; background: #CCC; }
.Steps ul li b { display: inline-block; font-size: 16px; line-height: 30px; height: 30px; width: 30px; color: #FFF; background: #CCCCCC; border-radius: 100%; position: relative; z-index: 2; }
.Steps ul li span { display: block; font-size: 16px; line-height: 44px; color: #999; }
.Steps ul li.on:before { background: #F86F54; }
.Steps ul li.on b { background: #F86F54; }
.Steps ul li.on span { color: #F86F54; }
.form_ul { display: table; margin: 0px auto; width: 450px; padding: 10px 0px 60px; }
.form_ul ul { display: table; margin: 0px auto; width: 100%; }
.form_ul ul li { position: relative; }
.form_ul ul li:nth-child(1) { line-height: 20px; height: 20px; font-size: 15px; margin: 0px; padding: 0px 0px 10px; }
.form_ul ul .input-text { display: table; width: 450px; line-height: 40px; height: 40px; font-size: 14px; box-sizing: border-box; }
.form_ul ul .focus { width: 450px; height: 20px; font-size: 12px; color: #F00; display: block; line-height: 20px; text-align: right; padding: 5px 0px 0px; }
.form_ul ul li.code .input-text { width: 340px; }
.form_ul ul li.code a, .form_ul ul li.code a img { display: block; float: right; height: 40px; width: 95px; }
.form_ul ul li.code a { position: absolute; z-index: 2; top: 0px; right: 0px; }
.form_ul ul li .btn { display: inline-block; width: 100%; line-height: 45px; height: 45px; font-size: 16px; color: #FFF; background: #FA6A4D; text-align: center; border-style: none; border-radius: 3px; }
.Password_ok { text-align: center; padding: 30px 0px 80px; }
.Password_ok li { }
.Password_ok li:nth-child(1) { color: #3BAE56; }
.Password_ok li:nth-child(1) i { font-size: 100px; color: #3BAE56; height: 100px; width: 100px; display: inline-block; line-height: 100px; }
.Password_ok li:nth-child(2) { font-size: 36px; color: #3BAE56; line-height: 90px; }
.Password_ok li:nth-child(3) { font-size: 16px; color: #999; }
.Password_ok li:nth-child(3) a { color: #999; }
/*========== 帮助中心、关于我们 ==========*/
.Info_Nav { float: left; width: 260px; }
.Info_Nav ul { display: table; width: 100%; }
.Info_Nav ul li { display: table; width: 100%; margin-bottom: 1px; }
.Info_Nav ul li a { display: block; width: 100%; background: #EAEAEA; font-size: 15px; padding: 13px 10px 13px 30px; box-sizing: border-box; }
.Info_Nav ul li a:hover { background: #FAFAFA; color: #F00; text-decoration: none; }
.Info_Nav ul li.on a { background: #F3F3F3; color: #F00; }
.Info_Right { float: right; width: 900px; }
.Info_Right .title { width: 100%; font-size: 20px; border-bottom: 1px dotted #CCC; padding: 10px 0px 20px; }
.Info_Right .title p { width: 100%; font-size: 13px; color: #999; margin-top: 20px; }
.Info_Right .title p span { margin-right: 10px; margin-left: 10px; }
.Info_Right .text_box { padding: 40px 0px; display: table; width: 100%; font-size: 14px; line-height: 25px; min-height: 500px; }
.Info_list { padding: 40px 20px; display: table; width: 100%; font-size: 14px; line-height: 25px; min-height: 500px; box-sizing: border-box; }
.Info_list ol { list-style: decimal inside; }
.Info_list ol li { list-style-position: inside; font-size: 14px; line-height: 30px; margin: 3px 0px; }
.Sys_page { display: table; width: 100%; text-align: center; }
.Sys_page .box { display: table; width: 100%; text-align: center; }
.Sys_page .box a { display: inline-block; border: 1px solid #DDDDDD; padding: 0px 10px; height: 25px; line-height: 25px; margin: 0px 4px; }
.Sys_page .box a:hover { color: #FFF; text-decoration: none; background: #CCC; border: 1px solid #CCC; }
.Sys_page .box span { display: inline-block; padding: 0px 10px; height: 27px; line-height: 27px; margin: 0px 4px; }
/*========== 商品列表 ==========*/
.class_one { width: 100%; display: table; }
.class_one .left { width: 480px; float: left; border: 1px solid #DDD; box-sizing: border-box; padding: 10px 0px 20px 20px; }
.class_one .right { width: 700px; float: right; font-size: 13px; }
.class_one .left p { font-size: 18px; line-height: 30px; padding: 0px 0px 5px; }
.class_one .left input[type="text"] { font-size: 13px; border: 1px solid #CCC; line-height: 33px; padding: 0px 15px; height: 35px; box-sizing: border-box; width: 330px; float: left; }
.class_one .left input[type="button"] { line-height: 35px; padding: 0px; height: 35px; box-sizing: border-box; width: 100px; border-style: none; text-align: center; color: #FFF; background: #FF6241; font-size: 13px; margin: 0px 0px 0px -1px; float: left; }
.class_list { display: table; width: 100%; padding-bottom: 40px; }
.class_list .title { font-size: 20px; line-height: 60px; width: 100%; }
.class_list ul { display: table; width: 100%; }
.class_list ul li { float: left; width: 220px; padding: 0px 25px 20px 0px; }
.class_list ul li:nth-child(5n) { padding: 0px 0px 20px; }
.class_list ul li a { width: 100%; display: block; line-height: 40px; text-align: center; height: 40px; background: #F9F9F9; border: 1px solid #EEEEEE; font-size: 13px; }
.class_list ul li a:hover { background: #FF6241; border: 1px solid #FF6241; color: #FFF; text-decoration: none; }
/**/
.list_one { }
.list_one h3 { font-size: 28px; line-height: 45px; color: #999; margin: 0px; padding: 0px; }
.list_one p { font-size: 16px; line-height: 30px; margin: 0px; padding: 0px; }
.Sys_list { display: table; width: 100%; }
.Sys_list .Sys_list_nav { display: table; width: 240px; float: left; padding: 0px 0px 100px; }
.Sys_list .Sys_list_nav .box { display: table; width: 100%; }
.Sys_list .Sys_list_nav ul { display: table; width: 100%; padding: 0px 0px 15px; }
.Sys_list .Sys_list_nav ul h3 { display: table; width: 100%; line-height: 35px; background: #EAEAEA; padding: 0px 15px; font-size: 14px; font-weight: normal; color: #999900; box-sizing: border-box; }
.Sys_list .Sys_list_nav ul li { display: table; width: 100%; padding: 15px; box-sizing: border-box; border: 1px solid #EEEEEE; margin-top: 1px; }
.Sys_list .Sys_list_nav ul li p { display: inline-block; margin: 0px; padding: 5px 10px 5px 0px; }
.Sys_list .Sys_list_nav ul li p a { display: inline-block; padding: 0px; padding: 0px 5px; }
.Sys_list .Sys_list_nav ul li p.on a { display: inline-block; margin: 0px; background: #FC9681; line-height: 20px; color: #FFF; }
.Sys_list .Sys_list_right { display: table; width: 930px; float: right; }
.Sys_list .Operation { height: 50px; width: 100%; background: #F9F9F9; border: 1px solid #DDDDDD; display: table; box-sizing: border-box; line-height: 48px; }
.Sys_list .Operation ul { float: left; padding: 0px 0px 0px 10px; }
.Sys_list .Operation ul li { float: left; padding: 0px 5px; }
.Sys_list .Operation ul li input[type="text"] { font-size: 13px; border: 1px solid #CCC; line-height: 26px; padding: 0px 10px; height: 26px; box-sizing: border-box; float: left; margin-top: 11px; }
.Sys_list .Operation ul li input[type="button"] { line-height: 26px; padding: 0px; height: 26px; box-sizing: border-box; width: 60px; border-style: none; text-align: center; color: #FFF; background: #FF6241; font-size: 12px; float: left; margin-top: 11px; border-radius: 2px; }
.Sys_list .Operation ol { float: right; }
.Sys_list .Operation ol li { float: left; padding: 0px 18px 0px 0px; }
.Sys_list .Operation ol li:nth-child(1) { float: left; padding: 0px; }
.Sys_list .Operation ol li a { display: inline-block; position: relative; }
.Sys_list .Operation ol li a.Sort { padding: 0px 15px 0px 0px; }
.Sys_list .Operation ol li a.Sort:before { position: absolute; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #ccc; top: 19px; right: 0px; }
.Sys_list .Operation ol li a.Sort:after { position: absolute; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #ccc; top: 25px; right: 0px; }
.Sys_list .Operation ol li.on a { color: #F00; }
.Sys_list .Operation ol li a.Sort.Asce:before { border-bottom: 4px solid #F00; }
.Sys_list .Operation ol li a.Sort.Desc:after { border-top: 4px solid #F00; }
/**/
.Sys_list_right .list { width: 100%; display: table; }
.Sys_list_right .list_box { width: 100%; display: table; }
.Sys_list_right .list_box ul { float: left; width: 213px; border: 1px solid #DDDDDD; background: #FFF; margin: 23px 23px 0px 0px; }
.Sys_list_right .list_box ul:hover { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); }
.Sys_list_right .list_box ul:nth-child(4n) { margin: 23px 0px 0px 0px; }
.Sys_list_right .list_box ul li { padding: 0px 12px; box-sizing: border-box; }
.Sys_list_right .list_box ul li:nth-child(1) { padding: 0px; }
.Sys_list_right .list_box ul li:nth-child(1) a { text-align: center; display: block; height: 213px; width: 213px; line-height: 213px; overflow: hidden; background: #0C6; }
.Sys_list_right .list_box ul li:nth-child(1) a img { max-height: 213px; max-width: 213px; }
.Sys_list_right ul li:nth-child(2) { vertical-align: middle; line-height: 30px; height: 30px; }
.Sys_list_right ul li:nth-child(2) del { font-size: 13px; color: #999; float: left; margin-top: 2px; }
.Sys_list_right ul li:nth-child(2) b { font-size: 18px; color: #F00; margin-left: 10px; }
.Sys_list_right ul li:nth-child(3) { font-size: 14px; line-height: 15px; height: 30px; margin: 5px 0px 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.Sys_list_right ul li:nth-child(4) { font-size: 14px; line-height: 15px; height: 15px; margin: 5px 0px 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color: #666; }
.Sys_list_right ul li:nth-child(5) { padding: 0px 12px 15px; }
.Sys_list_right ul li:nth-child(5) a { padding: 0px; font-size: 12px; line-height: 23px; margin: 0px; height: 23px; background: #F9F9F9; border: 1px solid #EEEEEE; display: inline-block; color: #999900; box-sizing: border-box; text-align: center; width: 100px; }
.Sys_list_right ul li:nth-child(5) a:hover { text-decoration: none; background: #EEE; }
.Sys_list_right ul li:nth-child(5) a i { float: left; line-height: 23px; text-align: center; height: 23px; width: 23px; color: #FFF; background: #FF6241; margin: -1px 0px 0px -1px; }
.Sys_list_right ul li:nth-child(5) a:nth-child(2) { float: right; width: 75px; }
/*========== 商品详情 ==========*/
.Sys_Product { width: 100%; display: table; }
.Product_left { width: 960px; float: left; }
.Product_right { width: 210px; float: right; box-sizing: border-box; border: 1px solid #DDDDDD; }
.Product_one { float: left; width: 490px; display: table; }
/*图片放大镜样式*/
.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: flex; /*justify-content: center; align-items: center;*/ height: 490px; width: 490px; }
.jqzoom img { height: 490px; width: 490px; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 490px; height: 490px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/
.spec-preview { width: 490px; height: 490px; }
.spec-scroll { clear: both; margin-top: 10px; width: 490px; }
.spec-scroll .prev { float: left; }
.spec-scroll .next { float: right; }
.spec-scroll .prev, .spec-scroll .next { display: block; text-align: center; width: 20px; height: 78px; line-height: 78px; background: #EBEBEB; cursor: pointer; text-decoration: none; font-size: 20px; color: #999999; }
.spec-scroll .items { float: left; position: relative; width: 440px; height: 80px; overflow: hidden; margin: 0px 0px 0px 10px; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 78px; }
.spec-scroll .items ul li { float: left; width: 88px; text-align: left; }
.spec-scroll .items ul li img { border: 1px dotted #EEEEEE; width: 76px; height: 76px; cursor: pointer; }
.spec-scroll .items ul li img:hover { border: 2px solid #FF6600; width: 74px; height: 74px; }
.Product_two { width: 470px; display: table; float: left; padding: 0px 0px 0px 30px; box-sizing: border-box; }
.Product_two h1 { line-height: 30px; font-size: 20px; margin: 0px; padding: 10px 0px 0px; }
.Product_two h2 { line-height: 55px; margin: 0px; padding: 10px 0px; }
.Product_two h2 del { font-size: 24px; color: #999; }
.Product_two h2 b { font-size: 30px; margin-left: 20px; color: #F00; }
.Product_two ul { font-size: 16px; line-height: 30px; display: table; width: 100%; }
.Product_two ul li { float: left; width: 50%; color: #666; }
.Product_two ul li span { color: #222; }
.Product_two ol { background: #F5F5F5; display: table; width: 100%; padding: 10px 20px 20px; box-sizing: border-box; margin: 20px 0px 0px; }
.Product_two ol h3 { font-size: 16px; font-weight: normal; line-height: 30px; margin: 0px; padding: 0px 0px 10px; }
.Product_two ol li { }
.Product_two ol li button { height: 35px; width: 35px; line-height: 30px; text-align: center; color: #333; background: #EAEAEA; border-style: none; border-radius: 3px; font-size: 24px; font-weight: bold; margin: 0px; padding: 0px; }
.Product_two ol li input { height: 33px; font-size: 14px; line-height: 33px; text-align: center; border: 1px solid #CCCCCC; border-radius: 3px; margin: 0px 5px; }
.Product_two p { display: table; width: 100%; text-align: center; margin-top: 40px; }
.Product_two p input { margin: 0px; padding: 0px; height: 45px; background: #FF6241; font-size: 20px; line-height: 45px; text-align: center; color: #FFF; border-style: none; border-radius: 3px; width: 260px; }
.Product_two p.p_two input { background: #EAEAEA; color: #666; }
.Product_three { display: table; width: 100%; border-bottom: 1px solid #DEDEDC; padding-top: 40px; }
.Product_three h3 { display: inline-block; color: #FF6241; border-bottom: 3px solid #FF6241; line-height: 40px; margin: 0px; padding: 0px 20px; font-size: 18px; }
.Product_four { display: table; width: 100%; }
.Product_four .box { display: table; width: 100%; font-size: 14px; padding: 30px 0px 50px; }
.Product_four .box img { max-width: 100%; }
.Product_five { display: table; width: 100%; padding: 0px 0px 60px; }
.Product_five h4 { display: table; width: 100%; border-bottom: 1px solid #DEDEDC; padding: 0px 0px 0px 20px; line-height: 45px; height: 45px; box-sizing: border-box; }
.Product_five .Recbrand { width: 960px; height: auto; position: relative; margin: 0px; padding: 5px 0px 0px; }
.Product_five .Recbrand .prev, .Product_five .Recbrand .next { display: inline-block; height: 80px; width: 20px; cursor: pointer; position: absolute; z-index: 10; top: 80px; margin: 0px; padding: 0px; font-size: 20px; font-weight: bold; line-height: 80px; }
.Product_five .Recbrand .prev { left: 0px; }
.Product_five .Recbrand .prev:hover { text-decoration: none; }
.Product_five .Recbrand .next { right: 0px; }
.Product_five .Recbrand .next:hover { text-decoration: none; }
.Product_five .Recbrand .Recbrand_box { width: 900px; margin: 0px 30px; display: block; overflow: hidden; height: 260px; }
.rollpicshow { float: left; border-style: none; padding: 0px; width: 1200px; }
.Product_five .Recbrand .rollpicshow ul { }
.Product_five .Recbrand .rollpicshow ul li { padding: 0px 15px 0px 0px; margin: 0px; height: 260px; width: 168px; }
.Product_five .Recbrand .rollpicshow ul li p { padding: 0px; margin: 0px; width: 100%; display: table; font-size: 12px; box-sizing: border-box; }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(1) { }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(2) { padding: 5px 0px 2px; }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(2) del { font-size: 12px; color: #999; }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(2) b { font-size: 14px; color: #F00; margin: 0px 0px 0px 10px; }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(3) { line-height: 18px; }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(3) a { height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.Product_five .Recbrand .rollpicshow ul li p:nth-child(4) { color: #666; margin-top: 5px; }

.Product_five .Recbrand .rollpicshow ul li a { display: table; width: 100%; box-sizing: border-box; border-style: none; }
.Product_five .Recbrand .rollpicshow ul li p:nth-child(1) a { display: flex; justify-content: center; align-items: center; height: 168px; width: 168px; }
.Product_five .Recbrand .rollpicshow ul li a img { width: auto; height: auto; max-width: 168px; max-height: 168px; }
/**/
.Product_six { width: 100%; }
.Product_six h3 { width: 100%; padding: 5px 0px 0px 15px; font-size: 14px; line-height: 40px; box-sizing: border-box; font-weight: bold; }
.Product_six ul { width: 100%; padding: 0px 15px; box-sizing: border-box; }
.Product_six ul li { padding: 0px 0px 15px; margin: 0px; width: 100%; }
.Product_six ul li p { padding: 0px; margin: 0px; width: 100%; display: table; font-size: 12px; box-sizing: border-box; }
.Product_six ul li p:nth-child(1) { }
.Product_six ul li p:nth-child(2) { padding: 5px 0px 2px; }
.Product_six ul li p:nth-child(2) del { font-size: 12px; color: #999; }
.Product_six ul li p:nth-child(2) b { font-size: 14px; color: #F00; margin: 0px 0px 0px 10px; }
.Product_six ul li p:nth-child(3) { line-height: 18px; }
.Product_six ul li p:nth-child(3) a { max-height: 36px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.Product_six ul li p:nth-child(4) { margin-top: 5px; color: #666; }
.Product_six ul li p:nth-child(1) a { width: 100%; box-sizing: border-box; border-style: none; display: flex; justify-content: center; align-items: center; height: 178px; width: 178px; }
.Product_six ul li p a img { max-width: 178px; max-height: 178px; }
/*========== 购物车 ==========*/
.Cart_on { width: 100%; display: table; padding: 180px 0px; }
.Cart_on ul { width: 875px; height: 245px; display: table; margin: 0px auto; position: relative; padding: 0px 0px 0px 305px; box-sizing: border-box; }
.Cart_on ul h3 { position: absolute; z-index: 2; left: 0px; top: 0px; height: 245px; width: 305px; background: url(Images/System/site_03.png) no-repeat center -30px; background-size: auto 100%; margin: 0px; padding: 0px; }
.Cart_on ul li { }
.Cart_on ul li:nth-child(2) { font-size: 28px; line-height: 50px; height: 50px; }
.Cart_on ul li:nth-child(3) { font-size: 16px; line-height: 50px; height: 50px; }
.Cart_on ul li:nth-child(4) { display: table; width: 100%; line-height: 45px; text-align: center; font-size: 20px; margin-top: 50px; }
.Cart_on ul li:nth-child(4) span { float: left; width: 50%; }
.Cart_on ul li:nth-child(4) a { font-size: 20px; float: left; width: 50%; background: #FF6241; border-radius: 3px; display: inline-block; border-style: none; line-height: 45px; margin: 0px; padding: 0px; height: 45px; color: #FFF; }
/**/
.Cart_list { }
.Cart_list .title { line-height: 80px; height: 80px; font-size: 28px; }
.Cart_list .box { }
.Cart_list .box table { }
.Cart_list .box table td { border-bottom: 1px solid #DDDDDD; padding: 15px 0px; }
.Cart_list .box table td img { max-height: 90px; max-width: 90px; }
.Cart_list .box table td button { height: 35px; width: 35px; line-height: 30px; text-align: center; color: #333; background: #EAEAEA; border-style: none; border-radius: 3px; font-size: 24px; font-weight: bold; margin: 0px; padding: 0px; }
.Cart_list .box table td input { height: 33px; font-size: 14px; line-height: 33px; text-align: center; border: 1px solid #CCCCCC; border-radius: 3px; margin: 0px 5px; width: 100px; }
.Cart_list .box table td a.iconfont { height: 35px; width: 35px; font-size: 24px; line-height: 35px; text-align: center; display: inline-block; color: #999; }
.Cart_list .box table td a:hover { color: #F00; text-decoration: none; }
.Cart_list .To_calculate { display: table; width: 100%; padding: 25px 0px 95px; }
.Cart_list .To_calculate ul { float: left; width: 450px; height: 120px; background: #F5F5F5; padding: 0px 20px 20px; box-sizing: border-box; }
.Cart_list .To_calculate ul h3 { font-size: 14px; color: #F86F53; font-weight: bold; margin: 5px 0px 0px; padding: 0px; line-height: 50px; height: 50px; }
.Cart_list .To_calculate ul li { margin-top: 5px; }
.Cart_list .To_calculate ul li input { height: 42px; width: 100%; line-height: 42px; margin: 0px; padding: 0px; border-radius: 3px; background: #EAEAEA; border-style: none; font-weight: normal; font-size: 18px; color: #666; }
.Cart_list .To_calculate ol { float: right; width: 720px; }
.Cart_list .To_calculate ol li { font-size: 14px; line-height: 40px; color: #999; padding: 0px 15px; background: #F5F5F5; }
.Cart_list .To_calculate ol li:nth-child(2n) { background: #FFF; }
.Cart_list .To_calculate ol li span { color: #F00; float: right; }
.Cart_list .To_calculate p { width: 100%; display: table; float: left; text-align: right; margin: 0px; padding: 30px 0px 0px; }
.Cart_list .To_calculate p input { margin: 0px; padding: 0px; height: 45px; background: #FF6241; font-size: 20px; line-height: 45px; text-align: center; color: #FFF; border-style: none; border-radius: 3px; width: 280px; }
/**/
.order_list { }
.order_list .title { font-weight: bold; line-height: 50px; height: 50px; font-size: 16px; border-bottom: 1px solid #DEDEDC; }
.order_list .box { }
.order_list .box table { }
.order_list .box table td { border-bottom: 1px solid #DDDDDD; padding: 12px 0px; }
.order_list .box table td img { max-height: 70px; max-width: 70px; }
.order_list .box table td button { height: 35px; width: 35px; line-height: 30px; text-align: center; color: #333; background: #EAEAEA; border-style: none; border-radius: 3px; font-size: 24px; font-weight: bold; margin: 0px; padding: 0px; }
.order_list .box table td input { height: 33px; font-size: 14px; line-height: 33px; text-align: center; border: 1px solid #CCCCCC; border-radius: 3px; margin: 0px 5px; width: 100px; }
.order_list .box table td a.iconfont { height: 35px; width: 35px; font-size: 24px; line-height: 35px; text-align: center; display: inline-block; color: #999; }
.order_list .box table td a:hover { color: #F00; text-decoration: none; }
.order_list .To_calculate { display: table; width: 100%; padding: 25px 0px 95px; }
.order_list .To_calculate ul { float: left; width: 450px; background: #F5F5F5; padding: 0px 20px 11px; box-sizing: border-box; }
.order_list .To_calculate ul h3 { font-size: 14px; color: #F86F53; font-weight: bold; margin: 0px; padding: 8px 0px 0px; line-height: 40px; height: 40px; }
.order_list .To_calculate ul li { border-bottom: 1px dotted #CCC; padding: 10px 0px; }
.order_list .To_calculate ul li:last-child { border-bottom: none; }
.order_list .To_calculate ul li label { display: table; width: 100%; cursor: pointer; }
.order_list .To_calculate ul li label span { display: table; width: 100%; padding: 0px 0px 0px 35px; position: relative; box-sizing: border-box; }
.order_list .To_calculate ul li label span img { height: 30px; }
.order_list .To_calculate ul li label input { display: none; }
.order_list .To_calculate ul li span:before { content: ""; border: 1px solid #999999; background: #F3F3F3; display: inline-block; height: 20px; width: 20px; position: absolute; left: 0px; top: 5px; border-radius: 100%; }
.order_list .To_calculate ul li input:checked + span:after { content: ""; background: #666; display: inline-block; height: 10px; width: 10px; position: absolute; left: 6px; top: 11px; border-radius: 100%; }
.order_list .To_calculate ol { float: right; width: 720px; }
.order_list .To_calculate ol li { font-size: 14px; line-height: 40px; color: #999; padding: 0px 15px; background: #F5F5F5; }
.order_list .To_calculate ol li:nth-child(2n) { background: #FFF; }
.order_list .To_calculate ol li span { color: #F00; float: right; }
.order_list .To_calculate p { width: 100%; display: table; float: left; text-align: right; margin: 0px; padding: 30px 0px 0px; }
.order_list .To_calculate p input { margin: 0px 0px 0px 30px; padding: 0px; height: 45px; background: #EAEAEA; font-size: 20px; line-height: 45px; text-align: center; color: #666; border-style: none; border-radius: 3px; width: 280px; }
.order_list .To_calculate p input:nth-child(2) { background: #FF6241; color: #FFF; }
/**/
.order_yes { padding: 80px 20% 50px; }
.order_yes ul { width: 100%; display: table; padding: 0px 0px 0px 150px; position: relative; color: #666; }
.order_yes ul h1 { margin: 0px; padding: 0px; position: absolute; z-index: 2; left: 0px; top: 20px; }
.order_yes ul h1 .iconfont { color: #3BAE56; height: 100px; width: 100px; font-size: 100px; line-height: 100px; }
.order_yes ul h2 { }
.order_yes ul h3 { font-size: 16px; font-weight: normal; color: #999; border-bottom: 1px dotted #CCC; padding: 30px 0px; margin: 0px 0px 30px; }
.order_yes ul li { font-size: 16px; margin-top: 15px; }
.order_yes ul p { margin: 0px; padding: 50px 0px 100px; font-size: 16px; line-height: 35px; color: #999; }
.order_yes ul p .btn { margin: 0px 0px 0px 20px; border-style: none; line-height: 35px; padding: 0px; height: 35px; width: 200px; border-radius: 3px; background: #FA6A4D; color: #FFF; }
.order_yes ul p .btn:nth-child(3) { background: #EAEAEA; color: #666; }
/*========== 账号中心 ==========*/
.User_Nav { float: left; width: 260px; display: table; padding: 0px 0px 100px; }
.User_Nav h3 { width: 100%; display: table; padding: 0px 0px 0px 20px; color: #999900; background: #F9F9F9; box-sizing: border-box; font-size: 16px; line-height: 50px; height: 50px; }
.User_Nav ul { width: 100%; display: table; background: #EAEAEA; padding: 30px 0px 180px 15px; box-sizing: border-box; margin: 2px 0px 0px; }
.User_Nav ul li { width: 100%; display: table; margin: 0px 0px 10px; }
.User_Nav ul li a { width: 100%; display: table; font-size: 16px; line-height: 50px; padding: 0px 5px 0px 20px; box-sizing: border-box; }
.User_Nav ul li.on a { background: #FFF; color: #F00; }
.User_Right { width: 900px; display: table; float: right; }
.User_Right_title { width: 100%; display: table; padding: 0px; color: #666; box-sizing: border-box; font-size: 20px; line-height: 50px; height: 50px; border-bottom: 2px solid #DEDEDC; }
.User { width: 100%; display: table; }
.User .box { width: 100%; display: table; padding: 0px 0px 0px 200px; box-sizing: border-box; position: relative; }
.User .box h3 { width: 200px; display: table; position: absolute; z-index: 2; left: 0px; top: 0px; line-height: 40px; margin: 0px; padding: 0px; font-size: 14px; }
.User .box ul { width: 100%; display: table; }
.User .box ul li { width: 100%; display: table; line-height: 40px; font-size: 14px; background: #F5F5F5; padding: 0px 0px 0px 20px; box-sizing: border-box; }
.User .box ol { width: 100%; display: table; }
.User .box ol li { width: 100%; display: table; line-height: 40px; font-size: 14px; background: #FFF; padding: 0px 0px 0px 20px; box-sizing: border-box; }
.User .box ol li:nth-child(2n) { background: #F5F5F5; }
/**/
.User_form { width: 100%; display: table; }
.User_form .box { width: 450px; display: table; margin: 0px auto; }
.User_form ul { display: table; width: 480px; margin: 0px; padding: 0px; float: left; }
.User_form ul .input-text { display: table; width: 450px; line-height: 35px; height: 35px; font-size: 14px; box-sizing: border-box; }
.User_form ul .span_select { display: table; width: 450px; line-height: 33px; height: 33px; font-size: 14px; box-sizing: border-box; border: solid 1px #CCCCCC; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; position: relative; }
.User_form ul .span_select:before { position: absolute; content: ""; z-index: 4; top: 14px; right: 12px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #A6A7AC; }
.User_form ul .span_select select { width: 100%; border-style: none; padding: 0px 10px; line-height: 33px; height: 33px; position: relative; z-index: 2; -webkit-appearance: none; background-color: transparent; }
.User_form ul li:nth-child(1) { line-height: 20px; height: 20px; font-size: 15px; margin: 0px; padding: 0px 0px 10px; }
.User_form ul li .focus { width: 450px; height: 15px; font-size: 12px; color: #F00; display: block; line-height: 15px; text-align: right; padding: 5px 0px 0px; }
.User_form p { display: table; width: 100%; line-height: 80px; margin: 0px; padding: 0px; float: left; text-align: center; }
.User_form p .btn { display: inline-block; width: 175px; line-height: 40px; height: 40px; font-size: 16px; color: #FFF; background: #FA6A4D; text-align: center; border-style: none; border-radius: 3px; }
/**/
.User_search { width: 100%; display: table; }
.User_search ul { width: 100%; display: table; padding: 30px 0px 0px; }
.User_search ul li { float: left; line-height: 30px; padding: 0px 10px 0px 0px; }
.User_search ul li input[type="text"] { font-size: 12px; border: 1px solid #CCC; line-height: 28px; padding: 0px 15px; height: 30px; box-sizing: border-box; width: 200px; float: left; }
.User_search ul li input.btn { line-height: 30px; padding: 0px 15px; height: 30px; box-sizing: border-box; border-style: none; text-align: center; color: #FFF; background: #FF6241; font-size: 12px; float: left; border-radius: 3px; }
.User_search .span_select { display: table; line-height: 28px; height: 28px; font-size: 14px; box-sizing: border-box; border: solid 1px #CCCCCC; box-shadow: 1px 1px 2px rgba(0,0,0,0.1) inset; position: relative; }
.User_search .span_select:before { position: absolute; content: ""; z-index: 4; top: 11px; right: 8px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #A6A7AC; }
.User_search .span_select select { width: 100%; border-style: none; padding: 0px 30px 0px 10px; line-height: 28px; height: 28px; position: relative; z-index: 2; -webkit-appearance: none; background-color: transparent; }
.User_table { width: 100%; display: table; }
.User_table .title { width: 100%; display: table; background: #F2F2F2; margin-bottom: 15px; }
.User_table .title li { float: left; line-height: 35px; text-align: center; color: #999; }
.User_table .title li:nth-child(1) { width: 420px; }
.User_table .title li:nth-child(2) { width: 150px; }
.User_table .title li:nth-child(3) { width: 150px; }
.User_table .title li:nth-child(4) { width: 180px; }
.User_table .list { width: 100%; display: table; }
.User_table table { margin: 0px 0px 15px; }
.User_table table tr { }
.User_table table tr th { background: #F2F2F2; line-height: 35px; padding: 0px 25px; color: #666; }
.User_table table tr td { border: 1px solid #EEE; box-sizing: border-box; text-align: center; }
.User_table table tr td span { text-align: center; width: 100%; display: table; }
.User_table table tr td:nth-child(1) { }
.User_table table tr td:nth-child(1) a { width: 100%; min-height: 100px; display: block; padding: 15px 15px 15px 95px; text-align: left; position: relative; box-sizing: border-box; }
.User_table table tr td:nth-child(1) a p { padding: 5px 0px; text-align: left; font-size: 14px; }
.User_table table tr td:nth-child(1) a p span { display: inline-block; width: auto; }
.User_table table tr td:nth-child(1) a p:nth-child(1) { position: absolute; z-index: 2; left: 15px; top: 15px; margin: 0px; padding: 0px; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; }
.User_table table tr td:nth-child(1) a p:nth-child(1) img { max-width: 70px; max-height: 70px; }
.User_table table tr td:nth-child(2) { width: 150px; }
.User_table table tr td:nth-child(3) { width: 150px; }
.User_table table tr td:nth-child(6) { width: 180px; }
.User_table table tr td:nth-child(6) span { line-height: 40px; }
.User_table table tr td:nth-child(6) input.btn { line-height: 30px; padding: 0px 15px; height: 30px; box-sizing: border-box; border-style: none; text-align: center; color: #FFF; background: #FF6241; font-size: 12px; border-radius: 3px; }
.Order_detailed { width: 100%; display: table; }
.Order_detailed ul { border-bottom: 1px solid #EEEEEE; }
.Order_detailed li { padding: 5px 0px; font-size: 14px; color: #777; }
.Order_detailed li input.btn { line-height: 30px; padding: 0px 15px; height: 30px; box-sizing: border-box; border-style: none; text-align: center; color: #FFF; background: #FF6241; font-size: 12px; border-radius: 3px; }
.Order_detailed li span { margin-left: 5px; }
.Order_detailed h2 { line-height: 60px; font-size: 14px; font-weight: bold; margin: 0px; padding: 0px; }
.Order_detailed table { }
.Order_detailed table tr { }
.Order_detailed table tr td { border-bottom: 1px solid #EEE; box-sizing: border-box; text-align: center; }
.Order_detailed table tr td span { text-align: center; width: 100%; display: table; }
.Order_detailed table tr td:nth-child(1) { }
.Order_detailed table tr td:nth-child(1) a { width: 100%; min-height: 100px; display: block; padding: 15px 15px 15px 95px; text-align: left; position: relative; box-sizing: border-box; }
.Order_detailed table tr td:nth-child(1) a p { padding: 5px 0px; text-align: left; font-size: 14px; }
.Order_detailed table tr td:nth-child(1) a p span { display: inline-block; width: auto; }
.Order_detailed table tr td:nth-child(1) a p:nth-child(1) { position: absolute; z-index: 2; left: 15px; top: 15px; margin: 0px; padding: 0px; display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; }
.Order_detailed table tr td:nth-child(1) a p:nth-child(1) img { max-width: 70px; max-height: 70px; }
.Order_detailed table tr td:nth-child(2) { width: 150px; }
.Order_detailed table tr td:nth-child(3) { width: 150px; }
/*========== 页面适配布局样式 ==========*/
@media ( max-width:1200px ) {
.Sys_top { width: 1200px; }
.Sys_top .box { padding: 0px 15px; box-sizing: border-box; }
.Sys_search { width: 1200px; }
.Sys_nav { width: 1200px; }
.Sys_email { width: 1200px; }
.Sys_footer { width: 1200px; }
}
@media ( max-width: 767px ) {
.navbar-nav { display: table; }
.navbar-nav>ul>li, .navbar-nav>ul>li>a { height: 48px!important; line-height: 48px!important; text-align: center; }
.navbar-nav > ul > li.dropDown.open > .dropDown-menu { display: table }
}