/******************************html***********************************/
/*class*/
#html{position:relative;overflow:hidden;}
#body{width:100%;background:#eee;padding-bottom:65px;}
#body.fd{position:relative;z-index:20;}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

/******************************common***********************************/
#tabber{max-width:700px;min-width:310px;width:100%;height:60px;background:white;position: fixed;bottom:0;left:50%;transform:translateX(-50%);z-index: 99;}
#tabber ul li{width:33.33%;float:left;text-align: center;}
#tabber ul li img{width:28px;display: block;margin:3px auto;margin-top:7px;filter: grayscale(100%) brightness(0);opacity: 0.5}
#tabber ul li a{display:block;color:#767676;}
#tabber ul li a.me{color:#c98401;}
#tabber ul li a.me img{filter: none;opacity: 1}


/*navs(foot)*/
#navs{width:100%;position: absolute;left:100%;top:0;z-index:997;background:#fff;}

/*nav_t(foot)*/
#nav_t{height:50px;padding:5px 0;background:white;position:relative;}
#nav_t a#ht{width:40px;height:100%;line-height:45px;padding-left:2%;position:absolute;top:-2px;display:block;font-size:45px;color: #02427f;}
#nav_t a#lo{display:block;}
#nav_t a#lo img{height:40px;margin:0 auto;display:block;}

/*nav_c(foot)*/
#navs #nav_c ul li a{line-height:47px;padding:0 5%;display:block;font-size:15px;border-bottom:1px solid #eee;}
#navs #nav_c ul li.bg{background:#f6f6f6;}
#navs #nav_c ul li dl{display:none;}
#navs #nav_c ul li dd{width:95%;margin-left:5%;}
#navs #nav_c ul li dd a{color:#888;}
#navs #nav_c ul li a span{width:20px;height:47px;float:right;color:#999;background:url("../img/d_foot3.png") no-repeat 2px 17px;background-size:70%;display:block;}
#navs #nav_c ul li a.xl span{background:url("../img/d_foot3.png") no-repeat 0px -55px;background-size:70%;}
#navs #nav_c ul li a.xl:hover span{background:url("../img/d_foot3.png") no-repeat 0px -90px;background-size:70%;}
#navs #nav_c ul li a.me{color:#006699;background:#f6f6f6;}
#navs #nav_c ul li a.me span{color:#006699;background:url("../img/d_foot3.png") no-repeat 3px -19px;background-size:70%;}
#navs #nav_c ul li a:hover{color:#006699;background:#f6f6f6;}
#navs #nav_c ul li a:hover span{color:#006699;background:url("../img/d_foot3.png") no-repeat 3px -19px;background-size:70%;}
#navs #nav_c ul li ul{display:none;}
#navs #nav_c ul li ul li a{padding-left:13%;}
#navs #nav_c ul li div.mtan{width:90%;margin-left:10%;display:none;}
#navs #nav_c ul li div.mtan:after{clear:both;display:block;content:"";}
#navs #nav_c ul li div a{padding:0 5px;display:block;float:left;}

/*topa(index)*/
#topa h1{height:50px;padding:5px 0;background:white;overflow:hidden;position:relative;}
#topa a#ht{width:40px;height:100%;line-height:45px;padding-left:2%;position:absolute;top:0px;display:block;font-size:30px;color: #c98401;}
#topa a#lo{display:block;}
#topa a#lo img{height:40px;margin:0 auto;display:block;}
#topa h1 a#cd{width:50px;height:100%;position:absolute;top:0;right:0;display:block;}
#topa h1 a#cd img{width:28px;margin:12px auto;display:block;}

/*topb(topb)*/
#topb h1{height:50px;padding:5px 0;background:white;overflow:hidden;position:relative;}
#topb a#lo{display:block;}
#topb h1 a#lo img{height:40px;margin:0 auto;display:block;}
#topb h1 a#cd{width:50px;height:100%;position:absolute;right:0;top:0;display:block;}
#topb h1 a#cd img{width:28px;margin:17px auto;display:block;}

/*topc(topc)*/
#topc h1{height:50px;padding:5px 0;background:white;overflow:hidden;position:relative;}
#topc a#lo{display:block;}
#topc h1 a#lo img{height:40px;display:block;margin-left: 10px;}
#topc h1 a#cd{width:50px;height:100%;position:absolute;right:0;top:0;display:block;}
#topc h1 a#cd img{width:28px;margin:17px auto;display:block;}

/*公用top*/
div.gy_top{line-height:50px;padding-left:5px;font-size:16px;color:#000;border-bottom: 1px solid #eee;}

#index01{width:100%;background: white;padding:10px 0;margin:10px 0;}
#index01:after{clear:both;display:block;content:"";}
#index01 dl{width:46%;margin:2%;padding:10px;padding-bottom:0;float:left;border-radius: 10px;background:#ff8787;color:white;}
#index01 dl:nth-child(2){background:#eaa54f}
#index01 dl:nth-child(3){background:#6cc372}
#index01 dl:nth-child(4){background:#11ade6}
#index01 dl dt{height:30px;line-height: 30px;border-bottom: 1px solid white;font-size:16px;}
#index01 dl dd{height:50px;line-height:50px;font-size:18px;overflow:hidden;}
#index01 dl dd p{display: inline-block}
#index01 dl dd span{line-height:55px;float:right;font-size: 14px;}

#index02{width:100%;background: white;padding:0 10px;}
#index02 dl{line-height: 40px;overflow:hidden;text-align: center}
#index02 dl dt,#index02 dl dd{height: 40px;overflow:hidden;border-bottom: 1px solid #eee}
#index02 dl dt span{color:#333}
#index02 dl span{width:33.3%;display: inline-block;color:#777777}
#index02 dl i{width:70px;height:26px;line-height: 26px;background:#d28c34;color:white;display: inline-block;font-style: normal;border-radius: 5px;font-size: 12px;}

#index03{width:100%;background: white;padding:0 10px;margin-top:10px;}
#index03 dl{line-height: 40px;text-align: center}
#index03 dl dt,#index03 dl dd{height: 40px;overflow:hidden;border-bottom: 1px solid #eee;display: flex}
#index03 dl .span1{width:50px;}
#index03 dl .span2{flex:1}
#index03 dl .span3{width:100px;}




/*会员登录*/
#logd{height:100%;background:#fff5e9;border-radius:10px;padding-top:130px;overflow:hidden;}
#logd .ri{width:96%;height:400px;padding-top:80px;margin:0 auto;color:#666;background:white;border-radius: 10px;position: relative}
#logd  #logd_logo{width:120px;height:100px;position: absolute;top:-50px;left:50%;z-index: 5;margin-left:-60px;background:#fff5e9;border-radius: 50%;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);}
#logd  #logd_logo img{width:80px;display: block;margin:18px auto;}
#logd #tit_top{text-align: center;font-size:20px;color:#000;}
#logd .ri ul{border-radius: 5px 5px 0 0;overflow:hidden;display:flex;justify-content: center;margin-top:10px;}
#logd .ri ul li{line-height:50px;font-size:16px;margin:0 20px;cursor:pointer;display: inline-block}
#logd .ri ul li.me{color:#d28c34}
#logd .ri dl {width:260px;height:210px;padding-top:20px;font-size:16px;background:#fff;display:none;margin:0 auto;}
#logd .ri dl dd {height:60px;line-height:60px;position: relative;margin-bottom: 10px;list-style-type:none;border:0;}
#logd .ri dl .vip_wj {height:40px;line-height:40px;font-size: 12px;float: right;margin-right: 5px;margin-left: 5px;}
#logd .ri dl dd input{width:100%;height:40px;line-height: 40px;padding:0 20px;padding-left:50px;border: 1px solid #CCC;border-radius: 30px;}
#logd .ri dl dd input:focus{outline:none}
#logd .ri dl dd img{width:17px;display: block;position: absolute;top:23px;left:20px;z-index: 55;}
#logd .ri dl dd #fayzm{width:100px;line-height:36px;display: block;color:#d28c34;border:1px solid #d28c34;text-align: center;position: absolute;top:13px;right:0px;z-index: 55;border-radius: 30px;font-size:14px;}
#logd .ri dl dd input[type=submit],#logd .ri dl dd input[type=button]{width:260px;height:40px;padding:0;font-size:16px;margin:0 auto;margin-top:40px;border:none;border-radius: 20px;background:#d28c34;cursor: pointer;color:white;display: block}
#logd .ri dl dd input[type=submit]:hover,#logd .ri dl dd input[type=button]:hover {opacity: 0.8}

/*会员中心useri*/
#useri #useri01{height:120px; background: linear-gradient(to bottom, #ddb98c, #f6f0ea);position: relative}
#useri #useri01_l{width:70px;float:left;position: relative;margin-left:20px;}
#useri #useri01_l .face{width:70px;height:70px;margin-top:25px;border-radius: 50px;overflow:hidden;}
#useri #useri01_l .crown{width:20px;display: block;position: absolute;top:18px;left:0;z-index: 5}
#useri #useri01_c{padding-top:30px;margin-left:10px;float:left;}
#useri #useri01_c p{line-height:30px;color:#000;}
#useri #useri01 #bianji{padding:2px 5px;color:#f60;border:1px solid #f60;border-radius: 7px;position: absolute;top:35px;right:20px;font-size:12px;}

#useri #useri02{padding:10px 0;background: white;}
#useri #useri02 ul{text-align: center}
#useri #useri02 ul li{width:32.5%;display: inline-block;line-height: 30px;border-left:1px solid #eee}
#useri #useri02 ul li:first-child{border-left:none;}
#useri #useri02 ul li p{font-size:18px;color:#D38C32;}

#useri #useri03{width:96%;padding:10px;margin:0 auto;margin-top:20px;background: white;border-radius: 10px;}
#useri #useri03 ul li a{line-height:45px;padding:0 5%;display:block;font-size:15px;border-bottom:1px solid #eee;}
#useri #useri03 ul li.bg{background:#f6f6f6;}
#useri #useri03 ul li img{width:20px;display: block;float:left;margin:13px 10px 0 0;}
#useri #useri03 ul li a span{width:13px;height:13px;float:right;color:#999;background:url("../img/youjian.png") no-repeat center;background-size:100%;display:block;margin-top:17px;opacity: 0.7}
#useri #useri03 ul li a.xl span{background:url("../img/youjian.png") no-repeat;background-size:100%;transform:rotate(90deg);}
#useri #useri03 ul li a.me{color:#006699;background:#f6f6f6;}
#useri #useri03 ul li a.me span{color:#006699;background:url("../img/youjian.png") no-repeat;background-size:50%;}
#useri #useri03 ul li ul{display:none;}
#useri #useri03 ul li ul li a{padding-left:60px;color:#777}

#tuic{width:96%;padding:10px;display:block;margin:0 auto;margin-top:20px;background: white;border-radius: 10px;border:none;}


#ordf .li{width:96%;padding:5%;margin:10px auto;background:white;border-radius: 10px;}
#ordf .li p{line-height:25px;color:#333}
#ordf .li p.p{color:#999}
#ordf .li span.lv{color:green}
#ordf .li span.hong{color:red}

#usen{width:96%;margin:20px auto;padding:10px;background:white;border-radius: 10px;}
#usen dl dt{width:100%;height:40px;line-height:40px;font-size:15px;text-indent:30px;}
#usen dl dd{width:100%;padding:8px 0;font-size:14px;display: flex}
#usen dl dd:after{display:block;content: '';clear:both;}
#usen dl dd#tx{min-height:100px;position: relative}
#usen dl dd input#otherfiles{width:120px;height:120px;display: block;position: absolute;top:15px;left:85px;z-index: 5;cursor: pointer;border-radius: 50%;opacity: 0}

#usen dl dd span{width:80px;display: block;float:left;text-align: right}
#usen dl dd#tx img{width:100px;height:100px;margin-left:40px;}
#usen dl dd input{flex:1;height:30px;line-height:30px;text-indent:5px;margin-left:40px;color:#555;border:1px solid #ccc;}
#usen dl dd input[type=submit]{width:80%;display:block;height: 40px;line-height: 40px;color: #FFF;text-align: center;background:#D38C32;border: 0px none;border-radius: 20px;margin:0 auto;margin-top:40px;}

.pass{width:96%;margin:20px auto;padding:10px;background:white;border-radius: 10px;}
#pass dl {margin:50px auto;font-size:14px;}
#pass dl dd {height:40px;margin:20px 0;}
#pass dl dd input{width:80%;height:40px;line-height: 40px;padding:0 20px;padding-left:30px;margin:0 auto;border: 1px solid #CCC;border-radius: 30px;display: block}
#pass dl dd #m_xiug{width:80%;display:block;height: 40px;line-height: 40px;color: #FFF;text-align: center;background:#D38C32;border: 0px none;border-radius: 20px;margin:0 auto;margin-top:40px;}