@charset "utf-8";
/* CSS Document */
/* css reset */
html,body{height:100%}
body{ background-color:#fff;width: 100%;display:inline-block;}
/* 清除内外边距 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,/* structural elements 结构元素 */dl,dt,dd,ul,ol,li,/* list elements 列表元素 */pre, /* text formatting elements 文本格式元素 */fieldset,legend,button,input,textarea,/* form elements 表单元素 */th,td { /* table elements 表格元素 */ margin: 0; padding: 0; border: 0px; }
.clearfix:after { content: "020"; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
body, button,input,select,textarea { font-family:Arial, "Microsoft YaHei","Lucida Grande", "Tahoma", "Arial", "Helvetica", "sans-serif"; font-size: 14px; color: #333; /* [disabled]outline:none;*/ }
button,input,select,textarea { outline: none; }
html { line-height: 1; }
address,cite,em,var,
i { font-style: normal; } /* 将斜体扶正 */
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4,
h5,
h6 { font-size: 100%; }
/* 重置列表元素 */
ul,
ol,
li { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; color: #333; cursor: pointer; }
a:hover { text-decoration: none; color:#874cb3; transition-duration: 100ms; -moz-transition-duration: 100ms; -webkit-transition-duration: 100ms; -o-transition-duration: 100ms; }
.fl { float: left }
.fr { float: right }
.hui-layout-content{width: 1230px;}
/* 重置图片元素 */	
img { border: 0px; vertical-align: middle; -ms-interpolation-mode: bicubic; }
* { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
.hui-btn.size-L, .hui-input-text.size-L{ height: 40px;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0 }
.container { width: 1200px; margin: 0 auto; padding: 0 ;position: relative;}
.top-border{ border-top: solid 1px #f2f2f2; padding-top: 20px;}
.hui-btn.hui-btn-primary{background-color: #4366B7;  border-color: #4366B7;}
.hui-btn.hui-btn-primary.active, .hui-btn.hui-btn-primary:active, .hui-btn.hui-btn-primary:focus, .hui-btn.hui-btn-primary:hover{background-color: #23489f; border-color: #23489f;}
.pt30{ padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.mr10{ margin-right: 10px;}
.ml10{ margin-left: 10px;}
.mt20{ margin-top: 20px;}
.header{ height: 165px; border-bottom: #4366B7 3px solid; background-color: #fff;}
.logo{ margin-top: -5px;}
.logo img{ width: 192px; height: 53px;}
.header .search{ position: relative;}
.header .search .hui-select{ border-radius: 5px 0px 0 5px ; border: solid 1px #ddd; width: 74px; height: 40px; float: left; position: absolute; left: 0;}
.header .search .hui-select option{ text-align: center;}
.header .search .search_button{ background-color: #4366B7; border-radius: 0 5px 5px 0; color: #fff; width: 90px;height: 40px; position: absolute; right: 0;}
.header .search .hui-input-text{ border-left: 0px; width: 480px; height: 40px; display: block; position: absolute; left: 74px; }

.header .tel{float: right; margin-top: 5px; background-color: #F7F7F7; font-size: 14px; font-weight: bold; height:34px; line-height:34px; padding: 0 15px; border-radius: 20px;}

.header nav ul li{padding: 0 20px 0 0;}
.header nav ul li a{ font-size: 16px; font-weight: bold;padding:0px 15px; line-height: 34px; }
.header nav ul li a.active, 
.header nav ul li a.current,
.header nav ul li a:hover{ border-radius: 5px;background-color: #4366B7;  color: #fff;}
.header nav ul li.line{border-right: 1px solid #ccc; height: 20px; margin:12px 40px;}
.header nav ul li:after{
    display: block;
    font-size: 0;
    content: "|";
    clear: both;
    height: 16px;
	width: 1px;
	background-color: #ccc;float: right;
    margin: 13px 10px 13px 30px;
}
.left_menu ul li.active{ border-radius: 5px;  color: #fff;}

.footer_nav{ text-align: center; background-color: #4366B7;height: 50px; margin-top: 20px; }
.footer_nav .hui-layout-content a{ color: #fff; margin: 0 30px; height: 50px; line-height: 50px; font-size: 14px;}
.footer_nav .cp{ color: #fff; line-height: 30px; display: block; background-color: #2E2E2E; padding: 30px 0; text-align: center;}
.footer_nav .cp a{ color: #fff;}
.footer_nav .cp a:hover{color: #fff;}
.box_01_left{ width: 220px; float: left; padding: 0; }
.box_01_left .ad_220x138{ margin-top: 20px; border-radius: 10px; overflow: hidden; }
.type_nav{padding: 0 24px 5px 24px; background-color: #4366B7; border-radius: 10px;  }
.type_nav h3{ font-size: 16px; font-weight: bold; color: #fff; margin:0; padding: 28px 0;display: block;}
.type_nav a{ color: #fff; height: 42px; line-height: 42px;}
.type_nav li{border-top:#7B94CC solid 1px ;}
.type_nav li a:hover{ color: #fff; font-weight: bold;}
.hui-container-wap .hui-layout-content {position: relative;}
.box_01_right{width: 960px;  position: absolute; left: 255px; }
#hui-carousel-banner{width: 960px;border-radius: 10px; overflow: hidden;}
.hui-carousel .hd{bottom: 20px;}
.hui-carousel .hd.dots li{ opacity: 0.5; background-color: #fff; width: 15px; height: 15px;}
.hui-carousel .hd.dots li.active{ opacity:1; background-color: #fff;}

.liuc{ height: 85px; background-color: #F7F7F7; line-height: 85px; margin-top: 20px; border-radius: 10px;}
.liuc ul h3{ float: left;height: 85px;line-height: 65px; width: 130px; padding: 10px; padding-left: 0;  font-weight: bold; font-size: 14px;}
.liuc ul h3 span{ height: 65px; line-height: 45px; text-align: center; background-color: #fff; display: block; padding: 10px 0; border-right: #4366B7 solid 1px;}
.liuc ul h3 i.iconfont{color: #4366B7; font-size: 20px; display: inline-block;}
.liuc ul li{ width: 120px;height: 85px; font-weight: bold;  line-height: 85px; float: left; text-align: left;}
.liuc ul li i.iconfont{ font-size: 24px; float: left; width: 24px; height: 24px; margin-left: 20px; color: #4366B7; margin-right: 5px;}
.liuc ul li.line{ width: 15px; line-height: 85px;}
.liuc ul li.line i.iconfont{ font-size: 14px; margin-left: 0; padding-left: 0; color: #666; font-weight: 100;}


.view_liuc .liuc{ height: 85px; background-color: #F7F7F7; line-height: 85px; margin-top: 20px; border-radius: 10px;}
.view_liuc .liuc ul h3{ background-color: #4366B7; float: left; height: 85px;line-height: 65px; width: 240px; padding: 10px; padding-left: 0;  font-weight: bold; font-size: 20px;}
.view_liuc .liuc ul h3 span{ height: 65px; line-height: 45px; background-color: #4366B7; color: #fff; text-align: center; display: block; padding: 10px 0; border-right: #4366B7 solid 1px;}
.view_liuc .liuc ul h3 i.iconfont{color: #fff; font-size: 32px; margin-right: 10px; display: inline-block; vertical-align: middle; font-weight: normal;}
.view_liuc .liuc ul li{ width: 147px;height: 85px; font-weight: bold;  line-height: 85px; float: left; text-align: left;}
.view_liuc .liuc ul li i.iconfont{ font-size: 24px; float: left; width: 24px; height: 24px; margin-left: 20px; color: #4366B7; margin-right: 5px;}
.view_liuc .liuc ul li.line{ width: 15px; line-height: 85px;}
.view_liuc .liuc ul li.line i.iconfont{ font-size: 14px; margin-left: 0; padding-left: 0; color: #666; font-weight: 100;}




.channel_title{ height: 42px; line-height: 42px; border-bottom: 2px solid #E3E3E3; margin-top: 10px;}
.channel_title span{ font-size: 18px;height: 42px; line-height: 42px; font-weight: bold; display: inline-block;  border-bottom: 2px solid #4366B7;}
.channel_title .more{ float: right;}
.prod_list{ padding: 10px 0; margin-left: -33px;}
.prod_list li{ float: left; width: 275px; height: 435px; margin: 10px 0 10px 33px; border: #E3E3E3 solid 1px; border-radius: 10px;}
.prod_list li .pic{ height: 230px; border-radius: 10px 10px 0 0 ; background-position: center; background-repeat: no-repeat; background-size: cover;}
.prod_list li .pic a{display: block; width: 100%; height: 100%;}
.prod_list li .local{ float: right;height: 38px; line-height: 38px;  }
.prod_list li .title{ border-bottom: #D8D8D8 solid 1px; margin: 0 15px;height: 38px; line-height: 38px;overflow: hidden;}
.prod_list li .title a{font-size: 16px; height: 38px; line-height: 38px; font-weight: bold;}
.prod_list li .content{ padding: 10px 15px;}
.prod_list li .content p strong{ font-weight: normal; float: right;}
.prod_list li .content p{ display: block; clear: both; height: 30px; line-height: 30px;}
.prod_list li .content p:first-child span{ font-size: 15px; color: #ff0000;line-height: 27px;}
.prod_list li .content p:nth-child(2) span{ float: right;}
.prod_list li .content .state_1{ height: 22px; line-height: 22px; float: right; margin-top: 5px; border-radius: 10px 0 0 10px; background-color: #FF7D00; margin-right: -15px; color: #fff; padding: 0 15px;}
.prod_list li .content .state_2{ height: 22px; line-height: 22px; float: right; margin-top: 5px; border-radius: 10px 0 0 10px; background-color: #008DFF; margin-right: -15px; color: #fff; padding: 0 15px;}
.prod_list li .content .state_3{ height: 22px; line-height: 22px; float: right; margin-top: 5px; border-radius: 10px 0 0 10px; background-color: #333333; margin-right: -15px; color: #fff; padding: 0 15px;}

.notice{height: 410px;padding: 15px;}
.notice li{ height: 56px;}
.notice li p{ color: #B2B2B2; font-size: 12px; display: block; margin-bottom: 10px; width:244px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.notice li p:first-child{ color: #000; font-size: 14px; padding: 0; margin: 0; height: 24px; line-height: 24px;}
.scrollText{height:410px;overflow:hidden;border: #E3E3E3 solid 1px; border-radius: 10px; }

.screen_list .hui-nav{ width: 100%;background-color: #F7F7F7;border:#E3E3E3 solid 1px; border-radius: 10px; margin: 20px auto; overflow: hidden;}
.screen_list .hui-nav ul{clear: both; background-color: #fff; border-radius:0 5px 5px 0;}
.screen_list .hui-nav ul li{ float: left; padding: 5px 0; }
.screen_list .hui-nav>ul>li>a{ padding: 0 15px; margin: 0 5px;}
.screen_list .hui-nav>ul>li, .screen_list .hui-nav>ul>li>a{ line-height: 28px;}
.screen_list_ul .title{ width: 100px; margin-left: -110px; text-align: right; display: block;}

.screen_list_ul{position: relative;  margin-left: 115px; border-left: #E3E3E3 1px solid;padding: 10px 0;}
.screen_list_ul ul{display: none;}
.screen_list_ul li a{ padding: 0 20px; border: transparent 1px solid;}
.screen_list_ul ul.show{ display: block; position: absolute; left: 0; width: 1200px; z-index: 1; background-color: #ff0000; color: #fff;}
.screen_list_ul li a:active{background-color: #4366B7; border-radius: 20px; color: #FFF;}
.screen_list_ul li a:hover{border: #4366B7 solid 1px; color: #4366B7;border-radius: 20px;}
.screen_list_ul li a.current{ background-color: #4366B7; border-radius: 20px; color: #FFF;}
.screen_list_ul li a.current:hover{ color: #4366B7;}
/* view */
#product-pic{width:348px;text-align:center; position: absolute;}
#product-pic .bd,#product-pic .bd li,#product-pic .bd img{width:348px; height:348px}
#product-pic .hd{ margin-top:2px;height:68px;width:350px}
#product-pic .hd li{ position:relative; display:inline-block; float:left; margin-right:2px;cursor:pointer;width:68px; height:68px}
#product-pic .hd li img{ display:block;width:68px; height:68px}
#product-pic .hd li i{ position:absolute; display:block; z-index:9; width:68px; height:68px; border: 5px solid transparent;}
#product-pic .hd li.active i{ width:68px; height:68px; border: 3px solid #4366B7;}
.block_box{background-color: #fff; border-radius: 20px; display: block; padding:5px 60px; position: relative;}
.block_box .channel_title{ height: 70px; line-height: 70px; font-size: 22px; font-weight: bold; border-bottom: #D8D8D8 solid 1px;}
.block_box .left_menu{ width: 200px; display: block; position: absolute; top: 110px; left: 60px;}
.block_box .left_menu ul li{ margin: 5px 0; }
.block_box .left_menu ul li a{height: 30px; line-height: 30px; background-color: #F7F7F7;padding: 0 10px; display: block; }
.block_box .left_menu ul li a:hover{ color: #fff; background-color: #4366B7;}
.block_box .right_main{ width: 800px;  position: relative; float: right; padding-bottom: 40px;}
.block_box .right_main dl{ padding: 0px; border-bottom: #e3e3e3 solid 1px; }
.block_box .right_main dl dt{ height: 60px; line-height: 60px; font-weight: bold; font-size: 20px; padding-top: 10px;}
.block_box .right_main dl dd{ padding-bottom: 30px; color: #666; line-height: 200%;}
.prod_info_box{ margin-left: 400px; margin-right: 310px;}
.prod_info_box .info{ height: 40px; line-height: 40px; }
.prod_info_box .info label{letter-spacing:4.6px }
.prod_info_box .info#endTime label{letter-spacing:0px }
.prod_info_box .title{ font-size: 28px; font-weight: bold; border-bottom: #E3E3E3 solid 1px; height: 50px; line-height: 50px; display: block; overflow: hidden;    margin-bottom: 10px;}
.prod_info_box .endTime{ margin-top: 10px;}

.prod_info_box label{ display:inline-block; width: 75px; height: 32px;     line-height: 32px;   vertical-align: middle;}
.prod_info_box strong{font-weight: normal;}
.prod_info_box .daojishi{font-weight: normal; padding: 0px;}
.prod_info_box .daojishi span,
.prod_info_box .daojishi label{font-size:14px;}
.prod_info_box .daojishi span em{ padding: 0 3px; font-size:20px; }
.prod_info_box .daojishi p{display: inline-block;}
#.prod_info_box .dangqianjia span{ margin-right:20px;}
.prod_info_box .dangqianjia b{ font-weight: bold;  color: #ff0000; font-size: 26px;padding: 0px;}
.prod_info_box .dangqianjia label{}

.prod_info_box .chujia{ margin-top: 12px;}
.prod_info_box .chujia .input_box{height: 42px; line-height: 42px; display: inline-block; margin-right: 20px;     vertical-align: middle;}
.prod_info_box .chujia .input_box input{float: left;height: 40px; line-height: 40px; border-radius: 5px; border: #ccc solid 1px; padding-left: 15px;}
.prod_info_box .chujia span{width: 20px; display: block; float: left; line-height: 20px; margin-left: 1px; }
.prod_info_box .chujia span i.iconfont{font-size: 14px;line-height: 0px; width: 16px; height: 16px; padding: 0; margin: 0; padding: 2px; background-color: #E3E3E3; color: #000; margin-bottom: 1px; border-radius: 3px; }
.prod_info_box .chujia button{ width: 165px; height: 40px; line-height: 40px; position: absolute;  border-radius: 5px; background-color: #FC364D; color: #fff;}

.prod_info_box .chujia_jilu{background-color: #F7F7F7; margin-top: 30px;}
.prod_info_box .chujia_jilu h3{ height: 42px; line-height: 42px; border-bottom: #E3E3E3 solid 1px; margin: 0 15px;}
.prod_info_box .chujia_jilu h3 span{ width: 25%; display: inline-block;}
.prod_info_box .chujia_jilu h3 span strong{background-color: #4366B7; color: #fff; padding: 5px 10px; height: 24px; border-radius: 15px;margin-top: 10px;}
.prod_info_box .chujia_jilu h3 span:last-child{ margin-right: 0;width: 50%; text-align: right; }
.prod_info_box .chujia_jilu h3 i.iconfont{ color: #4366B7; margin-right: 5px;}
.prod_info_box .chujia_jilu ul{margin: 0px 15px; height:170px ;padding: 10px 0; overflow-y: auto; overflow-x: hidden;}
.prod_info_box .chujia_jilu ul li{line-height: 30px; margin-left: 25px;}

.prod_info_box .chujia_jilu ul li span{display: inline-block; width: 25%; }
.prod_info_box .chujia_jilu ul li span.state{width: 60px;}
.prod_info_box .chujia_jilu ul li span.user{ width: 150px;}
.prod_info_box .chujia_jilu ul li.my-chujia span{ color: #ff0000;}
.prod_info_box .chujia_jilu ul li i.iconfont{margin-left: -23px;color: #ff0000; margin-right: 7px;}
.prod_info_box .chujia_jilu ul li i.icon-diyi{color: #ffb700; }


.prod_info_box .chujia_jilu ul.hide-info li{ color: #999; width: 50%;  margin: auto; text-align: center;}
.prod_info_box .chujia_jilu ul.hide-info li i.iconfont{ width: 100%; text-align: center; height: 70px;line-height: 80px; display: block; color: #999; margin: auto;    font-size: 50px;}

.prod_info_box .line{height: 1px; line-height: 1px; margin: 10px 0; background-color: #E3E3E3; display: block;}
.prod_info_box .info.btn a,
.prod_info_box .info.btn a button{ width: 165px; height: 40px; line-height: 40px; position: absolute;  border-radius: 5px; background-color: #FC364D; color: #fff; text-align: center; }

/*报名*/
.prod_info_baoming{ margin-left: 400px; margin-right: 310px;}
.prod_info_baoming .info{ height: 40px; line-height: 40px; }
.prod_info_baoming .info label{letter-spacing:4.6px }
.prod_info_baoming .info#endTime label{letter-spacing:0px }
.prod_info_baoming .title{ font-size: 28px; font-weight: bold; border-bottom: #E3E3E3 solid 1px; height: 50px; line-height: 50px; display: block; overflow: hidden;}
.prod_info_baoming .endTime{ margin-top: 10px;}
.prod_info_baoming .chujia{ margin-top: 10px;}
.prod_info_baoming label{ display: block; float: left; width: 75px;}
.prod_info_baoming strong{font-weight: normal;}
.prod_info_baoming .daojishi{font-weight: normal; font-size:20px; padding: 0px;}
.prod_info_baoming .daojishi span,
.prod_info_baoming .daojishi label{font-size:14px;}
.prod_info_baoming .daojishi span{ padding: 0 3px;}

.prod_info_baoming .dangqianjia span{ margin-right:20px;}
.prod_info_baoming .dangqianjia b{ font-weight: bold;  color: #ff0000; font-size: 26px;padding: 0px;}
.prod_info_baoming .dangqianjia label{float: left;}

.prod_info_baoming .chujia .input_box{height: 42px; line-height: 42px; float: left; margin-right: 20px; }
.prod_info_baoming .chujia .input_box input{float: left;height: 40px; line-height: 40px; border-radius: 5px; border: #ccc solid 1px; padding-left: 15px;}
.prod_info_baoming .chujia span{width: 20px; display: block; float: left; line-height: 20px; margin-left: 1px; }
.prod_info_baoming .chujia span i.iconfont{font-size: 14px;line-height: 0px; width: 16px; height: 16px; padding: 0; margin: 0; padding: 2px; background-color: #E3E3E3; color: #000; margin-bottom: 1px; border-radius: 3px; }

.prod_info_baoming .chujia_jilu{display: none;}
.prod_info_baoming .info{}
.prod_info_baoming .info.btn a{ margin-top:20px;width:165px;height: 40px; line-height: 40px; position: absolute; border-radius: 5px; background-color: #FC364D; color: #fff;  text-align: center;}


.sellerinfo{background-color: #f9f9f9; width: 270px; top: 0; padding: 0 20px; float: right; min-height: 434px;}
.sellerinfo .title{ font-size: 14px; font-weight: bold; height: 50px; line-height: 50px; border-bottom: #E3E3E3 solid 1px;}
.sellerinfo .title i.iconfont{ color: #FC364D; float: right;font-size: 24px;}
.sellerinfo ul li{line-height: 36px;}
.sellerinfo ul li span.hide-info{background-color: #ddd; color: #666; padding: 0 3px;border-radius: 5px;}

.view-des{border: 1px solid #e8e8e8;}
.view-des .hui-tab .hui-tab-header{ background-color: #F7F7F7;}
.view-des .hui-tab .hui-tab-header span{border-top: solid 2px #F7F7F7; border-bottom: solid 0px #F7F7F7;}
.view-des .hui-tab .hui-tab-header span.current{border-top: solid 2px #4366B7; background-color: #fff;}
.view-des .hui-tab .hui-tab-header span{ height: 60px; line-height: 60px;}
.view-des .hui-tab .hui-tab-header{ border-bottom:1px solid #e8e8e8;}
.view-des .hui-tab-content{ padding: 20px; line-height: 220%; text-align: justify; font-size: 16px;height: auto;}


body.login_page{display: block;}
body.login_page .header{ border-bottom: none; background-color: #fff;}
body.login_page .login_page_main{background:url(../images/login_bg.png) center no-repeat; background-size:cover; }

body.login_page .footer_nav{background-color: #F7F7F7; color: #333;height: 200px; margin-top: 0;}

body.login_page .footer_nav a,
body.login_page .footer_nav a:hover{color: #333;}
body.login_page .footer_nav .cp{background-color: #fff; color: #333;}


body.login_page .login_page_main {min-height: calc(100% - 365px); padding: 30px 0;}
body.login_page .login_page_main .box-position{ padding-top: 80px;}
body.login_page .login_page_main .login_box{ width: 600px; height: 440px; margin: auto; padding: 30px 0; border-radius: 10px; background-color: #fff; }
body.login_page .login_page_main .login_box .login_input{ position: relative;}
body.login_page .login_page_main .login_box ..btn-text{right: 20px; position: absolute; height: 40px; line-height: 40px;}
body.login_page .login_page_main .login_box .hui-tab{ width: 420px; margin:0px auto;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-header{text-align: center; border-bottom: 5px solid #e8e8e8;height: 60px;line-height: 60px;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-header span{width: 90px;font-size: 20px; font-weight: 500; height: 60px;line-height: 60px;padding: 0; text-align: center; margin: 0 55px;    border-bottom: 5px solid #e8e8e8;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-header span b{ width: 90px; height: 5px; background-color:#1890ff; border-radius: 5px; overflow: hidden;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-header span.current{border-bottom: 5px solid #4366B7;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-header span.line{width: 1px; height: 30px;    position: absolute; margin:15px auto; background-color: #e8e8e8;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .login_input{background-color: #F7F7F7; border: #E3E3E3 solid 1px; border-radius: 5px; height: 42px; margin-top: 20px;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .login_input .iconfont{float: left; border-right: #E3E3E3 solid 1px; width:60px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #B2B2B2;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .hui-input-text{width:358px ; border: none;height: 40px;background-color: #F7F7F7; }
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .go-login{background-color: #4366B7;border-radius: 5px; width: 100%; height: 40px; line-height: 40px; margin-top: 30px; display: block; text-align: center; color: #fff; font-size: 14px; }
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .go-reg{height: 40px; line-height: 40px; margin-top:10px; display: block; text-align: center; color: #333; font-size: 14px;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .login_input.code .hui-input-text{width: 250px;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .login_input.code{ position: relative;}
body.login_page .login_page_main .login_box .hui-tab .hui-tab-content .login_input.code img.code{ width: 108px;height: 40px;position: absolute; right: 0; top: 0;}
body.login_page .login_page_main .login_box .code{ height: 40px; position: absolute; right: 0px; border-radius: 0 5px 5px 0;}

body.user_page{background-color: #F7F7F7;}
body.user_page .user_page_main{min-height: calc( 100% - 405px ); display: block;}

body.user_page .user_page_main .form_box{margin: 20px 10% 50px 10%;}
body.user_page .user_page_main .form_box li{height: 40px; line-height: 40px; margin-top: 20px;}
body.user_page .user_page_main .form_box li label{ text-align: right; width: 100px; float: left;}
body.user_page .user_page_main .form_box li label.error{ width: auto;right: auto;top: auto;text-align: left; padding-left: 30px;}
body.user_page .user_page_main .form_box li.code label.error{ left: 787px;}
body.user_page .user_page_main .form_box li input{display: inline-block; width:450px; height: 40px; line-height: 40px;background-color: #F7F7F7; border: #E3E3E3 solid 1px; border-radius: 5px;}
body.user_page .user_page_main .form_box li .btn-text{ position: absolute; left: 630px; margin-left:5px; text-align: center; width: 150px; padding: 5px 10px;display: inline-block; height: 40px; line-height: 30px;}
body.user_page .hui-form-item .hui-form-item-control .btn-text{box-sizing: border-box; border: solid 1px #ddd; width: 100%; transition: all .2s linear 0s; padding: 6px 10px;height: 31px; line-height: 31px; border-radius: 5px;}
body.user_page .hui-form-item .hui-form-item-control.text{height: 27px; line-height: 27px;}
body.user_page .hui-form-item .hui-form-item-control .input-file{left: 0; height: 27px; width: 130px;}
body.user_page .hui-form-item .hui-form-item-control .imagePreview_box{text-align: center; padding:0px; height:auto; width:100px; position: relative; display: none; }
body.user_page .hui-form-item .hui-form-item-control .imagePreview_box img.imagePreview{height:100px; width: 100px; margin: auto; background-color: #F7F7F7;}
body.user_page .hui-form-item .hui-form-item-control .hui-btn{width: 100px;float: left;}
body.user_page .hui-form-item .hui-form-item-control .view_btn{height: 20px; line-height: 100px; position: absolute; bottom: 0; left: 0; right: 0; top: 0; bottom: 0; line-height: 20px; font-size: 12px; background-color: #000; color: #fff; opacity: 0.9; line-height: 20px;}
body.user_page .hui-form-item .hui-form-item-control .layui-layer-page .imagePreview_box{width: 100%; height: 100%;}
body.user_page .hui-form-item .hui-form-item-control .layui-layer-page .imagePreview_box .view_btn{display: none;}
body.user_page .hui-form-item .hui-form-item-control .layui-layer-page .imagePreview_box .imagePreview{ width: 100%; height:auto;}
body.user_page .hui-form-item .helpLink,
body.user_page .hui-form-item .helpLink a{ height: 27px; line-height: 27px; color: #999;}
body.user_page .hui-form-item .helpLink a:hover{ color: #4366B7;}
/*上传表单 结束*/
body.user_page .user_page_main .form_box li span.prompt{ font-size: 12px; color: #ff0000; line-height: 40px; padding-left: 20px;}
body.user_page .user_page_main .form_box li .hui-city{display: inline-block; width:148px; height: 40px; line-height: 40px;background-color: #F7F7F7; border: #E3E3E3 solid 1px; border-radius: 5px;}
body.user_page .user_page_main .form_box li.code input{ width: 330px;}
body.user_page .user_page_main .form_box li.code img.code{height: 40px; width: 110px; margin-left: 10px; border-radius: 5px;}
body.user_page .user_page_main .form_box li input.radio{ width: 20px; height: 20px; margin-left: 100px; margin-right: 10px;}

body.user_page .user_page_main .hui-form-item .hui-form-item-control .error{line-height: 22px;right: 30px;}

body.user_page .user_page_main .form_box .go-form{background-color: #4366B7;border-radius: 5px; width: 420px; height: 40px; line-height: 40px; margin-left: 100px; margin-top: 30px; display: block; text-align: center; color: #fff; font-size: 14px;}

body.user_page .user_page_main .block_box .stup{clear: both; width: 70%; margin:20px 15%; height: 80px; text-align: center;}
body.user_page .user_page_main .block_box .stup i.iconfont{ color: #BDBDBD; font-size: 60px; float: left;  width:70px; height: 80px; display: block; margin: auto; }
body.user_page .user_page_main .block_box .stup i.iconfont.current{color: #4366B7;}
body.user_page .user_page_main .block_box .stup_text{clear: both; width: 70%; margin:20px 15%; height: 30px; text-align: center;}
body.user_page .user_page_main .block_box .stup_text span{color: #666; font-size: 14px; float: left;  width:70px; height: 30px; display: block; margin: auto; }
body.user_page .user_page_main .block_box .stup_text b{ height: 1px; width: 273px; margin-top: 28px; display: block;float: left;}
body.user_page .user_page_main .block_box .stup b{ height: 1px; background-color: #f2f2f2; width: 273px; margin-top: 48px; display: block;float: left;}
body.user_page .user_page_main .block_box .text{width: 70%; margin:20px 15%;height: 40px; line-height: 40px; text-align: center; background-color: #F7F7F7; border-radius: 20px; margin-top: 20px; margin-bottom: 40px;}
body.user_page .user_page_main .block_box .text span{color: #ff0000; font-size: 16px; font-weight: bold; margin-left: 10px; margin-right: 10px;}

/*body.user_page .user_page_main .block_box .form_box li.code input{ width: 160px;}*/
body.user_page .user_page_main .block_box .form_box li.code button.code{height: 40px;width: 160px; margin-left: 10px; border-radius: 5px; background-color: #fff; border: #4366B7 solid 1px; color: #4366B7;}
body.user_page .user_page_main .block_box .form_box{margin:20px 15% 80px 15%; }


body.help_page{background-color: #F7F7F7;}
body.help_page .user_page_main{min-height: calc( 100% - 405px ); display: block;}
body.help_page .user_page_main .block_box{background-color: #fff; border-radius: 20px; display: block; padding:5px 60px;}
body.help_page .user_page_main .block_box .channel_title{ height: 70px; line-height: 70px; font-size: 22px; font-weight: bold; border-bottom: #D8D8D8 solid 1px;}



.btn-upload{position: relative; display:inline-block;height:36px; *display:inline;overflow:hidden;vertical-align:middle;cursor:pointer}
.upload-url{cursor: pointer}
.input-file{position:absolute; right:0; bottom:0; cursor: pointer; z-index:1; font-size:30em; *font-size:30px;opacity:0;filter: alpha(opacity=0); cursor: pointer;}
.btn-upload .input-text{ width:auto}
.form-group .upload-btn{ margin-left:-1px}



.hui-form-item-label .icheckbox-blue{left: auto;right: 24px;}



#magnifier{position:absolute;width:360px;margin:0px}
.small-box{position:relative;width:360px;height:360px;margin-bottom:10px; line-height: 360px; background-color: #F7F7F7;}
.small-box table td{width:360px;height:360px}
.small-box img{width:auto;height:auto;max-height:360px;max-width:360px}
.small-box .hover{display:none;position:absolute;left:0;top:0;width:200px;height:200px;border:1px solid #aaa; background:#0099ff; opacity:.5; filter:alpha(opacity:50); cursor:move}
.thumbnail-box{position:relative; width:100%}
.thumbnail-box .btn{position: absolute; top: 0; width: 13px; height: 64px; margin-top: 0; line-height: 64px; background-color: #F7F7F7;}
.thumbnail-box .btn i.iconfont{font-size: 12px;}
.thumbnail-box .btn-prev{left:0;}
.thumbnail-box .btn-prev.btn_prev_disabled{cursor:not-allowed}
.thumbnail-box .btn-next{right:0;}
.thumbnail-box .btn-next.btn_next_disabled{cursor:not-allowed}
.thumbnail-box .list{overflow:hidden;width:331px;margin:0 15px}
.thumbnail-box .wrapper{width:100000px}
.thumbnail-box .list .item{float:left;margin:0 1px}
.thumbnail-box .list .item-cur{}
.thumbnail-box .list .item img{width:64px;height:64px}
.thumbnail-box .list .item-cur img{border:2px solid #e53e41}
.big-box{display:none;overflow:hidden;position:absolute;left:365px;top:0;width:540px;height:540px;border:1px solid #e4e4e4; z-index: 111;}
.big-box img{display:block}


	
.user_main{background-color: #fff; border: #E3E3E3 solid 1px; display: block; border-radius: 10px; overflow: hidden; }
.user_main .left_menu{ float: left; width: 218px; display: block; }
.user_main .left_menu .user_name{ background-color: #4366B7; min-height: 90px; font-size: 14px; font-weight: bold; padding: 20px; color: #fff; }
.user_main .left_menu .user_name p{ padding: 3px 0;}
.user_main .left_menu .user_name .icon-jinggao{color: #fff000; font-weight: normal; margin-right: 5px;}
.user_main .left_menu .user_name .btn{font-size: 14px; background-color: #fff; color: #4366B7; padding: 0 5px; height: 28px; line-height: 28px; border-radius: 5px; margin-left: 0px; width: 100%; display: block; text-align: center; margin-top: 10px;}
.user_main .left_menu .user_name span{ background-color: #fff; border-radius: 10px; text-align: center; display:inline-block; color: #666; font-size: 12px; padding: 0 10px;line-height: 22px; margin-top: 10px;}
.user_main .left_menu .user_name span a{color: #666; }
.user_main .left_menu .user_name span i.iconfont{margin-right: 3px; font-size: 20px; line-height: 22px;height: 22px; float: left; }
.user_main .left_menu .user_name span i.iconfont.ok{color: #FC364D;}
.user_main .left_menu .tit{height: 54px; line-height: 54px;  background-color: #F7F7F7; border-top: #E3E3E3 solid 1px; border-bottom: #E3E3E3 solid 1px; padding-left: 22px; font-weight: bold; margin-top: -1px;}
.user_main .left_menu .tit i.iconfont{ margin-right: 5px; font-weight: normal;}
.user_main .left_menu ul{padding: 10px 0;}
.user_main .left_menu ul li{padding-left: 20px;}
.user_main .left_menu ul li i.iconfont{ color: #E3E3E3; margin-right: 5px;}
.user_main .left_menu ul li a{height: 40px;line-height: 40px;}

.user_main .right_main{display: block; width: 980px;float: right;border-left: #E3E3E3 solid 1px;min-height: 680px; padding-bottom: 20px;}
.user_main .right_main .tit{ font-size: 16px; height: 53px; line-height: 40px; padding: 10px 30px;border-bottom: #E3E3E3 solid 1px;}
.user_main .right_main .tit h4{float: left; font-size: 16px; font-weight: bold; line-height: 31px;height: 31px; margin: 0; padding: 0;color: #4366B7;}
.user_main .right_main .tit h4 .iconfont{ color: #fff; width: 22px; height: 22px;  line-height: 22px; font-size:12px;display:inline-block; border-radius: 20px; background-color: #4366B7; text-align: center;;}
.user_main .right_main .content{padding-left: 30px;padding-right: 30px;}
.user_main .right_main h3{padding-left: 30px;padding-right: 30px;margin: 20px 0;}
.user_main .right_main .content table{width: 100%; border-radius: 10px; overflow: hidden; border:#E3E3E3 solid 1px ; border-bottom:#E3E3E3 solid 1px ;}
.user_main .right_main .content table thead tr{ background-color: #F7F7F7; }
.user_main .right_main .content table thead tr th{height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px;border-top:#E3E3E3 solid 1px ;border-bottom:#E3E3E3 solid 1px ;}
.user_main .right_main .content table tbody tr td{height: 40px; line-height: 40px; padding: 0 20px; font-size: 14px;border-bottom:#E3E3E3 solid 1px ;}
.user_main .right_main .content table tbody tr td.btn a{background-color: #D80C24; height: 25px; line-height: 25px; border-radius: 20px; text-align: center; padding: 0 10px; color: #fff; font-size: 12px; display: block;}
.user_main .right_main .content table tbody tr td.btn a:hover{background-color: #f00;}
body.user_page .hui-form-item .hui-form-item-control .viewBtn{height: 36px; line-height: 30px;}
.user_main .right_main .text_box{ margin: 50px; padding: 20px; border-radius: 10px; background-color: #f7f7f7;}
.user_main .right_main .text_box h2{ line-height: 40px;}
.page_list{ margin: 20px 0;}
.page_list input{border:#E3E3E3 solid 1px ; border-radius: 5px; width: 40px; text-align: center; height: 30px; line-height: 30px; margin: 0 5px;}
.page_list a{width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 0 5px;}
.page_list a.current{ background-color:#4366B7 ; color: #fff; border-radius: 5px;}
.layui-upload-img{ width: 100%;}
.imgup-box{ text-align: center;}
.photo-look {padding: 9px 15px;}

/*右侧工具条开始*/
.right_tool{right: 0; width: 60px; position: fixed; bottom: 240px; z-index: 999999;}
.right_tool ul li{ border-bottom:#ABBADE solid 1px; text-align: center; font-size: 12px; color: #fff; background-color: #4366B7; cursor: pointer; position: relative;  }
.right_tool ul li span{ margin-bottom: 5px; display: block;}
.right_tool ul li .iconfont{font-size: 30px; color: #fff; width: 100%;display: block; height: 42px;}
.right_tool ul li .tool_content .triangle{width: 0;height: 0;border: 5px solid;border-color: transparent transparent transparent #dedede; opacity: 0.7;position: absolute; right: -10px; top: 32px;}
.right_tool ul li a,
.right_tool ul li a:hover{color: #FFF;}
.right_tool ul li.tel{border-radius: 10px 0 0 0; }
.right_tool ul li.tel .tool_content{ color: #333; text-align: left;}
.right_tool ul li.tel strong{ color: #333; text-align: left;}
.right_tool ul li.tel p{text-align: left; font-size: 20px;}
.right_tool ul li.wechat .tool_content img{width: 100px; height: 100px;}
.right_tool ul li.top{border-radius: 0 0 0 10px; height: 60px; line-height: 60px; border: none;}
.right_tool ul li.cur{ background-color: #114591;}
.right_tool ul li .tool_content{display: none; right: 80px; top: 0; width: 160px;position: absolute; background-color: #F7F7F7; border-radius: 10px; padding: 15px; border: solid 1px #dedede;}
.right_tool ul li.cur .tool_content{display: block; }
.right_tool ul li .tool_content p{height: 35px;color: #333;line-height:24px;}
/*右侧工具条结束*/
.photo-look {width: 60px;}