@charset "utf-8";
/* CSS Main */

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}

a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}

.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:auto; margin:0 auto; max-width:640px;background:#fff;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { height:auto!important; height:100%; position:relative;}
#footer { padding:5px 0; background:#000; color:#fff;}
/*----------------------------------  Global����  ------------------------------------*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
ul{padding-left: 25px;background: #fff;}
li{padding-right: 25px;height: 50px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;color: #333;font-size: 16px;line-height: 50px;}
ul li:last-child{border: none;}
input,select{-webkit-appearance: none;margin-left: 20px;padding: 10px 0;height: 100%;border: none;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #333;}
.mt20{margin-top: 20px !important;}
.mt10{margin-top: 10px !important;}
.ml18{margin-left: 18px !important;}
.mt0{margin-top: 0px !important;}
.pt20{padding-top: 20px !important;}
.pt5{padding-top: 5px !important;}
.pt0{padding-top: 0px !important;}
.c06A243{color: #06A243 !important;}
.ed3f41{color: #ed3f41 !important;}
.eba900{color: #eba900 !important;}
.fff{background: #fff !important;}
/*���ð�ť*/
.com_btn{margin: 0 15px;width: calc(100% - 30px);height: 45px;border-radius: 3px;overflow: hidden;box-sizing: border-box;}
.com_btn>a{display: block;font-size: 16px;line-height: 45px;text-align: center;background: #36c6da;color: #fff;}
.back_btn{padding: 20px 0;}
.back_btn>a{position: relative;font-size: 14px;color: #308ee5;line-height: 15px;}
.back_btn.double_a>a.vertical_a{margin-left: 20px;}
.back_btn.double_a>a.vertical_a:after{content:"";position: absolute;width: 1px;height: 12px;background: #e5e5e5;left: -40%;top: 22%;}
/*����*/
.mask{top: 0;left: 0;bottom: 0;right: 0;background: #000;opacity: 0.5;z-index: 998;}
.pop_box{width: 290px;left: 50%;top: 25%;margin-left: -145px;background: #fff;z-index: 999;border-radius: 5px;}
.pop_box_t{color: #666;padding: 20px 25px;}
.pop_box_title{font-size: 16px;font-weight: 700;color: #000;}
.pop_box_tip{font-size: 15px;}
.pop_box_num{font-size: 24px;}
.pop_box_warn{font-size: 13px;}
.pop_box_b{height: 50px;line-height: 50px;font-size: 16px;color: #000;border-top: 1px solid #e5e5e5;}
#verifyImg{margin-top: -15px;top: 50%;right: 30px;width: 74px;height: 30px;background: #ccc;}
#verifycode,#validateCode,#Codenum{width: calc(100% - 100px);}
input[name=getpasscode]{margin-top: -12px;padding: 0;top: 50%;right: 30px;width: 74px !important;height: 25px;border: 1px solid #000;border-radius: 5px;line-height: 23px;box-sizing: border-box;font-size: 12px;}
/*index*/
.sp_index{height: 100%;padding-top: 6vh;background: url(../image/sp_bg.jpg) no-repeat center center;background-size: cover;box-sizing: border-box;}
.sp_index h1{color:#242424;font-size: 18px;}
.sp_index p{margin-top: 10px;color:#666666;font-size: 12px;}
.sp_index .box{width: 100%;margin-top: 3vh;}
.sp_index ul{width: 70%;background: transparent;margin: 0 auto;padding: 0;}
.sp_index ul li{margin-top: 15px;height: auto;background: transparent;border-radius: 5px;padding: 0;line-height: 15px;}
.sp_index ul li:nth-child(1){margin-top: 0px;}
.sp_index .btn_box{position: relative;margin-top: 5vh;height: auto;text-align: center;}
.sp_index .btn_box .sign_btn{display: inline-block;width: 105px;border: 1px solid #898989;}
.sp_index .btn_box .sign_btn:nth-child(1){margin-right: 15px;}
.sp_index .btn_box .sign_btn:nth-child(2){margin-left: 15px;}
.sp_index .btn_box .sign_btn>a{display: block;color: #333333;font-size: 15px;line-height: 35px;}
/*ע��*/
.f4f4f4{background: #f4f4f4 !important;}
.sign_up .tip{padding-left: 15px;height: 33px;color: #666;line-height: 33px;font-size: 13px;box-sizing: border-box;}
.sign_up .sign_up_ul{padding-left:30px;}
.sign_up .sign_up_ul>li{padding-left: 20px;padding-right: 30px;}
.sign_up .sign_up_ul>li.bg_1{background: url(../image/css_sprites.png) no-repeat -15px -39px;background-size:  49px 417px;}
.sign_up .sign_up_ul>li.bg_2{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -15px -272px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_3{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -12px -224px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_4{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -13px -321px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_5{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -13px 4px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_6{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -13px -83px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_7{height: auto;background: rgba(0, 0, 0, 0) url(../image/sp_icon11.png) no-repeat scroll 3px 18px / 15px 15px;}
.sign_up .sign_up_ul>li.bg_7 .arrow{top: 14px;right: 31px;width: 25px;height: 25px;transition: 0.5s;background: url(../image/sp_icon8.png) no-repeat center / 11px 6px;}
.sign_up .sign_up_ul>li.bg_7 span.content{margin-left: 16px;color: #ccc;}
.sign_up .sign_up_ul>li.bg_7 ul{padding: 0px 0px 15px 20px;}
.sign_up .sign_up_ul>li.bg_7 ul>li{float: left;position: relative;padding:0;width: 95px;height: auto;line-height: 30px;border: none;}
.sign_up .sign_up_ul>li.bg_7 ul>li>label{display: block;padding-left: 30px;width: 100%;height: 100%;background: url(../image/sp_icon10.png) no-repeat left / 18px 18px;font-size: 13px;}
.sign_up .sign_up_ul>li.bg_7 ul>li>label.on{background-image: url(../image/sp_icon9.png);}
.sign_up .sign_up_ul>li.bg_7 ul>li>label>input{position: absolute;left: 0;top: 3px;width: 0;height: 0px;opacity: 0;}
.sign_up .sign_up_ul>li.bg_8{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -13px -368px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_9{background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -11px -176px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_10{ background: rgba(0, 0, 0, 0) url(../image/css_sprites.png) no-repeat scroll -11px -129px / 49px 417px;}
.sign_up .sign_up_ul>li.bg_10 .arrow{ display: inline-block; position: absolute; top: 14px;right: 31px;width: 25px;height: 25px;transition: 0.5s;background: url(../image/sp_icon8.png) no-repeat center / 11px 6px;}
.sign_up .sign_up_ul>li>input,select{float: left;width: calc(100% - 100px);background-color: #fff !important;}
.sign_up .sign_up_ul>li>select{margin-left: 16px;color: #ccc;}
.sign_up .sign_up_ul>li.password_box>input{width: calc(100% - 140px);}
.sign_up .ml_li{margin-left: 45px;}
@media screen and (max-width: 342px) {
    .sign_up .ml_li{margin-left: 30px;}
}
#eye_box{right: 33px;top: 50%;margin-top: -5px;width: 21px;height: 10px;}
.open{background: url(../image/sp_icon7.png) no-repeat bottom / 21px 10px;}
.close{background: url(../image/sp_icon6.png) no-repeat bottom / 21px 6px}

#header.user_info{height: 185px;box-sizing: border-box;background: #fff url(../image/sp_headerBg.png) no-repeat center;background-size: cover;color: #fff;}
.user_info .user_info_t{padding-top: 35px;padding-left: 34px}
.user_info .user_info_t>img{height: 60px;width: 60px;border-radius: 30px;}
.user_info .user_info_t .user_info_c{overflow: hidden;width: 65vw;padding-left: 15px;padding-top: 10px;}
.user_info .user_info_t .user_info_c>h1{font-size: 20px;line-height: 24px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.user_info .user_info_t .user_info_c>p{font-size: 12px;line-height: 20px;}
/*���̻�*/
.user_info .user_info_t .user_info_c.sub_user_info{width: 60vw;}
.user_info .user_info_t .user_info_c.sub_user_info>h1{width: 40vw;white-space:normal;text-overflow: ellipsis;overflow: visible;}

.user_info .focus{top: 35px;right: 30px;width: 55px;height: 20px;line-height: 18px;border: 1px #fff solid;border-radius: 10px;box-sizing: border-box;font-size: 12px;}
.user_info_b{margin-top: 30px;}
.user_info_b>div{float: left;width: 50%;}
.user_info_b>div>span{display: block;font-size: 12px;line-height: 28px;}
.user_info_b>div>p{font-size: 12px;line-height: 18px;}
.user_info_b .balance>span{font-size: 18px;}
.user_info_b .exit_time:after{content:"";position: absolute;width: 1px;height: 11px;background: #fff;top: 32px;left: -1px;}
.user_main .tab{background: #fff;}
.user_main .tab>div{float: left;width: 50%;height: 50px;font-size: 14px;line-height: 50px;color: #000;}
.user_main .tab .line{position: absolute;bottom: 0px;left: 16vw;width: 18vw;height: 1px;background: #f0ba1b;transition: all 0.3s;}
.user_main .content{margin-top: 5px;}
.user_main .content_l .search_box{padding: 0 25px;background: #fff;}
.user_main .content_l .search_box input{margin: 0;padding:2px 5px 0px 45px;height: 30px;width: calc(100vw - 120px);background:#f5f5f5 url(../image/sp_icon1.png) no-repeat 15px 8px / 15px 15px;border: none;border-radius: 5px;box-sizing: border-box;font-size: 14px;line-height: 16px;}
.user_main .content_l .search_btn{width: 60px;height: 30px;border:1px solid #eba900;border-radius: 5px;box-sizing: border-box;line-height: 28px;color: #eba900;}
.user_main .content_title{padding-left: 25px;height: 31px;line-height: 31px;font-size: 16px;font-weight: 700;text-align: left;}
.user_main .tip{padding-left: 25px;height: 30px;font-size: 12px;color: #999;line-height: 30px;}
/*ul*/
.user_main ul.search_list{padding-right: 25px;}
.user_main ul.search_list{margin-top: 25px;line-height: 60px;}
.user_main ul.search_list>li{position: relative;padding: 0;height: 60px;cursor: pointer;border-bottom: 1px solid #e5e5e5;line-height: 60px;font-size: 14px;}
.user_main ul.search_list>li.add{background: url(../image/sp_icon_add.png) no-repeat center;background-size: 20px 20px;}
.user_main ul.search_list>li.top:after{position: absolute;content:"";top: 5px;right: 0px;width: 20px;height: 10px;background: url(../image/sp_icon2.png) 0px 0px / 20px 10px;}
li.agent_bill{background: url(../image/arrow.png) no-repeat 92% 19px / 8px 13px;}
/*add*/
.user_main ul.add_ul li{overflow: hidden;}
.user_main ul.add_ul span{float: left;width: 65px;}
.user_main ul.add_ul input{float: left;width: calc(100vw - 135px);}
.user_main ul.load_ul li{position: relative;padding-top: 8px;background: url(../image/sp_icon3.png) no-repeat 91% 51% / 37px 18px;}
.user_main ul.load_ul p{line-height: 20px;text-align: left;}
.user_main ul.load_ul span{display: block;font-size: 12px;line-height: 18px;text-align: left;color: #999;}
.user_main ul.load_ul input{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: 0;width: 100%;height: 100%;background: url(../image/sp_icon3.png) no-repeat 91% 51% / 37px 18px;opacity: 0;}
.user_main .send_infor{padding: 20px 25px 30px;font-size: 14px;color: #333333;}
.user_main .send_infor span{line-height: 20px;}
.user_main .send_infor p{margin-top: 20px;padding-left: 20px;background: url(../image/sp_icon4.png) no-repeat 0px 1px / 14px 18px;line-height: 20px;}
.user_main .send_infor:before{position: absolute;content:"";left: 0px;top: 0px;width: 100%;height: 6px;background: url(../image/sp_textBg.png) no-repeat center;}
.user_main .send_infor:after{position: absolute;content:"";left: 0px;bottom: 10px;width: 100%;height: 6px;background: url(../image/sp_textBg.png) no-repeat center;}
.user_main .tip.new_tip{padding: 5px 25px;line-height: 20px;}

/*loading*/
.loadingBg { position:fixed; width:100%; height:100%; top:0; left:0; z-index:999;background: rgba(0,0,0,0.1);display: none;}
.loadingBox { position:fixed;z-index:1000;top:50%; margin-top: -100px;  margin-left: -50px;left:50%;width:100px;height:100px; overflow:hidden;border-radius:10px;}
.loadingBox i{ position:absolute;z-index:9;top:50%;left:50%;margin:-25px 0 0 -25px;width:40px;height:40px;border:7px dotted #000;border-color:rgba(100,100,100,.2) rgba(100,100,100,.3) rgba(100,100,100,.4) rgba(100,100,100,.5);border-radius:40px;-webkit-animation:loadforever 1s infinite linear;}
.loadingBox.hasp {margin:-30px auto auto -50px;width:100px;height:60px; padding-bottom:20px;}
.loadingBox.hasp i { margin-top:-24px;}
@-webkit-keyframes loadforever{0%{-webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}

/*2018诚招服务商*/
.sp_index#wrapper{padding: 0;}
.sp_index .container .comment>.tc h1{font-size: 22px;color: #242424;height:30px;line-height:30px ;}
.sp_index .container .comment>.tc p{color: #666;margin-top: 15px;font-size: 12px;}

.sp_index .container .part01{background: url(../image/fws/part1-1.jpg) no-repeat center center;background-size: 100% 100%;height: 0;padding-bottom: 59%;}
.sp_index .container .part01 .tc h1{font-size: 28px;color: #fff;padding:40px 0 15px;}
.sp_index .container .part01 .tc p{color: #fff;font-size: 12px;margin-top: 5px;}
.sp_index .container .part01 .tc .btn{width: 140px;height: 45px;line-height: 45px;color: #fff;font-size: 17px;background: #fcaa29;border-radius: 5px;margin: 15px auto 0;}
.sp_index .container .part01 .tc .btn a{color: #fff;}

.sp_index .container .part02{background: #F8F8F8;padding: 30px 0;}
.sp_index .container .part02 h1{font-size: 22px;color: #242424;height:30px;line-height:30px ;}
.sp_index .container .part02 .img_box img{width: 100%;}
.sp_index .container .part02 .text{width: 90%;margin: 0 auto;font-size: 13px;line-height: 22px;}
.sp_index .container .part02 .text p{font-size: 13px;color: #333;margin: 5px 0;}
.sp_index .container .part02 .text a{color: #fcaa29;}

.container .part03{background: #fff;margin: 0 auto;position: relative;overflow: hidden;padding: 20px 0 10px;}
.container .part03 .tc{padding-bottom: 20px;}
.container .part03 .box{width: 100%;margin: 0 auto;display: flex;justify-content: space-around;padding-bottom: 20px;}

.container .part03  dl{}
.container .part03  dl:first-child{margin-left: 4%;margin-right: 1%;}
.container .part03  dl:last-child{margin-right: 4%;margin-left: 1%;}
.container .part03  dt{position: relative;}
.container .part03  dt span{width: 100%;height: 25px;line-height:25px;font-size: 12px;color: #fff;background: rgba(51,51,51,0.5);position: absolute;left: 0;bottom: 0;}
.container .part03  dd{margin:12px 0px 0 16px;}
.container .part03  dt img{display: block;vertical-align: middle;width: 100%;}
.container .part03  dd h3{font-size: 20px;color: #333333;line-height: 60px;}
.container .part03  dd ul{font-size: 12px;color: #333;line-height: 25px;text-align: left;width: 100%;padding: 0;}
.container .part03  dd ul li{list-style: square;border: 0;font-size: 12px;margin-top: 7px;height:auto;line-height: 15px;padding: 0;}

.sp_index .part04 {background: url(../image/fws/part4-bg.jpg) no-repeat center center;background-size: 100% 100%;height: 0;padding-bottom: 145%;}
.sp_index .part04 >.tc{padding-top: 30px;}
.sp_index .part04 .tc h1{font-size: 22px;color: #242424;height:30px;line-height:30px ;}
.sp_index .part04 .tc p{color: #666;margin-top: 15px;}
.sp_index .part04 .box ul{width: 90%;}
.sp_index .part04 .box ul li{border: 0;}
.sp_index .part04 .box .block{position: relative;background: #fff;padding: 0 25px;height: 120px;margin: 0 auto;border-radius: 5px;}
.sp_index .part04 .box .block p{font-size: 18px;color: #fcaa29;margin-top: 0;height: 35px;line-height: 35px;position: relative;width: 100px;margin: 0 auto;padding: 12px 0px 5px 30px;text-align: left;}
.sp_index .part04 .box .block font{font-size: 14px;}
.sp_index .part04 .box .block span{font-size: 12px;color: #555555;height: 15px;line-height: 20px;}
.sp_index .part04 .box .block p:before{content: '';width: 30px;height: 30px;display: block;position: absolute;left: -10px;margin-top:0 ;}
.sp_index .part04 .box ul li:nth-child(1) .block p:before{background: url(../image/fws/icon1.png) no-repeat center center;background-size:100% ;}
.sp_index .part04 .box ul li:nth-child(2) .block p:before{background: url(../image/fws/icon2.png) no-repeat center center;background-size:100% ;}
.sp_index .part04 .box ul li:nth-child(3) .block p:before{background: url(../image/fws/icon3.png) no-repeat center center;background-size:100% ;}

.sp_index .part05 .box{padding-bottom: 40px;}
.sp_index .part05 .box img{width: 100%;}
.sp_index .part05 .box ul{width: 90%;}
.sp_index .part05 .box ul li{border: 0;}
.sp_index .part05 .box{margin: 0 auto;}
.sp_index .part05>.tc{margin:35px 0 15px;}
.sp_index .part05 .box ul li{display: flex;line-height: 20px;margin: 15px 0;}
.sp_index .part05 .box ul.tl font{font-size: 12px;color: #333333;}
.sp_index .part05 .box ul.tl span{width: 35px;height: 20px;line-height: 20px;text-align: center;background:#fca62d;color: #fff;font-size: 15px;display: block;margin-right: 15px;}

.footer{position: fixed;left: 0;bottom: 0;width: 100%;height: 50px;background: ;box-sizing: border-box;overflow: hidden;background: #ffab00;opacity: 0.9;}
.footer>div{float: left;height: 100%;padding:7px 8vw;width: 33.33%;text-align: center;box-sizing: border-box;}
.footer .btn_box>i{display: inline-block;height: 21px;width: 21px;background:url(../image/fws/icon_sprites_new.png)  no-repeat center center;background-size:21px 169px;}
.footer .btn_box>span{display: block;font-size: 12px;color: #fff;line-height: 15px;}
.footer .btn_box{display: block;margin-top: 0;width: 100%;cursor: pointer;}
.footer .footer1 i{background-position:0 -148px;}
.footer .footer2 i{background-position:0 -86px;}
.footer .footer3 i{background-position:0 0;}