﻿@charset "utf-8";
/* CSS Document */


*{padding:0px; margin:0px;}
ul li{ list-style:none;}
img{ border:0px;}
a{ font-size:14px; text-decoration:none; font-family:'Microsoft YaHei';}
.clear{ clear:both; height:0px;}


body{ background:#fff; font-family:'Microsoft YaHei';}


.header{ width:100%; min-width:1200px; height:95px;}
.header_con{width:1200px; margin:0px auto; overflow:hidden;}
.header_menu{ width:100%; min-width:1200px; background:url(../images/index_20.png) repeat-x; height:55px; line-height:55px;}
.header_menu .menu_div{width:1200px; margin:0px auto; overflow:hidden;}
.header_menu .menu_div ul li{ float:left; padding:0px 13px; background:url(../images/index_22.png) no-repeat;} 
.header_menu .menu_div ul li a{height:55px; color:#fff; font-size:14px; display:block;}
.header_menu .menu_div ul li a:hover{background:url(../images/index_25.png) 0px 45px repeat-x;}
.menu_div ul li.frist_nav{background:none;}

.logo{ float:left;margin:28px 0px 0px 0px;}
.main_serch{ width:391px; margin:29px 0px 0px 150px; float:left;}
.serch_l{ float:left; width:303px; height:40px; line-height:40px;} 
.serch_l .search_text{width:293px; height:40px; line-height:40px;  background: url(../images/index_05.png) no-repeat; border:0px; font-family:"Microsoft YaHei"; color:#999;  font-size:14px; padding-left:10px;} 
.serch_r{ float:left; width:88px; height:40px; line-height:40px; *margin-top:1px;} 
.serch_r .search_button{width:88px; height:40px; line-height:40px;  background: url(../images/index_06.png) no-repeat; border:0px; cursor:pointer;}

.dlzc_div{ width:120px; background:url(../images/index_08.png) no-repeat; height:40px; line-height:40px; float:left;  margin:28px 0px 0px 55px; padding-left:30px;}
.dlzc_div a{color:#555; font-size:14px; margin:0px 7px;}
.dlzc_div a:hover{ color:#3a7eed;}

.tops_btn{ float:right;  margin:29px 0px 0px 0px;}
.wyfb_btn{ width:135px; float:left; height:40px; line-height:40px; text-align:center; }
.wyfb_btn img{ vertical-align:middle;}
.wyfb_btn a{height:40px; line-height:40px; font-size:14px; color:#fff; background:#f6b70c; display:block;}
.wyfb_btn a:hover{background:#f6c337;}

.cxjy_btn{ width:135px; float:left; height:40px; line-height:40px; text-align:center; }
.cxjy_btn img{ vertical-align:middle;}
.cxjy_btn a{height:40px; line-height:40px; font-size:14px; color:#fff; background:#74a9ff; display:block;}
.cxjy_btn a:hover{background:#81b1ff;}

.content{width:1200px; margin:0px auto; overflow:hidden;}


.footer{ width:100%; min-width:1200px; background:url(../images/bom_03.png) repeat-x bottom; border-top:1px solid #e1e1e1; margin-top:30px;}
.footer_con{width:1200px; margin:0px auto; overflow:hidden;}

.footer_nav{ width:915px; margin:0px auto; overflow:hidden; text-align:center; padding-top:20px;}
.footer_nav a{font-size:12px; color:#888; line-height:38px; padding:0px 15px;}
.footer_nav a:hover{ color:#3a7eed; text-decoration:underline;}

.footer_tel{ width:905px; margin:0px auto; overflow:hidden; text-align:center; padding:30px 0px;}
.footer_tel ul li img{ vertical-align:middle; padding-right:10px;}
.footer_tel ul li{ float:left; height:30px; line-height:30px;}
.footer_tel ul li a{height:30px; line-height:30px; font-size:12px; color:#888; background: url(../images/yj_05.png) no-repeat left; display:block;}
.footer_tel ul li a:hover{ background: url(../images/yj_03.png) no-repeat left;}
.footer_tel .jj_tel{ margin:0 153px;}

.footer_bom{height:40px; line-height:40px; text-align:center; font-size:12px; color:#fff;}
.footer_bom a{font-size:12px; color:#fff; margin:0px 5px;}
.footer_bom a:hover{ color:#f6b70c;}












.left{ float:left; }
.right{ float:right; }
/*文本框样式*/
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:14px; height:38px; line-height:38px; text-align:center; }
.btn{ background:#3075E6; border:1px solid #3075E6; 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:#3075E6; border:1px solid #417F41; text-shadow:0 -1px 0 #3075E6; }
.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; }
/*标题样式*/
.main-tit{  margin:0 auto; padding:30px 0 0; }
	.main-tit h2{ display:block; padding-right:10px; color:#666; font-size:24px; font-weight:400; line-height:25px; }
.base-tit{ border-bottom:1px solid #f0f0f0; color:#3a7eed; line-height:1em; font-size:16px; font-weight:normal; }
	.base-tit span{ position:relative; top:1px; display:inline-block; padding:10px 0; border-bottom:1px solid #3a7eed; }
	.base-tit i{ float:right; padding:10px 0; color:#999; font-size:12px; line-height:26px; font-style:normal; }
.bar-tit{ margin:0 0 20px; padding:0 0 10px; border-bottom:1px solid #e8e8e8; color:#6c6c6c; font-size:18px; }
/*页码容器*/
.page-box{ margin-top:15px; color:#999; font-size:14px; }
/*视频容器*/
.video-box{ position:relative; width:100%; height:473px; _clear:both; _display:inline; }
/*提示样式*/
.msg-tips{ position:relative; margin:30px auto; padding:30px 0; width:380px; font-size:14px; text-align:left; }
	.msg-tips .ico{ display:block; float:left; background:url(../images/icon-tips.png) no-repeat left top; width:46px; height:46px; text-indent:-99999px;overflow:hidden; }
	.msg-tips .ico.error{ background-position:-50px 0; }
	.msg-tips .ico.warning{ background-position:-100px 0; }
	.msg-tips .msg{ margin-left:60px; }
	.msg-tips .msg strong{ margin-bottom:10px; color:#444; font-size:15px; }
	.msg-tips .msg p{ line-height:1.8em; }
	.msg-tips .msg i{ color:#f00; font-style:normal;}


/*评论样式*/
.comment-add{ margin-top:15px; _width:100%; _position:relative; _overflow:hidden; color:#666; font-size:14px;}
.comment-add a{ color:#666; }
    .comment-add .editor{ position:relative; margin-right:18px; }
	.comment-add .editor textarea{ width:100%; height:70px; }
	.comment-add .subcon{ margin-top:15px;}
.comment-box{ position:relative; margin-top:15px; }
	.comment-list li{ padding:15px 0; border-top:1px solid #f7f7f7; }
	.comment-list li .avatar{ display:block; float:left; margin-top:6px; background:#fff; border-radius:2px; width:42px; height:42px; overflow:hidden; }
	.comment-list li .avatar img{ width:42px; height:42px; }
	.comment-list li .inner{ margin-left:52px; }
	.comment-list li .inner p{ color:#333; font-size:14px; line-height:1.8em; }
	.comment-list li .inner .meta{ margin:0; padding-top:3px; color:#999; border:none; }
	.comment-list li .inner .meta .time{ margin-left:5px; padding-left:20px; color:#777; background:url(../images/sprite.gif) no-repeat left -158px; }
	.comment-list li .answer{ margin-left:48px; padding:10px; background:#fafafa; border:1px solid #e6e6e6; border-radius:3px; }
	.comment-list li .answer .meta{ margin:0; padding:0; color:#999; margin-bottom:5px; border:none; }
    .comment-list p{ color:#666; font-size:14px; line-height:1.8em; }
	.comment-list li .answer p{ color:#555; font-size:14px; line-height:1.8em; }

/*会员中心样式
----------------------------------------------*/
.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:#3075E6; }

.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:#3075E6; }
	.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:#3075E6; 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{ width:100%; line-height:34px; height:36px; }
	
.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; padding-bottom:60px; }
	.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 #3075E6; }
	.inner-box .tab-content{ display:none; }


    #msgtips{color:red;font-size:14px; padding-top:10px; text-align:center}

.zc_right p img { width:200px;}