.top_register { width: 100%; height: 40px; background-color: #004DB1; line-height: 40px; font-size: 12px; color: #fff}
.top_register .top_con .top_con_left { float: left; } 
.top_register .top_con .top_con_left p { float: left; margin-right: 30px;}  
.top_register .top_con .top_con_left p a { color: #fff;} 
.top_register .top_con .top_con_left p:first-child { padding-left: 25px; background: url(../img/index/icon_top.png) no-repeat left center;}
.user_nav_wrap { width: 100%; height: 107px; background-color: #004DB1; line-height: 40px; font-size: 12px; color: #fff}
.user_nav img { width: 107px; height: 107px; display: block; float: left;}
.user_nav ul { float: right; width: 600px; height: 30px; line-height: 30px; padding-top: 38px;} 
.user_nav ul li { float: left; }
.user_nav ul li a { padding: 0 30px; color: #fff; font-size: 16px;}  
.user_nav ul li::before { float: left; display: block; content: '';  width:1px; height:30px; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 100%);}
.user_nav ul li:last-child::after {float: right; display: block; content: '';  width:1px; height:30px; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 51%,rgba(255,255,255,0) 100%);}
.user_nav ul li:hover a { opacity: 0.8;} 

.user_wrap { background-color: #F3F3F3; width: 100%; padding-bottom: 10px; padding: 50px 0 30px 0}
.user_register { width:910px; padding-bottom:44px; background-color: #fff; float: left;} 
.steps { height: 64px; text-align: center; position: relative; padding-top: 50px; width: 850px; margin: 0 auto;} 
.steps span { width: 850px; height: 5px; background-color: #F3F3F3; display: block; position: absolute; top: 80px; left: 0px;}
.steps li { position: absolute; box-sizing: border-box; width: 182px; height: 64px; line-height: 64px; padding-left: 65px; text-align: center; font-size: 18px; color: #fff; font-weight: bold}
.steps ul li:nth-child(1) { left: 74px; background: url(../img/user/01.png) no-repeat center center} 
.steps ul li:nth-child(2) { left: 333px; background: url(../img/user/02.png) no-repeat center center} 
.steps ul li:nth-child(3) { left: 592px; background: url(../img/user/03.png) no-repeat center center} 
.steps02 ul li:nth-child(1) { left: 74px; background: url(../img/user/04.png) no-repeat center center} 
.steps02 ul li:nth-child(2) { left: 333px; background: url(../img/user/05.png) no-repeat center center} 


.form_post { width: 910px; margin-top: 50px;} 
.text_box,.input_box { width: 100%; height: 40px; line-height: 40px; margin-bottom: 20px;}
.text_box label { width: 100px; margin-right: 10px; display: block; float: left; text-align: right; font-size: 14px; color: #333;}  
.text_box b { color: #f00; float: right} 
.text_box input { width:290px; height:40px; background:rgba(241,247,253,1); border:1px solid rgba(43,100,172,0.2); font-size: 14px; padding: 0 20px; border-radius: 5px;} 
.text_box select { width:290px; height:40px; background:rgba(241,247,253,1); border:1px solid rgba(43,100,172,0.2); font-size: 14px; padding: 0 20px; border-radius: 5px;} 
.text_box .Validform_checktip { font-size: 14px; color: #a5a5a5; margin-left: 20px;} 
.text_box i.success { color: #004DB1; padding-right: 30px; padding-top: 0; background: url(../img/secondPage/check01.png) no-repeat right center}
.text_box i.error { color: #f00; padding-right: 30px; background: url(../img/secondPage/error.png) no-repeat right center} 
.text_box i.fax_cut { display: inline-block; margin: 0 10px;} 
.text_box i.fund_mes { display: inline-block; margin: 0 10px;} 
.input_box { height: 120px;} 
.input_box textarea { width:600px;height:120px; padding:10px; background:rgba(241,247,253,1);border:1px solid rgba(43,100,172,0.2);border-radius:4px;} 


.main_produst input { width: 140px !important;} 
.main_produst img { width: 40px; height: 40px; margin-left: 5px; vertical-align: middle; margin-top: -3px; cursor: pointer;} 
.register_code img { width: 120px; height: 40px; margin-left: 20px; vertical-align: middle; margin-top: -3px; cursor: pointer;} 
.check input { display: none;} 
.check label { font-size: 14px; color: #333; width:330px; height:40px; line-height: 40px; margin-left: 110px; cursor: pointer; margin-right: 20px; display: block; float: left;}  
.check label::before { content: ''; display: block; float: left; margin-top: 10px; margin-right: 10px; width: 15px; height: 15px; border-radius: 4px; border: 1px solid #a5a5a5;}
.check input[type=checkbox]:checked + label::before { background: url(../img/secondPage/check02.png) no-repeat center center; background-size: 15px 15px; border:none} 
.check a { text-decoration: underline; color: #004FB4 }
.check .tip_mes { font-size: 14px; color: #a5a5a5; margin-left: 20px; line-height: 40px;} 
.submit input[type=submit] { width: 160px; height: 40px; background: #F1F7FD; border-radius: 4px; margin-top: 20px; transition: ease .5s; text-align: center; line-height: 40px; color: #a5a5a5; font-size: 14px; border: none; margin-left: 110px;}
.submit input[type=submit]:hover { background: #004DB1; color: #fff; cursor: pointer; } 
.submit button { width: 160px; height: 40px; background: #F1F7FD; margin-top: 20px; transition: ease .5s; text-align: center; line-height: 40px; color: #a5a5a5; font-size: 14px; border: none; margin-left: 110px;}
.submit button { background: #004DB1; color: #fff; cursor: pointer; } 
.buttonClass { width: 160px; height: 40px; background: #F1F7FD; margin-top: 20px; transition: ease .5s; text-align: center; line-height: 40px; color: #a5a5a5; font-size: 14px; border: none; }
.buttonClass { background: #004DB1; color: #fff; cursor: pointer; } 

.user_register_right { float: left; margin-left: 10px; width: 260px;} 
.user_register_right .login { width: 100%; background-color: #fff; text-align: center; height: 450px;} 
.user_register_right .login img { width: 65px; height: 65px; border-radius: 50%; margin: 25px 0 15px 0;} 
.user_register_right .login span { display: block; color: #a5a5a5; font-size: 12px;} 
.user_register_right .login p { color: #2B64AC; font-size: 14px; line-height: 30px;} 
.user_register_right .login a { width:180px; height:30px; border-radius: 15px; display: block; margin: 20px auto; margin-bottom: 10px; line-height: 30px; background: #004DB1; color: #fff;} 
.user_register_right .tips { font-size: 12px; color: #A5A5A5; height: 30px; background-color: #F1F7FD; line-height: 30px}
.user_register_right ul { padding: 15px;} 
.user_register_right li { font-size: 14px; color: #333; text-align: left; margin-bottom: 20px;} 
.advantage { width: 260px;  height: 400px; background-color: #fff; margin-top: 10px;} 
.advantage .head { width:260px; height: 50px; background:linear-gradient(360deg,rgba(225,237,251,.27) 0%,rgba(75,132,204,.27) 100%);} 
.advantage .head h4 { float: left; font-size: 18px; color: #333; height: 30px; border-left: 5px solid #004FB4; margin-top: 10px; line-height: 30px; padding-left: 20px;}
.advantage ul { padding: 15px; } 
.advantage ul h4 { font-size: 14px; font-weight: bold; color: #004FB4; } 
.advantage ul p { font-size: 14px; color: #333; line-height: 22px;} 

.user_register .success { text-align: center; width: 910px; box-sizing: border-box; padding-top: 80px;}
.user_register .success img { width: 120px; height: 120px; margin-bottom: 20px;} 
.user_register .success p { font-size: 14px; line-height: 30px; color: #333;width: 660px; margin: 0 auto; margin-bottom: 10px; } 
.user_register .success p span { font-size: 14px; color: #004FB4;} 
.user_register .success a { width:160px; height:40px; background: #004FB4;border-radius:4px; font-size: 14px; color: #fff; line-height: 40px; text-align: center; display: inline-block; margin-left: 50px;}
/* .user_register .success a:last-child { margin-right: 0}  */

.user_register .reset input { width: 350px; display: block; margin: 0 auto; height:40px; border:1px solid rgba(43,100,172,0.2); background: #F1F7FD; padding: 0 20px; line-height: 40px;}
.user_register .reset a { display: block; width:160px;height:40px; transition: ease.5s; border-radius:4px; background: #F1F7FD; font-size: 14px; color: #a5a5a5; margin: 20px auto; text-align: center; line-height: 40px;} 
.user_register .reset a:hover { background: #004DB1; color: #fff;} 
.user_register .reset input { margin-bottom: 20px;} 
/* .user_register .reset input:nth-child(2) { width: 230px;} */
.user_register .get_code { width: 390px; margin: 0 auto; height: 40px;}  
.user_register .get_code input { width: 230px; float: left;}  
.user_register .get_code button { width: 100px; height: 40px; text-align: center; line-height: 40px; color: #fff; border-radius: 5px; background-color: #004DB1; border: none; float: right; cursor: pointer} 

.user_login_wrap { width: 100%; height:1080px; background: url(../img/user/logo_bg.png) no-repeat center center; background-size: 1920px 1080px;} 
.user_login { width:350px;height:450px;border-radius:8px;background: #fff; margin: 90px auto; box-sizing: border-box; padding: 30px;} 
.user_login h3 { border-bottom: 1px solid #dedeed; height:40px; line-height: 40px; margin-bottom: 30px;}
.user_login span { border-bottom: 3px solid #004DB1; display: inline-block; font-size: 16px; color: #333; padding: 0 5px;}
.user_login input { width:250px; padding:  0 20px; margin-bottom: 10px; height:40px; background:#fff; border:1px solid rgba(43,100,172,0.2); border-radius:4px; background: #F1F7FD} 
.authCody_img { height: 50px; line-height: 50px; } 
.authCody_img img { width: 150px; height: 50px; vertical-align: middle; } 
.authCody_img p { display:inline-block; font-size: 14px; color: #333; margin-left: 10px; }
.authCody_img p a { cursor: pointer; color: #004DB1;} 
.login_btn input[type=submit] { width:290px; padding:  0 20px; cursor: pointer; margin-top: 20px; margin-bottom: 10px; height:40px; background:#fff; border:1px solid rgba(43,100,172,0.2); border-radius:4px; background: #F1F7FD; border: none;} 

.choose_list { height: 35px; line-height: 35px;} 
.choose_list input { display: none;}
.choose_list label { font-size: 14px; color: #333; cursor: pointer; margin-right: 20px; display: block; float: left;}  
.choose_list label::before { content: ''; display: block; float: left; margin-top: 10px; margin-right: 10px; width: 15px; height: 15px; border-radius: 4px; border: 1px solid #a5a5a5;}
.choose_list input[type=checkbox]:checked + label::before { background: url(../img/secondPage/check02.png) no-repeat center center; background-size: 15px 15px; } 
.choose_list a { font-size: 14px; color: #a5a5a5; float: right; margin-left: 10px;} 
.choose_list a:hover { color: #004DB1;} 

.user_center_wrap { background-color: #F3F3F3; width: 100%; padding-bottom: 10px;}
.user_center { width: 1200px; margin: 0 auto }
.user_artical_left_nav { width: 200px; float: left;  margin-right: 10px; background-color: #fff}
.user_artical_left_nav h4 { width:200px; height:50px; background:linear-gradient(180deg,rgba(70,152,255,1) 0%,rgba(0,79,180,1) 100%); font-size: 16px; color: #fff; font-weight: normal; line-height: 50px;}
.user_artical_left_nav h4 span { width:150px; padding-left: 50px; height:50px; display: block; }
.user_artical_left_nav ul:first-child h4{ border-radius: 8px 8px 0 0; overflow: hidden;} 
.user_artical_left_nav ul:nth-child(1) h4 span{ background: url(../img/user/ul_icon01.png) no-repeat 10px center} 
.user_artical_left_nav ul:nth-child(2) h4 span{ background: url(../img/user/ul_icon02.png) no-repeat 10px center} 
.user_artical_left_nav ul:nth-child(3) h4 span{ background: url(../img/user/ul_icon03.png) no-repeat 10px center} 
.user_artical_left_nav ul:nth-child(4) h4 span{  background: url(../img/user/ul_icon04.png) no-repeat 10px center} 
.user_artical_left_nav li { width: 200px; height: 50px; border-bottom: 1px solid rgba(43,100,172,0.1);} 
.user_artical_left_nav li a { width: 150px; padding-left: 50px; color: #333; font-size: 14px; height: 50px; line-height: 50px; display: block;} 
.user_artical_left_nav li a:hover { color: #004DB1; background-color: #DDEAF6} 
.user_artical_left_nav li.on a { color: #004DB1; background-color: #DDEAF6} 

.user_input { width: 970px; background-color: #fff; float: left; border-radius: 8px 8px 0 0; } 
.user_input .head { width:970px; height: 50px; border-radius: 8px 8px 0 0; background:linear-gradient(360deg,rgba(225,237,251,.27) 0%,rgba(75,132,204,.27) 100%);} 
.user_input .head h4 { float: left; font-size: 18px; color: #333; height: 30px; border-left: 5px solid #004FB4; margin-top: 10px; line-height: 30px; padding-left: 20px;}
.artical_detail .head a { float: right; }
.user_input .head a:nth-child(2) { width: 85px; text-align: center;  box-sizing: border-box; height: 20px; line-height: 20px; font-size: 14px; color: #a5a5a5; background: url(../img/index/right.png) no-repeat 70px center; background-size: 5px 10px; margin-top: 15px;  margin-right: 15px;} 
.user_input ul { padding: 25px 15px;}
.user_input .html { padding: 30px;} 

.meCollect ul { padding: 0;} 
.user_input .html .list { width: 910px; margin-top: 10px; background-color: #fff}
.user_input .html .list .list_top { width:910px; height:50px; background: #004FB4; line-height: 50px; }
.user_input .html .list .list_top p { font-size: 14px; color: #FFFFFF; text-align: center; float: left;} 
.user_input .html .list .list_top p:nth-child(1) { width: 50px;} 
.user_input .html .list .list_top p:nth-child(2) { width: 740px;} 
.user_input .html .list .list_top p:nth-child(5) { width: 92px;} 
.user_input .html .list ul { background-color: #fff} 
.user_input .html .list li { min-height: 40px; background-color: #F1F7FD; margin-top: 5px; line-height: 40px;}
.user_input .html .list li div { float: left; text-align: center} 
.user_input .html .list li div:nth-child(1) { width: 50px;} 
.user_input .html .list li div:nth-child(2) { width: 740px; text-align: left; box-sizing: border-box; padding: 10px;} 
.user_input .html .list li div:nth-child(5) { width: 92px;} 
.user_input .html .list li div.articalcon a { display: block; color: #333; width: 100%; line-height: 20px;}
.user_input .html .list li div.index::after { content: ''; width: 1px; height: 15px; float: right; background-color: #333; margin-top: 13px; margin-left: -9px;} 
.user_input .html .list li div.articalcon a:hover { color: #004FB4;} 
.user_input .html .list li:nth-child(even) { background-color: #F6F7F8} 

.change_page { width: 100%; text-align: center; height: 36px; line-height: 36px; padding: 50px 0;}
.change_page a { padding: 0 20px; font-size: 14px; color: #2B2B2B; border: 1px solid #D6D6D6; border-radius: 7px; display: inline-block; height: 36px;} 
.change_page a:hover { background-color: #004FB4; color: #fff; }
.change_page a.cur { background-color: #004FB4; color: #fff; }

.change_page a:visited{
    color: #2B2B2B !important;
}
.change_page .pagination {
    display: flex;
}
.change_page .justify-content-center {
    justify-content:center;
}
.change_page .sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.change_page .page-link {
    padding: 0 20px;
    font-size: 14px;
    color: #2B2B2B;
    border: 1px solid #D6D6D6;
    border-radius: 7px;
    display: inline-block;
    height: 36px;
}
.change_page .active .page-link {
    background-color: #004FB4;
    color: #fff;
}
.change_page li+li {
    margin-left: 5px;
}

.Bidding { padding: 30px;} 
.Bidding .list { width: 910px; margin-top: 10px; background-color: #fff}
.Bidding .list .list_top { width:910px; height:50px; background: #004FB4; line-height: 50px; }
.Bidding .list .list_top p { font-size: 14px; color: #FFFFFF; text-align: center; float: left;} 
.Bidding .list .list_top p:nth-child(1) { width: 50px;} 
.Bidding .list .list_top p:nth-child(2) { width: 560px;} 
.Bidding .list .list_top p:nth-child(3) { width: 78px;} 
.Bidding .list .list_top p:nth-child(4) { width: 125px;} 
.Bidding .list .list_top p:nth-child(5) { width: 92px;} 
.Bidding .list ul { background-color: #fff} 
.Bidding .list li { min-height: 40px; background-color: #F1F7FD; margin-top: 5px; line-height: 40px;}
.Bidding .list li div { float: left; text-align: center} 
.Bidding .list li div:nth-child(1) { width: 50px;} 
.Bidding .list li div:nth-child(2) { width: 560px; text-align: left; box-sizing: border-box; padding: 10px;} 
.Bidding .list li div:nth-child(3) { width: 73px; background-image: url(../img/secondPage/list_bg.png); background-repeat: no-repeat; background-position: center center; padding-left: 5px;}  
.Bidding .list li div:nth-child(4) { width: 125px;} 
.Bidding .list li div:nth-child(5) { width: 92px;} 
.Bidding .list li div.articalcon a { display: block; color: #333; width: 100%; line-height: 20px;}
.Bidding .list li div.index::after { content: ''; width: 1px; height: 15px; float: right; background-color: #333; margin-top: 13px; margin-left: -9px;} 
.Bidding .list li div.articalcon a:hover { color: #004FB4;} 
.Bidding .list li:nth-child(even) { background-color: #F6F7F8} 

.input_select { height:160px;} 
.input_select span { width: 100px; margin-right: 10px; float: left; text-align: right; font-size: 14px; color: #333; line-height: 35px;} 
.input_select div { float: left; width: 800px;} 

.input_radio { height:40px; margin-bottom: 10px;} 
.input_radio input { display: none;} 
.input_radio span { width: 100px; margin-right: 10px; float: left; text-align: right; font-size: 14px; color: #333; line-height: 35px;} 
.input_radio label { font-size: 14px; color: #333; cursor: pointer; margin-right: 20px; display: block; float: left; line-height: 35px;}  
.input_radio label::before { content: ''; display: block; float: left; margin-top: 10px; margin-right: 10px; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #a5a5a5;}
.input_radio input[type=radio]:checked + label::before { background: url(../img/secondPage/check01.png) no-repeat center center; background-size: 15px 15px; } 

.control { padding: 15px;} 
.control .control_top { height: 50px; line-height: 50px; border-bottom: 1px solid #ededed;} 
.control .control_top p { font-size: 18px; color:#333333; font-weight: bold; float: left;}
.control .control_top input { width:194px;height:30px;border:1px solid rgba(214,214,214,1);border-radius:22px; line-height: 30px; padding-left: 40px; background: url(../img/user/search.png) no-repeat 10px center; margin-left: 315px;} 
.control .control_top form { float: left;} 
.control .control_top select { border: none; width: 100px; height: 30px; line-height: 30px; font-size: 14px; color: #a5a5a5; margin-left: 20px;} 
.control .control_top button { width:80px;height:30px;background:rgba(241,247,253,1);border:1px solid rgba(214,214,214,1);border-radius:22px; display: block; float: left; line-height: 30px; text-align: center; color: #a5a5a5; margin-top: 10px; margin-left: 10px; cursor: pointer;} 
.control .control_top button.on { background-color: #004DB1; color: #fff;} 

.control li { height:100px; width: 890px; margin: 0 auto; border: 1px solid #ededed; margin-bottom: 20px;} 
.control li img { width:80px; height:80px; display: block; float: left; margin: 10px;} 
.control li .con { width: 620px; float: left; padding: 10px;} 
.control li .con h3 { font-size: 14px; color: #333; } 
.control li .con span { font-size: 14px; color: #a5a5a5;} 
.control li .con b { font-weight: normal; display: block; margin-top: 20px; color: #C1C1C1} 
.control li .caozuo { width: 120px; float: left; display: none; height:80px; margin-top: 10px; border-left: 1px solid #ededed} 
.control li .caozuo a { display: block; padding-left: 50px; font-size: 14px; color: #004FB4; height: 40px; line-height: 45px; text-align: center;}
.control li .caozuo a:first-child { background: url(../img/user/change.png) no-repeat 30px center; } 
.control li .caozuo a:last-child { background: url(../img/user/del.png) no-repeat 30px center} 

.bgModel { width: 100vw; height: 100vh; display: none; background-color: rgba(0, 0, 0, .5); position: fixed; left: 0; top:0;}
.panduan { width:400px;height:160px; display: none; padding: 20px; box-sizing: border-box; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background:rgba(255,255,255,1);border:4px solid rgba(51,51,51,0.9);box-shadow:0px 3px 6px rgba(0,0,0,0.16);} 
.panduan .close { height: 10px; text-align: right; font-size: 35px; color: #333; line-height: 0;} 
.panduan .close span { cursor: pointer;} 
.panduan  h2 { line-height: 40px; font-size: 18px; font-weight: normal; margin-bottom: 20px;} 
.panduan  a { width:80px;height:30px;background:#004DB1;border-radius:22px; display: block; float: left; margin-right: 20px; color: #fff; text-align: center; line-height: 30px;} 
.panduan  a:last-child { background-color: #F1F7FD; border: 1px solid #D6D6D6; color: #a5a5a5;} 

.upload-img-box { float: left; } 
.main_produst { height:auto;}
.main_produst .input_pro li { float: left; position: relative} 
.main_produst .input_pro img { position: absolute; display: none; top: 4px; right: 11px; width: 25px; height: 25px;} 
.main_produst .input_pro li:hover img { display: block;} 

.VIPpermissions { width:1200px; margin: 0 auto; text-align: center}
.VIPpermissions ul li { display: inline-block; padding: 10px; box-sizing: border-box; width:208px;height:150px; background:rgba(0,25,58,.7);border:1px solid rgba(70,152,255,.7);;border-radius:8px; margin-right: 10px;}
.VIPpermissions ul li a { display: block; text-align: center; font-size: 16px; color: #333; width:100px;height:30px;background:linear-gradient(180deg,rgba(255,179,0,1) 0%,rgba(255,179,0,1) 100%);border-radius:30px; line-height: 30px; margin: 20px auto;}




