@charset "utf-8";
.mb15{ margin-bottom:15px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
/* CSS Document */
.login td em,.login .other .remember label.selected em,.rBar dt em,.rBar dd a{ background:url(../images/icon.png) no-repeat;}
#bg img{ width:100%; min-width:1180px;}
/*----zone----*/
.zone{ min-height:500px; padding-top:62px;}
.zone01{ min-height:700px;}
.left{ width:962px; float:left;}
.right{ width:218px; float:right;}
.sonClass{ height:63px; line-height:63px;}
.sonClass h3{ display:inline-block; font-size:14px; margin-right:20px; position:relative; text-align:center; min-width:60px; padding:0 10px;}
.sonClass h3.now>a{ color:#036cab;}
.rBar dt{ height:88px; background-color:#036cab; text-align:center; padding-top:40px; position:relative; margin-bottom:2px;}
.rBar dt em{ position:absolute; left:0; top:0; display:inline-block; width:18px; height:18px; background-position:-124px -8px;}
.rBar dt h3{ font-size:26px; color:#fff;}
.rBar dt span{ font-size:14px; color:#fff;}
.rBar dd,.rBar li{ height:47px; line-height:47px; border:1px solid #e8e8e8; border-top:0; padding-left:27px;}
.rBar dd a,.rBar li a{ display:block; font-size:14px; color:#666666; background-position:-144px -13px; padding-left:17px;}
.rBar dd.now a,.rBar li a.now,.rBar dd a:hover{ color:#f99729;}

.rContact{ height:124px; background-color:#057dc2; padding:40px 8px 0; line-height:36px;}
.rReg{ background-color:#036cab; height:145px; font-size:30px; padding-top:55px;}
.rReg a{ color:#fff;}

.loginBox{ width:720px; margin:0 auto;}
.loginBox .name h3{ display:inline-block; margin-right:20px; font-size:14px; color:#808080; height:22px; border-bottom:2px solid #fff; font-weight:bold; cursor:pointer;}
.loginBox .name h3.now{ border-bottom:2px solid #e6a152; color:#e6a152; }


.changeBox{ padding:63px 0; display:none;}
.login td{ padding:10px 0; line-height:32px;}
.login td em{ display:inline-block; width:42px; border:1px solid #bdbab1; border-right:0; height:30px; background-color:#808080; float:left;}
.login td .txt{ width:238px; height:28px; float:left; border:0; padding:0 18px; border:2px solid #cdcdcd; border-left:0; color:#808080;font-family:Microsoft YaHei;}
.login td .yzm{ width:64px;}
.login td span{ display:inline-block; float:left; margin-left:5px; color:#989898;}
.login td span img{ width:75px; height:31px; cursor:pointer;}
.login td em.loginEm01{ background-position:0 0;}
.login td em.loginEm02{ background-position:0 -32px;}
.login td em.loginEm03{ background-position:0 -64px;}
.login td em.loginEm04{ background-position:0 -133px;}
.login .other{ margin-top:35px; position:relative; width:320px;}
.login .other{ height:24px; line-height:24px;}
.login .other .remember,.login .other .forget,.login .other .forget a{ color:#808080;}
.login .other input[type="checkbox"]{ opacity:0;}
.login .other .remember label{ display:inline-block; position:absolute; left:0; top:0;}
.login .other .remember label em{ width:25px; height:22px; display:inline-block; background-color:#808080; border-top:1px solid #c6c0ad;border-bottom:1px solid #c6c0ad;border-left:1px solid #dbd8cc;border-right:1px solid #dbd8cc; margin-right:5px;}
.login .other .forget a.now{ color:#f99729;}
.login .other .remember label.selected em{  background-color:#808080; background-position:-7px -100px;}
.login .sub{ width:318px; height:41px; color:#fff; background-color:#036cab; border:0; border-radius:2px; font-size:14px; font-weight:bold; font-family:Microsoft YaHei; letter-spacing:1px; margin-top:35px;}
.regMember{ width:250px; margin:0 auto;}
.login .other .regMember label em{ width:14px; height:14px; margin-top:4px;}
.login .other .regMember label{ position:static;}
.login .other .regMember label.selected em{  background-color:#808080; background-position:-94px -5px; margin-top:4px;}


/*----memberBox----*/
.memberBox{ width:900px; padding-bottom:30px;}
.memberBox .title,.userlistTitle{ font-size:24px; color:#f99729; text-align:center;}
.memberBox .list span{ display:inline-block; text-align:center; float:left; width:212px;}
.memberBox .list span.no{ width:50px;}
.memberBox .list dt,.memberBox .list dd{ height:35px; line-height:35px;  font-size:14px;}
.memberBox .list dt{ background-color:#036cab;color:#fff; font-weight:bold;}
.memberBox .list dd{ color:#333333; border-bottom:1px dashed #666666;}
.memberBox .list dd.gray{ background-color:#eaeaea;} 

/*----search----*/
.search{ text-align:center; margin-bottom:20px;}
.search select{ margin-right:10px;}


.djTitle h3{ font-size:24px; color:#333333; font-weight:bold; display:block; margin-bottom:5px;}
.djTitle span{ color:#666666;}
.djTitle span i,.djTab td span i,.djName span{ color:#ff0000;}

.djName{ height:30px; border-bottom:2px solid #bcbcbc;}
.djName h3{ font-size:18px; color:#036cab; display:inline-block; margin-right:10px;}

.djTab td,.userlistTab td{ padding:5px 0;}
.djTab td span{ display:block; color:#999999; margin-bottom:3px; font-family:SimSun;}
.djTab .djTxt,.djTab .djArea,.userlistTab input[type=text]{ width:213px; height:27px; line-height:27px; border:1px solid #cccccc;}
.djTab .djArea{ width:350px; height:100px;}
.djTab .yzm{ width:82px;}
.djTab td em{ color:#999999;}
.djSub{width:170px; height:30px; color:#fff; background-color:#0080be; border:0; border-radius:2px; font-size:14px; letter-spacing:1px;}

.djsName{ font-size:14px; font-family:SimSun; color:#f99729;}


.tableGray{ background-color:#ededed; padding:10px 5px;}

#addForm label{ color:#ff0000; margin-left:10px; font-size:12px;}

.userlistTab tr.header{background-color:#036cab;color:#fff; font-weight:bold;}
.userlistTab tr.header td{ color:#fff;}
.userlistTab td{ padding:0 10px; height:30px; font-size:14px;}

#layerout{ width:100%; height:100%; position:fixed; top:0;}
.layerout{ width:680px; height:215px; border:1px solid #b51220; background-color:#fff; padding:10px; display:none; position:absolute; left:50px; top:37px;}
.layerout td{ font-size:14px; color:#333333; padding:10px 0;}
.layerout .textArea{ width:100%; border:1px solid #d3d3d3; height:150px;}
.layerout .sub{ display:inline-block; width:98px; height:25px; border:0; color:#fff; font-size:14px; background-color:#0d62af; margin-right:25px;}
.layerout .pass{ background-color:#b00110; text-align:center; line-height:25px;}


#map {background:url("../images/map.png") no-repeat center top;height: 630px;position: relative;width: 750px; margin:0 auto;}
#map .area { background:url("../images/mark.png") no-repeat center center; display: block; height: 17px; position: absolute; width: 18px;}

.sbStyle li{ float:left; margin-right:15px; font-size:14px; margin-bottom:5px;} 
.sbStyle li i{ font-weight:bold; color:#036cab; display:inline-block; margin-left:2px;}


@media screen and (max-width:800px){
*{ box-sizing:border-box;}
.right{ display:none;}

.left{ width:100%; float:none;}

.zone{ min-height:auto; padding-top:.3rem;}
.wapName{ text-align:center; font-size:.26rem; color:#626262; margin-bottom:.3rem;}
.wapLogin{ min-height:6rem;}
.wapLogin td .txt{ width:100%; padding:0 .15rem; border:1px solid #d9d9d9; border-radius:.1rem; height:.56rem; font-size:.2rem; margin-bottom:.2rem;}
.wapLogin td .yzm{ width:30%; margin-top:.2rem;}
.wapLogin td em{ display:inline-block;}
.wapLogin td em a{ font-size:.2rem;}
.wapLogin .sub{ width:100%; height:.5rem; color:#fff; background-color:#2c50f4; font-size:.22rem; border:0; border-radius:.1rem; margin-bottom:.2rem;}
.wapLogin .oth{ text-align:center; position:relative;}
.wapLogin .oth a{ font-size:.2rem; color:#da0a09;}


.wapLogin .tips input[type="checkbox"]{ opacity:0;}
.wapLogin .tips label{ display:inline-block; font-size:.2rem; color:#9a9a9a; display:inline-block;}
.wapLogin .tips label em{ display:inline-block; width:.15rem; height:.15rem; border:1px solid #c5c5c5; margin-right:.05rem;}
.wapLogin .tips label.selected em{  background:url(../../newstyle/wap/ico_right.png) no-repeat center center; background-size:contain;}
.wapLogin .tips a{ font-size:.2rem; color:#2c50f4;}

.wapUserInfo{ margin-left:-.3rem; margin-right:-.3rem; background:url(../../newstyle/wap/user_bg.png) no-repeat; padding:.8rem 0 1.2rem; background-size:cover; margin-top:-.3rem;}
.wapUserInfo .info{ position:relative;}
.wapUserInfo  img{ position:absolute; left:0; top:50%; margin-top:-.46rem; width:.93rem; border-radius:50%;}
.wapUserInfo a.out{ display:inline-block; background-color:#fff; width:.9rem; height:.36rem; line-height:.36rem; border-radius:.36rem; text-align:center; font-size:.22rem; color:#ce0000; position:absolute; right:0; top:50%; margin-top:-.18rem;}
.wapUserInfo .txt{ font-size:.2rem; color:#fff; line-height:.36rem; padding-left:1.14rem;}

.wapUserItem{ margin-top:.2rem;}
.wapUserItem{ margin-bottom:.5rem; padding-bottom:.3rem; border-bottom:1px solid #efefef;}
.wapUserItem .name{ font-size:.28rem; color:#333; position:relative;}
.wapUserItem .name:before{ display:inline-block; content:''; background:url(../../newstyle/wap/user_tit.png) no-repeat; background-size:contain; width:.23rem; height:.25rem; margin-right:.2rem;}
.wapUserItem .name:after{ display:inline-block; content:''; background:url(../../newstyle/wap/user_jt.png) no-repeat; background-size:contain; width:.15rem; height:.26rem; position:absolute; right:0; top:50%; margin-top:-.13rem;}
.wapUserItem .con{ margin-top:.2rem;}
.wapUserItem .con a{ display:inline-block; font-size:.2rem; background-color:#efefef; padding:.1rem .2rem; margin-right:.1rem; border-radius:.05rem;}
.wapUserItem .con a.now{ color:#fff; background-color:#2c50f4;}

.wapUserList{ width:100%;}
.wapUserList dl{ margin-top:.2rem;}
.wapUserList .list span{ height:.5rem; overflow:hidden; color:#333; width:auto; text-align:left;}
.wapUserList .list dt{ background-color:#e5e4e4; border-radius:.03rem; margin-bottom:.15rem;}
.wapUserList .list dd{ background-color:#f6f6f6; margin-bottom:.15rem; border-bottom:0;}
.wapUserList .list dt, .wapUserList .list dd{ font-size:.2rem; line-height:.5rem; height:.5rem;}

.wapUserList .list span.no{ width:.9rem; padding-left:.1rem;}
.wapUserList .list dd span.no{ padding-left:0;}
.wapUserList .list span em{ display:inline-block; width:.6rem; color:#fff; text-align:center; font-size:.2rem; border-radius:.03rem; background-color:#2d50f4; padding-left:0;}
.wapUserList .list span:nth-child(2){ width:1.96rem;}
.wapUserList .list span:nth-child(3){ width:1.6rem;}

.memberBox{ width:auto; padding-bottom:0;}
.djSub{ background-color:#2c50f4; width:100%; margin:.2rem 0 .5rem;}
.wapAddTab{ min-height:auto;}
.wapAddTab select{ border:1px solid #d9d9d9; border-radius:.1rem; height:.56rem; width:50%; float:left; padding:0 .1rem;}
}