@charset "utf-8";
.w { margin: 0 auto; width: 1020px; }
.header { padding: 10px 25px; }
.header .logo { display: block; float: left; width: 220px; height: 60px; }
.header .cut { float: right; color: #5e5e5e; }
.header .cut a { color: #5e5e5e; }
.container { padding: 10px 0; }
.banner { margin-bottom: 10px; height: 230px; }
.nav { background: #314690; }
.nav a { display: inline-block; font-size: 14px; height: 40px; line-height: 40px; color: #fff; padding: 0 12px; }
.nav a.allsort { background: #E67200; }
.nav a.check { background: url(img/check-btn.png) no-repeat center center; width: 95px; text-align: center; }
.step { height: 82px; margin-bottom: 10px; }
.step-s { height: 82px; margin-bottom: 10px; }
.page-home .main { width: 680px; float: left; }
.page-home .paystatus { width: 680px; float: left; font-size:18px;}
.page-home .side { width: 292px; float: right; }
.page-home .side h2 { color: #314690; font-size: 18px; padding-left: 14px; height: 40px; line-height: 40px; background: #F4F4F4; border-bottom: 1px solid #b6c0e2; }
.page-home .side p { padding: 20px 14px; font-size: 21px; color: #767676; background: #FAFAFA; margin-bottom: 10px; }
.page-home .side p span { color: #2f4793; font-size: 66px; font-family: Arabic Typesetting; line-height: 40px; }
.page-home .side .contact { background: #FAFAFA; padding: 2px 15px 10px; line-height: 30px; font-size: 16px; }
.page-home .prolist h2 {overflow:hidden;zoom:1;height:30px; color: #333333; padding-left: 10px; font-size: 14px; font-weight: 600; padding-bottom: 5px; }
.page-home .prolist h2 strong{float:left;font-weight:bold;line-height:30px;}
.page-home .prolist h2 p { background: url(img/sprite.png) no-repeat; display: inline-block; margin-left: 20px; padding-left: 10px; vertical-align: middle; }
.page-home .prolist h2 em { overflow: hidden; background: url(img/sprite.png); background-position: 0 -30px; background-repeat: repeat-x; color: #FF3303; display: block; float: left; font-size: 12px; font-weight: normal; height: 22px; line-height: 14px; padding: 7px 15px 0; }
.page-home .prolist h2 span { background: url(img/sprite.png); background-position: right 0; display: block; float: left; padding-right: 5px; }
.page-home .prolist h2 a { margin-left: 10px; }
.page-home .prolist li { background: #fafafa; padding: 10px 5px; margin-bottom: 8px; }
.page-home .prolist .bd { float: left; width: 650px; }
.page-home .prolist img { float: left; }
.page-home .prolist .desc { color: #676767; }
.exp { float: right; width: 117px; }
.exp a { font-size: 16px; color: #fff; text-align: center; height: 36px; line-height: 36px; background: #2e4794; display: block; border-radius: 5px; }
.exp .price { padding: 10px 5px; font-size: 16px; color: #888888; }
.exp .price span { font-size: 25px; color: #e67200; }
.exp .price em { font-size: 12px; }
.guide { background: #fafafa; }
.guide .hd { height: 33px; line-height: 33px; background: #F4F4F4; padding: 0 12px; border-bottom: 1px solid #b4bee5; }
.guide .hd h2 { font-size: 16px; color: #304791; float: left; }
.guide .hd a { float: right; color: #f96f00; }
.guide .bd { padding: 10px 30px; }
.guide li { float: left; width: 300px; height: 24px; line-height: 24px; padding-left: 10px; background: url(img/dot.gif) no-repeat 0 center; }
.guide li a { color: #676767; }
.footer { border-top: 2px solid #304791; text-align: center; background: #fafafa; padding: 15px 0 30px; }
/*��������*/

.crumb { height: 33px; line-height: 33px; background: #f4f4f4; padding: 0 12px; font-size: 14px; color: #2d3a88; border-bottom: 1px solid #b7bddf; margin-bottom: 25px; }
.faq a { color: #4488bb; }
.faqli { color: #ffffff; font-size: 14px; font-weight: lighter; list-style: none; line-height: 25px; padding-left: 50px; }
.faq { padding: 10px 0;  }
.faq h1 {  display: block; font-size: 14px; height: 30px; line-height: 30px; margin-top:10px;padding-left: 8px; }
.faq strong { font-weight: bold; color: #376B92; }
.faq p {  line-height: 2em; padding-left: 2em; margin: 0; }
.faq b { color: #000099; font-size: 14px; margin-bottom: 2px; padding-top: 5px; }
.faqneip { padding-left: 60px; line-height: 2em; margin: 5px; }
.star { padding-left: 60px; margin-bottom: 2px; }
#back-top { display: block; width: 24px; height: 87px; background: url(img/back-top.jpg); bottom: 30px; right: 20px; position: fixed; }
.nav-tabs { width: 100%; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align:auto;
zoom: 1; *display:inline;
border-bottom: 1px solid #c9c9c9; overflow: visible; }
.nav-tabs li { float: left; height: 35px; line-height: 35px; color: #000; margin-right: 5px; margin-bottom: -1px; text-align: center }
.nav-tabs li a { line-height: 33px; height: 33px; border: 1px solid #c9c9c9; padding: 0 20px; float: left; border-bottom: none; cursor: pointer; color: #666; font-size: 14px }
.nav-tabs li a:hover { text-decoration: none }
.nav-tabs li a:hover { background-color: #efefef; color: #000 }
.nav-tabs li.cur a { border-top: solid #ff9900 2px; background-color: #fff; border-bottom: none; color: #000; font-weight: bold }
/*����*/
.mark { background: #000; opacity: 0.5; filter: alpha(opacity=50); position: fixed; _position: absolute; ; top: 0; left: 0; z-index: 100; display: none; height: 100%; width: 100%; }
.pop { display: none; background: #fff; border: 1px solid #aca8a3; padding: 10px; width: 500px; position: absolute; z-index: 1000; }
.pop .hd { height: 30px; line-height: 26px; padding: 0 10px; border-bottom: 1px solid #ccc; }
.pop .hd h2 { font-size: 14px; color: #666666; float: left; }
.pop h3 { font-weight: bold; font-size: 14px; }
.pop .bd { border-bottom: 1px dotted #ccc; line-height: 26px; padding: 10px; }
.pop .hd a.close { float: right; font-size: 18px; color: #666666; }
.pop .bd a { color: #0066cc; }
.pop .btns { padding: 15px 0 15px 120px; }
.pop .ok { }
.pop .btn { display: inline-block;  *display: inline;
padding: 4px 12px; margin-bottom: 0;  *margin-left: .3em;
font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5;  *background-color: #e6e6e6;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc;  *border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 *zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.pop .btn:hover,.pop  .btn:focus,.pop  .btn:active, .pop .btn.active,.pop  .btn.disabled, .pop .btn[disabled] { color: #333333; background-color: #e6e6e6;  *background-color: #d9d9d9;
}
.pop .btn:active, .pop .btn.active { background-color: #cccccc \9; }
.pop .btn:first-child {  *margin-left: 0;
}
.pop .btn:hover,.pop  .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.pop .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.pop .btn.active,.pop  .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.pop .btn-ok { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b;  *background-color: #51a351;
background-image: -moz-linear-gradient(top, #62c462, #4aad18); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#4aad18)); background-image: -webkit-linear-gradient(top, #62c462, #4aad18); background-image: -o-linear-gradient(top, #62c462, #4aad18); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.pop .btn-ok:hover, .btn-ok:focus, .btn-ok:active, .btn-ok.active, .btn-ok.disabled, .btn-ok[disabled] { color: #ffffff; background-color: #51a351;  *background-color: #499249;
}
.pop .btn-ok:active, .btn-ok.active { background-color: #408140 \9; }
.pop .form { padding: 10px; }
.pop .form li { margin-bottom: 15px; padding-left: 70px; line-height: 30px; }
.pop .form-label { margin-left: -70px; float: left; color: #666; }
.pop .txt { background-color: #FFFFFF; border: 1px solid #CCCCCC; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block; font-size: 14px; height: 20px; line-height: 20px; padding: 4px 6px; vertical-align: middle; width: 206px; }
.pop textarea.txt { width: 300px; height: 100px; }