@charset "utf-8";
@import url('/style/CSS/_base.css');

/* CSS Document */
#loginBar{ width:100%; height:48px; background:#4E4E4E; border-bottom:#d52b50 3px solid; line-height:48px}
#loginBar .login{ margin:0 auto; width:1160px}
#loginBar .login .logo{ width:171px; height:48px; float:left}
#loginBar .login .logo a{ display:inline-block; width:171px; height:48px; background:url(/plugins/forum/images/logo.png) no-repeat}
#loginBar .login .fmenu{ width:820px; height:48px; text-align:center; float:left}
#loginBar .login .fmenu a{ margin:0 12px; color:#FFF; font-size:14px; font-weight:700}
#loginBar .login .re{ float:right; padding-left:22px; background:url(/templates/xuchang/IMG/person.png) no-repeat left}
#loginBar .login .re a{ color:#FFF; font-size:14px; font-weight:800}


/*会员中心样式
----------------------------------------------*/
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden}
.info-box{ float:left; width:200px; background:#eef8fa; border:1px solid #e8ecef}
.home-box{ position:relative; display:block; margin:0 0 0 217px; overflow:hidden}

.login-box{ width:100%; min-height:500px; _height:500px; background:#f1f1f1}
.section{position: relative; margin:0 auto; width:1200px; min-height:500px; _height:500px}
.login-left{ position:absolute; top:30px; left:0; right:320px; bottom:0; background:url(../IMG/login-bg.png) no-repeat center center; _width:500px; _height:320px; _top:100px; _left:160px}
.login-right{ float:right; margin:30px auto; padding:20px; width:300px; text-align:left; border:1px solid #e5e5e5; border-radius:3px; background:#fff}

.avatar-box{ padding:15px; background:#F7F8FD; overflow:hidden}
.avatar-box .img-box{ display:block; float:left; margin-right:10px; padding:1px; border:1px solid #fff; background:#fff; *width:60px; *height:60px; overflow:hidden}
.avatar-box .img-box img{ width:60px; height:60px}
.avatar-box h3{ color:#6c757e; font-size:16px; line-height:1em; height:24px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.avatar-box p{ color:#6c757e; font-size:12px; line-height:20px}

.side-nav{ border-top:1px solid #e8ecef}
.side-nav li{ padding:5px 0; zoom:1}
.side-nav li a{ position:relative; display:block; margin:0 15px; padding:8px 15px; color:#6c757e; font-size:14px; line-height:20px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.side-nav li a:hover{ color:#fff; border-radius:3px; background:#277bb9}

.u-tab-head{ margin-bottom:15px; height:40px; background:#fbfbfb; border:1px solid #e8ecef}
.u-tab-head p a{ float:left; display:block; margin:-1px 0 auto -1px; padding:11px 25px; line-height:20px; height:20px; color:#7f838c; font-size:14px; border-left:1px solid #e8ecef; border-right:1px solid #e8ecef}
.u-tab-head p a:hover,.u-tab-head p a.selected{ color:#fff; background:#d52b50}
.u-tab-head span{ float:right; line-height:40px}
.u-tab-head span .add{ display:block; padding:10px 15px; line-height:20px; font-size:12px}
.u-tab-content{ position:relative; padding:15px; background:#fbfbfb; border:1px solid #f0f0f0; min-height:398px; overflow:hidden; _height:398px; _overflow:visible}
.u-tab-content .ntitle{ margin:0 auto; padding:0 0 10px 0}
.u-tab-content .ntitle-tit{ margin:0 0 10px; padding:0; color:#444; font-size:16px; font-weight:normal}
.u-tab-content .ntitle-info{color:#999}
.u-tab-content p{ margin:0; padding:3px 0; color:#444; font-size:13px; line-height:24px}
.title-div{ margin-top:20px; border-top:1px solid #f0f0f0; height:26px; color:#6e717a}
.title-div strong{ float:left; margin-top:-16px; padding:3px 10px 3px 0; background:#fbfbfb; font-size:15px; _position:absolute}
.head-box{ padding:10px; border:1px solid #f6f6f6; background:#fff}
.head-box .img-box{ float:left; margin-right:10px}
.head-box .img-box img{ padding:1px; width:120px; height:120px; border:1px solid #f0f0f0}
.head-box .inner{ float:left}
.head-box .inner h3{ margin-bottom:15px; color:#3b8dd1; font-size:24px; font-weight:normal; line-height:1.3em}
.head-box .inner p{ color:#222; font-size:14px; line-height:24px}
.head-inner{ position:relative; margin:20px 0 10px 0; padding:10px; border:1px solid #f6f6f6; background:#fff}
.head-inner h3{ margin-bottom:10px; padding-bottom:8px; color:#3b8dd1; font-size:16px; font-weight:normal; line-height:30px; border-bottom:1px solid #f0f0f0}
.head-inner dl{ display:block; float:left; width:50%; line-height:2.8em; font-size:13px}
.head-inner dl dt{ display:block; float:left; color:#666}
.head-inner dl dd{ color:#999}
.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px}
.form-box dl{ display:block; padding:5px 0}
.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden}
.form-box dl dt{ display:block; float:left; width:120px; line-height:38px; min-height:38px; color:#555; font-size:13px; text-align:right; _position:absolute}
.form-box dl dd{ position:relative; padding:5px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:13px; overflow:hidden; _margin-left:120px}
.form-box dl dd label.radio{ margin-right:5px}
.accept-box{ padding:0; background:#fff; border:1px solid #f0f0f0}
.accept-box dl{ padding:0}
.accept-box dl.head{ position:relative; padding:0; background:#fbfbfb; border-bottom:1px solid #e8e8e8}
.accept-box dl.head .btn-pay{ position:absolute; top:6px; right:6px; display:block; padding:0 15px; color:#fff; font-size:12px; height:24px; line-height:24px; background:#52A152; border:1px solid #417F41; border-radius:2px}

.step-box{ position:relative}
.step-box ul{ margin:0 -40px 0 -10px}
.step-box ul li{ position:relative; float:left; margin-right:-8px; width:20%; text-align:center; color:#8c8c8c; font-size:12px}
.step-box ul li .progress{ color:#fff}
.step-box ul li .progress:after,
.step-box ul li .progress:before{ position:absolute; top:0; right:0; content:""; width:10px; height:20px; background:url(../images/delivery.png) no-repeat 100% -60px}
.step-box ul li .progress:after{ right:0; background-position:100% -20px}
.step-box ul li .progress:before{ left:0; background-position:0 0}
.step-box ul li .progress .text{ display:block; margin:0 10px; padding:1px 10px; background:#c3c3c3; height:18px; line-height:18px}
.step-box ul li.done .progress .text{ background:#83bd39}
.step-box ul li.done .progress:before{ background-position:0 -40px}
.step-box ul li.done .progress:after{ background-position:100% -60px}
.step-box ul li.first .progress:before{ display:none}
.step-box ul li.last .progress:after{ display:none}
.step-box ul li .info{ line-height:20px}
.step-box.mini ul{ margin:0 -32px 0 -10px}
.step-box.mini ul li{ width:25%}

/*头像上传*/
.avatar-img{ display:block; margin:20px 0; padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff}
.avatar-img img{ width:180px; height:180px}
.cropper-wraper{ margin-top:20px}
.cropper-wraper .cropper-box{ position:relative; float:left; margin-right:20px; padding:1px; width:350px; height:350px; text-align:center; border:1px solid #f0f0f0; border-radius:2px; background:#f4f4f4; text-align:center; vertical-align:middle}
.cropper-wraper .cropper-box div{ margin:auto; vertical-align:middle}

.cropper-wraper .cropper-view{ float:left; width:184px}
.cropper-wraper .cropper-view .img-box{ padding:1px; width:180px; height:180px; border:1px solid #f0f0f0; border-radius:2px; background:#fff; overflow:hidden}
.cropper-wraper .cropper-view .img-box img{ display:block; width:180px; height:180px}
.cropper-wraper .cropper-view .btn-box p{ margin:8px 0; text-align:center; color:#333; font-size:13px; line-height:24px}
.cropper-wraper .cropper-view .btn-box p.tip{ text-align:left; color:#999; font-size:13px; line-height:22px}
.cropper-wraper .cropper-view .btn-box .btn{ display:inline-block; width:100%; line-height:34px; height:36px; background:#d52b50; text-align:center; color:#fff; line-height:35px; border:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; cursor:pointer}
.cropper-wraper .cropper-view .btn-box .btn:hover{ opacity:0.9}

.ftable{ width:100%; border:1px solid #f0f0f0; background:#fff}
.mtable{ width:100%; background:#fff; _width:auto}
.mtable th,.ftable th{ padding:0.8em; color:#6e717a; font-size:13px; font-weight:400; background:#fbfbfb; border-bottom:1px solid #e8e8e8}
.mtable td,.ftable td{ padding:0.8em; color:#333; font-size:13px; border-bottom:1px solid #F3F3F3}
.ftable td .img{ padding:1px; width:60px; height:60px; border:1px solid #e8e8e8}
.ftable td s{ color:#999; text-decoration:line-through}
.mtable .tr_odd_bg,.ftable .tr_odd_bg{ background:#f9f9f9}
.page-foot{ clear:both; font-size:13px; padding-top:15px; height:35px}
.page-btns{ float:left}
.page-btns a{ color:#444; font-weight:bold; margin-right:5px}
.page-btns .pipe{ color:#cbcbcb; margin:0 5px}

.login-right h1{ margin-bottom:20px; color:#555; font-size:22px; font-weight:700; letter-spacing:3px; line-height:30px; height:30px; text-align:center}
.login-right li{ position:relative; clear:both; margin-bottom:10px; height:50px; *display:inline; *zoom:1}
.login-right li label{ position:absolute; top:1px; left:10px; width:68px; height:40px; line-height:40px; color:#999; font-size:14px}
.login-right li input{ display:block; margin:0; padding:10px 10px 10px 80px; width:208px; height:20px; line-height:20px; border:1px solid #e8e8e8; background:#fbfcff; color:#333; font-size:14px; border-radius:3px}
.login-right li input:focus{ border-color:#999}
.login-right li span{ line-height:24px}
.login-right .btn-box .col{ clear:both; margin-bottom:10px; padding-bottom:10px; color:#555; font-size:14px; line-height:20px}
.login-right .btn-box .col .submit{ display:block; padding:10px 20px; width:100%; color:#fff; font-size:14px; line-height:20px; border:0; background:#1e7bb3; text-align:center; border-radius:3px; cursor:pointer}
.login-right .btn-box .tips{ display:none; margin:0; padding:0; text-align:center; font-size:12px; color:#f00}
.login-right .oauth-box { clear:both; padding-top:20px}
.login-right .oauth-box h3{ display:block; margin-bottom:10px; color:#555; font-size:14px; line-height:30px; height:30px; font-weight:normal}
.login-right .oauth-box p{ margin-left:-25px}
.login-right .oauth-box p a{ display:block; float:left; margin:0 0 10px 25px; _display:inline; _zoom:1}
.login-right .oauth-box p a img{ width:38px; height:38px}

.inner-box{ margin:30px 0; min-height:350px; _height:350px; border:1px solid #f0f0f0; background:#fff; text-align:center}
.inner-box .dl-list{ margin:0 auto; padding:30px; text-align:left; width:879px; font-size:14px}
.inner-box .dl-list dl{ clear:both; display:block; padding:5px 0}
.inner-box .dl-list dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden}
.inner-box .dl-list dl dt{ display:block; padding:5px 0; float:left; width:30%; line-height:42px; min-height:42px; color:#555; text-align:right}
.inner-box .dl-list dl dd{ position:relative; padding:5px 0 5px 20px; line-height:42px; min-height:42px; color:#555; overflow:hidden; _margin-left:120px}
.inner-box .dl-list dl dd .input{ padding:10px}
.inner-box .dl-list dl dd a.send{ display:inline-block; color:#555; border:1px solid #e8e8e8; border-radius:3px; width:110px; height:40px; line-height:40px; color:#333; font-size:14px; text-align:center; background:#fff; vertical-align:middle}
.inner-box .dl-list dl dd a.send.gray{ color:#999}
.inner-box .dl-list dl dd a.send img{ margin-top:9px}
.inner-box .dl-list dl dd .input.code{ width:84px; ime-mode:disabled; text-transform:uppercase}

.inner-box .tab-head{ display:block; border-bottom:1px solid #f0f0f0; background:#fbfbfb; overflow:hidden}
.inner-box .tab-head ul li{ float:left; margin-left:-1px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0}
.inner-box .tab-head ul li a{ display:block; padding:0 30px; height:50px; line-height:50px; color:#555; font-size:14px}
.inner-box .tab-head ul li a:hover,.inner-box .tab-head ul li a.selected{ color:#666; background:#fff; border-bottom:2px solid #0089cd}
.inner-box .tab-content{ display:none}

/*以下部分是WebUploader必须的
----------------------------------------------*/
.webuploader-container{ position:relative}
.webuploader-element-invisible{ position:absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px)}
.webuploader-pick{ position:relative; display:inline-block; padding:0 25px; line-height:32px; height:32px; border-radius:2px; cursor:pointer; background:#d52b50; color:#fff; text-align:center; overflow:hidden; zoom:1; *display:inline}
.webuploader-pick-hover{ opacity:0.9}
.webuploader-pick-disable{ opacity:0.6; pointer-events:none}
.upload-box{ position:relative; display:inline-block; height:32px; vertical-align:middle; zoom:1; *display:inline}
.upload-box .upload-btn{ display:inline-block; height:32px; zoom:1; *display:inline}
.upload-box .upload-progress{ position:absolute; top:0; left:0; padding:2px 5px; width:115px; height:28px; border:1px solid #d7d7d7; background:#fff; overflow:hidden}
.upload-box .upload-progress .txt{ display:block; padding-right:10px; font-weight:normal; font-style:normal; font-size:11px; line-height:18px; height:18px; text-overflow:ellipsis; overflow:hidden}
.upload-box .upload-progress .bar{ position:relative; display:block; width:112px; height:4px; border:1px solid #1da76b}
.upload-box .upload-progress .bar b{ display:block; width:0%; height:4px; font-weight:normal; text-indent:-99em; background:#28B779; overflow:hidden}
.upload-box .upload-progress .close{ position:absolute; display:block; top:1px; right:1px; width:14px; height:14px; text-indent:-99em; background:url(../images/sprite.gif) 0 -240px no-repeat; cursor:pointer; overflow:hidden}
	
/******网站底部*****/
.jiaerNum{ margin:0 auto; width:1224px; height:296px; background:url(/templates/Jiakao/IMG/luicheng01.jpg);}
.nazhengContent{margin:0 auto; width:1270px; height:140px;}
.nazhengContent .left{ width:520px; height:140px; float:left;background:url(/templates/Jiakao/IMG/luicheng02.jpg);}
.nazhengContent .runnum{ width:212px; height:80px;  padding-top:55px; float:left}
.nazhengContent .right{ width:529px; height:140px; float:left;background:url(/templates/Jiakao/IMG/luicheng03.jpg);}
.content_f{ margin:0 auto; padding-top:14px; width:1200px}
#link{ margin-top:40px; width:100%; background:#4E4E4E; height:120px; border-bottom:#888 1px solid}
#link .content_f p.link_t{ height:30px; line-height:30px; font-size:16px; color:#BBB; text-align:left; }
#link .content_f p.link_c{ margin-top:12px; line-height:1.8em; font-size:14px}
#link .content_f p.link_c a{ display:inline-block; margin:0 18px; color:#BBB}
#link .content_f p.link_c a:hover{ color:#FFF}
#footer{ width:100%; background:#4E4E4E}
#footer .content_f .nav_f{ margin:16px 0; width:100%; text-align:center; color:#BBB}
#footer .content_f .nav_f a{ color:#BBB}
#footer .content_f .nav_f a:hover{ color:#FFF}
#footer .content_f .Copy{ width:100%; text-align:center; color:#BBB}
#footer .content_f .vPic{ width:100%; text-align:center}
#footer .content_f .vPic img{ margin:20px 10px}

/*文本框样式*/
input.wide{ width:250px; }
input.txt{ width:200px; }
input.small{ width:50px; }
.input{ display:inline; margin-right:5px; padding:7px; height:20px; line-height:20px; vertical-align:middle; background:#fff; color:#999px; border:1px solid #e8e8e8; border-radius:2px; }
.select{ padding:7px; border:1px solid #e8e8e8; line-height:20px; }

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 25px; color:#fff; font-size:12px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#ff1751; border:1px solid #ff1751; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }


 /*数字滚动插件的CSS可调整样式*/
.mt-number-animate {
            font-family: '微软雅黑';
            line-height: 50px;
            height: 50px; /*设置数字显示高度*/            
            font-size: 38px; /*设置数字大小*/
            overflow: hidden;
            display: inline-block;
            position: relative;
			color:#fff;
			 background-color:#fff;
        }

   .mt-number-animate .mt-number-animate-dot {
                width: 15px; /*设置分割符宽度*/
                line-height: 40px;
                float: left;
                text-align: center;
            }

   .mt-number-animate .mt-number-animate-dom {
                width: 30px; /*设置单个数字宽度*/				
                text-align: center;
				margin-left:5px;
                float: left;
                position: relative;
                top: 0;				
            }
                .mt-number-animate .mt-number-animate-dom .mt-number-animate-span {width: 100%; background-color:#02C6E3; float: left;}