/*本站reset*/
.dw-grid-container { width:1200px; } 
a img { border:0; }
a.current{color:#225ca8 !important;}
.bluebtn {
    text-transform: uppercase;
    border: 1px solid #006699;
    background: #3994d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#3994d4), to(#1d7db7));
    background: -webkit-linear-gradient(top, #3994d4, #1d7db7);
    background: -moz-linear-gradient(top, #3994d4, #1d7db7);
    background: -ms-linear-gradient(top, #3994d4, #1d7db7);
    background: -o-linear-gradient(top, #3994d4, #1d7db7);
    padding: 7.5px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: rgba(0,0,0,0.3) 0 3px 5px;
    color: #fff;
    font-size: 14px;
    font-family: "Microsoft YaHei UI";
    text-decoration: none;
    vertical-align: middle;
    font-family: "Microsoft YaHei UI";
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 14px;
    color:#666;
}
.nav > li:hover .dropdown-menu { display: block; }
.card {
    background: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.3);
    margin: 2rem;
    padding: 2rem;
    position: relative;
    border-radius: 5px;
    font-size: 18px;
}
.card-header{ padding: 0;border-bottom: none;background-color:#fff;}    
.card a{ color: #0894ec }
.card-footer{ font-size: 12px; background-color: #fff !important;}
.whole__banner h1{ margin:0; padding: 2rem 0;}
.whole__banner img { width: 100%}
.whole__card_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    font-family: PingFangSC-Semibold;
    font-size: 28px;
    color: #333;
    text-align: center;
    line-height: 3;
    font-weight: 600;
}   
.whole__card_title p:after {
    position: absolute;
    content: ' ';
    left: 30rem;
    right: 30rem;
    top: 5rem;
    height: 1.5rem;
    opacity: 0.3;
    background: #0089ff;
}
.card-header:after{ height: 0;}
.card-content {
    margin: -0.55rem auto 0;
}

.dropdown-menu{ text-align: center !important;}

.dw-font-white{ color: #fff !important;}
/*头部*/
.header-nav-top { background-color:#3f3b39; height:30px; line-height:30px; }
.header-nav-top .city { display:inline-block; float:left; }
.header-nav-top .member { display:inline-block; float:right; }
.header-nav-top .member { display:inline-block; float:right; }

.header-nav-ul { margin:0; padding-top:10px; }
.header-nav-ul > li { display:inline-block; font-size:18px; height:50px; line-height:50px; padding:0; cursor:pointer }
.header-nav-ul > li a:hover { color:#225ca8; text-decoration:underline }
.header-nav-ul .nav-root { position:relative; z-index:999; }
.header-nav-ul .nav-root-sub { position:absolute; z-index:99; width:135px; padding-top:15px; background:#fff; margin:0; left:-20px; top:46px; text-align:center; overflow:visible !important; display:none; }
.header-nav-ul .nav-root-sub li { border-bottom:1px dashed #b2b2b2; background:#fff; -moz-box-shadow: 0px 5px 10px #ccc; box-shadow: 0px 5px 10px #ccc;}
.header-nav-ul .nav-root-sub li:last-of-type { border:0px; }
.header-nav-ul .nav-root-sub > li:hover > a { display:block; height:50px; border:1px solid #fff; background:#225ca8; color:#fff; text-decoration:none}
.header-nav-ul .nav-child { height:51px;}
.header-nav-ul .nav-child ul { margin:0; }
.header-nav-ul .nav-child-root { display:inline-block; width:100%; height:50px; position:relative; z-index:9999; -moz-box-shadow:none !important; box-shadow:none !important; }
.header-nav-ul .nav-child-root:hover { border:1px solid #fff !important; height:50px; background:#225ca8; color:#fff; }
.header-nav-ul .nav-child-root h3 { margin:0; display:inline-block; }
.header-nav-ul .nav-child-root-sub  { position:absolute; z-index:999; width:135px; background:#edf4fb; margin:0; right:-135px; top:-1px; text-align:center; display:none  }
.header-nav-ul .nav-child-root-sub li { background:#edf4fb; }
.header-nav-ul .nav-child-root-sub li:hover a { display:block; height:50px; border:1px solid #fff; background:#225ca8; color:#fff; text-decoration:none}
.header-nav-ul li .dw-badge { right:-20px; top:-15px; font-size:10px; }

.header-nav-form { padding-top:15px;}
.header-nav-form .txt { width:80%; display:inline-block; height:36px; line-height:34px; border:1px solid #c8c8c8; border-top-left-radius:2em; border-bottom-left-radius:2em; border-right:0; padding-left:20px;  color:#999;}
.header-nav-form .btn { width:20%; display:inline-block; height:36px; border:1px solid #c8c8c8; border-top-right-radius:2em; border-bottom-right-radius:2em; border-left:0; background-color:transparent; position:relative; }
/*尾部*/
.footer { background-color:#3f3b3a; }
.footer .dw-border { border-left:0; border-right:0; }
.footer .dw-border a { padding:0 5px}
.footer .dw-text-center{ line-height: 3;}
/*本站通用*/
.comm-bg-1 { background-color:#e8eef6; } /*蓝灰色*/
.comm-bg-2 { background-color:#225ca8; } /*深蓝色*/
.comm-bg-3 { background-color:#3f3b39; } /*黑色*/
.comm-bg-4 { background-color:#01aaef; }

.comm-nav { width:200px; float:left;}
.comm-center { width:750px; float:left; }
.comm-side { width:250px; float:left; }
.comm-main { width:950px; float:left; }

.comm-path { padding:10px 20px; }
.comm-path a { color:#225ca8; }

/*大家都在看*/
.comm-side-hot ul { overflow:hidden; margin:0;  }
.comm-side-hot li { height:120px; border-bottom:1px dashed #CCCCCC}
.comm-side-hot li:last-child { border:0; }
.comm-side-hot li .img { width:80px; height:80px; overflow:hidden; margin:20px; display:block; float:left }
.comm-side-hot li span { width:125px;  float:left; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.comm-side-hot li .tit { padding-top:20px;}
.comm-side-hot li .price strong { font-size:120%; color:#FF0000; font-weight:normal; }
.comm-side-hot li .style { width:auto; display:inline-block;  background-color:#225ca8; color:#fff; padding:0 5px; margin-top:5px; }
/*左侧菜单*/
.comm-nav-list h3 { font-size:14px; margin:0; padding:6px 0 6px 30px; border:1px solid #e8eef6; border-top:1px solid #fff;  cursor:pointer; background:#f9f9f9;   }
.comm-nav-list ul { margin:0; padding:0 10px 0 30px; background-color:#e8eef6; display:none }
.comm-nav-list ul li { padding:6px 0 6px 30px; border-bottom:1px dashed #acc2de; font-size:12px; }
.comm-nav-list ul li:last-child { border:0; }
.comm-nav-list h3 i:before { content: "\f0da"; }
.comm-nav-list .dw-active { font-weight:bold; }
.comm-nav-list .dw-active a {  color:#225ca8; }
.comm-nav-list .dw-active i:before { content: "\f0d7";   }

/*404*/
.page-404 { height:586px; padding:90px 0 100px 0; background:url(../images/404.gif) no-repeat center 90px}
.page-404 .txt { width:549px; height:396px; padding-top:220px; margin:0 auto; color:#cfcfcf; }
.page-404 .txt a { color:#6fc1e7; }

/*投诉*/
.tousu-flow { height:210px; }
.tousu-flow .tit { background-color:#f7f7f7; line-height:40px; padding-left:20px; }
.tousu-flow ul { width:830px; overflow:hidden; padding-top:15px; margin:0 auto}
.tousu-flow ul li { width:11.111111%; float:left; }
.tousu-flow ul li > img { margin-top:20px; }
.tousu-flow ul i { width:80px; height:80px; display:inline-block; padding:20px; border-radius:50%; background-color:#225ca8 }

.tousu-link { height:80px; line-height:50px; font-size:18px; color:#225ca8; padding:15px 0 15px 20px; position:relative }
.tousu-link a { display:block; width:235px; height:50px; background:url(../images/img28.gif) no-repeat center center; color:#fff; text-align:center; position:absolute; right:0; top:15px; z-index:1}

.tousu-list { border:1px solid #dbdbdb}
.tousu-list .childtable td { padding:6px 10px; }
.tousu-list .childtable .tit { text-align:center; color:#9b9998; width:10%; background-color:#f7f7f7; border-right:1px solid #dbdbdb }
.tousu-list .childtable .tr-line { border-bottom:1px dashed #dbdbdb}
.tousu-list .childtable .tr-line a { margin:0 10px; }
.tousu-list .childtable .tr-sort { border-bottom:1px solid #dbdbdb}
.tousu-list .childtable .tr-sort a { border:1px solid #dbdbdb; display:inline-block; margin:0 10px; padding:0px 15px}
.tousu-list .childtable .tr-sort i { position:relative; top:-3px; left:-3px;  z-index:1}
.tousu-list .childtable .tr-sort .dw-active { background-color:#225ca8; color:#fff; border:0 }
.tousu-list .listtable tr:not(:first-child) { border-bottom:1px dashed #dbdbdb }
.tousu-list .listtable .tit { background-color:#f7f7f7; }
.tousu-list .listtable tr:not(.tit) td:first-child { background:url(../images/img12.gif) no-repeat 10px 15px; padding-left:25px; }
.tousu-list .listtable td { padding:6px 5px;}
.tousu-list .listtable .td-1 { width:33%; padding-left:15px;  }
.tousu-list .listtable .td-2 { width:28%; }
.tousu-list .listtable .td-3 { width:13%; }
.tousu-list .listtable .td-4 { width:7%; }
.tousu-list .listtable .td-5 { width:10%; }
.tousu-list .listtable .td-6 { width:9%; }
.tousu-list .listtable .going { color:#ff0000; }
.tousu-list .listtable .over { color:#009e96; }
.tousu-page { height:55px; line-height:25px; text-align:center; padding:15px 0}

/*招标*/
.tender-name { height:160px; padding:20px 40px; }
.tender-name .num { width:120px; height:120px; padding-top:15px; border:5px solid #e8eef6; background:#225ca8; color:#fff; text-align:center; float:left }
.tender-name .num strong { display:block; font-size:48px; padding-top:15px}
.tender-name dl {  width:710px; height:120px; float:right; padding-top:20px; }
.tender-name dl dt { height:40px; font-size:18px; line-height:20px; color:#225ca8  }
.tender-name dl dt span { font-size:14px; display:inline-block; padding:2px 5px; background:#22a8a5; color:#fff; margin-left:20px; }
.tender-name dl dd { height:50px; }
.tender-name dl dd p { margin:0; }
.tender-name dl dd span { color:#999; }

.tender-info { height:95px; border:1px solid #ddd; border-left:0; border-right:0; background:#f7f7f7;  }
.tender-info > div { height:inherit; padding:15px 0 0 75px; line-height:30px; font-size:18px; border-right:1px dashed #ddd }
.tender-info > div:last-child { padding-left:60px; border:0 }
.tender-info span { font-size:14px; color:#999; display:block; }
.tender-info .i-1 { background:url(../images/img29.gif) no-repeat 30px center}
.tender-info .i-2 { background:url(../images/img30.gif) no-repeat 30px center}
.tender-info .i-3 { background:url(../images/img31.gif) no-repeat 30px center}
.tender-info .i-4 { background:url(../images/img32.gif) no-repeat 30px center}
.tender-info .i-5 { background:url(../images/img33.gif) no-repeat 15px center}

.tender-require h4 { margin:0; color:#225ca8; }
.tender-require hr { margin:10px 0; }
.tender-require div { line-height:25px; padding-bottom:20px; }
.tender-require textarea { border:1px solid #ddd; width:100%; min-height:170px; padding:10px; line-height:25px; color:#999; }
.tender-require .btn { width:310px; font-size:24px; padding:15px 0; color:#fff; margin:0 auto; display:block; margin-top:30px;  }
.tender-require p { width:310px; margin:0 auto; text-align:center; line-height:50px; color:#999;  }

.tender-type { border:1px solid #ddd; }
.tender-type tr { height:35px; border-bottom:1px dashed #ddd}
.tender-type tr:last-child { border:0; }
.tender-type td { padding:6px 10px; } 
.tender-type .tit { width:20%; text-align:center; color:#9b9998; width:10%; background-color:#f7f7f7; border-right:1px solid #dbdbdb }
.tender-type .txt { width:50%; padding-left:20px; }
.tender-type .txt a { margin:0 10px; }
.tender-type .txt .dw-active { color:#225ba8; font-weight:bold; }
.tender-type .sort a { border:1px solid #dbdbdb; display:inline-block; margin:0 10px; padding:0px 15px }
.tender-type .sort i { position:relative; top:-3px; left:-3px;  z-index:1}
.tender-type .sort .dw-active { background:#225ba8; color:#fff; }
.tender-type .pub { width:30%; border-left:1px solid #ddd; position:relative }
.tender-type .pub a { width:235px; height:50px; line-height:50px; display:block;  background:url(../images/img28.gif) no-repeat center center; color:#fff; position:absolute; z-index:1; left:40px; top:30px; }
.tender-type .pub span { width:inherit; height:inherit; display:block; background:url(../images/img34.gif) no-repeat 45px center; padding-left:95px; font-size:22px;  }
.tender-list { }
.tender-list .title { height:40px; line-height:40px; text-align:center;}
.tender-list .price { width:25%; float:left }
.tender-list .price span { display:block; margin:0 auto; line-height:30px;}
.tender-list .price .num { font-size:24px; color:#ff0000; }
.tender-list .price i { font-size:14px; color:#333; }
.tender-list .price .type { display:inline-block; font-size:12px; line-height:normal;  padding:3px 5px; color:#fff;  }
.tender-list .price .zx { background:#ad262a; }
.tender-list .price .sj { background:#22a9a5; }
.tender-list .price .date { font-size:12px; color:#999; }
.tender-list .tit { width:50%; float:left; padding-left:20px; font-size:16px; }
.tender-list .tit dt { color:#2b5ab2; padding:5px 0; }
.tender-list .tit dd { font-size:12px; }
.tender-list .tit dd i { color:#999; }
.tender-list .tit dd a { color:#2b5ab2;  }
.tender-list .status { width:25%; float:left; line-height:40px; text-align:center; color:#2b5ab2; }
.tender-list .status a { width:117px; height:32px; line-height:32px; display:block; margin:0 auto; background:url(../images/img35.gif) no-repeat center center; color:#000; font-weight:bold}
.tender-list .status span { color:#999; display:inline-block; line-height:90px;  }
.tender-list .list li { height:120px; padding:15px 0; text-align:center; border-bottom:1px dashed #ddd; }
.tender-list .list .tit { text-align:left; }

/*先装后付*/
.pay { height:916px; background:url(../images/img48.jpg) no-repeat center center; margin:20px 0; position:relative; }
.pay a { width:275px; height:230px; display:block; position:absolute; z-index:10; }
.pay .a-1 { top:15px; left:5px; }
.pay .a-2 { top:80px; left:370px; height:250px; }
.pay .a-3 { top:290px; left:55px; height:250px; }
.pay .a-4 { top:655px; left:150px; }
.pay .a-5 { top:390px; left:560px; width:230px; height:200px; }
.pay .a-6 { top:10px; left:755px; width:350px; height:200px }
.pay .a-7 { top:260px; left:910px; width:250px; height:190px }
.pay .a-8 { top:580px; left:895px; width:300px; height:260px}

/*装修案例*/
.case-intro { height:690px; }
.case-intro > div { height:inherit; }
.case-intro .txt { border-right:1px solid #ddd; padding-top:30px; }
.case-intro .logo { border-radius:50%; border:10px solid #f7f7f7; margin:0 auto; display:block }
.case-intro .follow { width:76px; height:24px; display:block; background:url(../images/img40.gif) no-repeat center center; font-size:12px; text-align:center; margin:0 auto }
.case-intro .follow i { color:#009832; font-size:14px; font-weight:bold }
.case-intro .txt ul { height:85px; padding:20px 15px; text-align:center; }
.case-intro .txt ul li:nth-child(2) { border:1px solid #ddd; border-top:0; border-bottom:0;}
.case-intro .txt ul strong { font-size:20px; display:block; color:#225ca8; padding-top:10px; font-weight:normal}
.case-intro table { border-top:1px solid #ddd; }
.case-intro tr { height:35px; line-height:35px; border-bottom:1px solid #ddd; }
.case-intro tr td:first-child { background-color:#f7f7f7; text-align:center; width:40%; border-right:1px solid #ddd; padding:0 }
.case-intro tr td { padding-left:10px; }
.case-intro tr td em { font-size:16px; }
.case-intro .btn { width:235px; height:50px; margin:30px auto 15px auto}
.case-intro .img { padding-top:20px; }
.case-intro .img-tab .main { height:538px;}
.case-intro .img-tab .main .cont { width:580px; height:500px; overflow:hidden; margin:0 auto; text-align:center}
.case-intro .img-tab .main .cont img { max-width:580px; }
.case-intro .img-tab .main .cont p { position:relative; display:inline-block; margin:0 }
.case-intro .img-tab .main .cont a { width:43px; height:43px; display:block; background:url(../images/img47.png) no-repeat center center; position:absolute; z-index:10; bottom:0; right:0; }
.case-intro .img-tab .main .num { padding-top:5px; text-align:center}
.case-intro .img-tab .menu { height:130px; background:#f7f7f7; position:relative }
.case-intro .img-tab .menu a { width:26px; height:80px; display:block; position:absolute; z-index:10; top: -350px; }
.case-intro .img-tab .menu .prev { background:url(../images/img43.gif) no-repeat center center; left:0}
.case-intro .img-tab .menu .next { background:url(../images/img44.gif) no-repeat center center; right:0}
.case-intro .img-tab .img-tab-scroll-main { width:550px; height:118px; margin:0 auto; padding-top:12px;}
.case-intro .img-tab .menu ul { width:100%; height:106px; }
.case-intro .img-tab .menu li { height:106px; overflow:hidden; text-align:center; cursor:pointer }
.case-intro .img-tab .menu li img { max-width:100px; padding:2px; border:1px solid #f7f7f7}
.case-intro .img-tab .menu .dw-active img { border-color:#225ca8}
.case-intro .img-tab .child-prev { width:20px; height:49px; background:url(../images/img45.gif) no-repeat center center; top:20px !important; left:0}
.case-intro .img-tab .child-next { width:20px; height:49px; background:url(../images/img46.gif) no-repeat center center; top:20px !important; right:0}

.case-info { min-height:460px; }
.case-info .menu { height:50px; background:#f7f7f7; border-bottom:1px solid #ddd }
.case-info .menu li { line-height:49px; padding:0 20px; float:left; border-right:1px solid #ddd; cursor:pointer}
.case-info .cont { padding:10px 20px; }
.case-info .menu .dw-active { border-top:3px solid #225ca8; position:relative; background:#fff; z-index:1; top:-2px; font-weight:bold; color:#225ca8; }
.case-info button { line-height:30px; padding:0px 10px; border:1px solid #ccc; }

.case-search { border:1px solid #ddd}
.case-search tr { height:35px; line-height:34px; border-bottom:1px dashed #ddd; }
.case-search tr:last-child { border:0 }
.case-search tr td:first-child { width:8%; background:#f7f7f7; text-align:center; color:#9b9998; font-weight:bold; border-right:1px solid #ddd; }
.case-search tr td:last-child { padding-left:20px; }
.case-search tr a { font-size:12px; min-width:50px; text-align:center; margin:0 10px; display:inline-block}
.case-search .sort { line-height:normal}
.case-search .sort a { border:1px solid #dbdbdb; display:inline-block; margin:0 10px; padding:3px 15px }
.case-search .sort i { position:relative; top:-3px; left:-3px;  z-index:1}
.case-search .sort .dw-active { background:#225ba8; color:#fff; }

.case-list li { width:280px; overflow:hidden; margin-bottom:15px; border:1px solid #ddd; padding:5px; background-color:#f7f7f7; float:left }
.case-list li h5 { padding-left:10px; margin:10px 0 5px 0}
.case-list li .txt { background-color:#ffffff; border:1px solid #ddd; border-left:0; border-right:0; padding:6px 0 }
.case-list li em { font-size:18px; }
.case-list li .price { width:70%; display:inline-block; padding-left:10px; }
.case-list li .style { width:25%; display:inline-block; text-align:center; color:#fff; background-color:#2160af}
.case-list li p { padding:0 10px; text-indent:2em; }
.waterfall-container { width:1200px; margin:0 auto; overflow:hidden; padding-left:18px; }

/*文章列表*/
.article-list { font-size:14px; line-height:39px;  }
.article-list li { border-bottom:1px dashed #dbdbdb; background:url(../images/img12.gif) no-repeat left center; padding-left:20px; }

/*找回密码*/
.find-pws { height:500px; background:url(../images/img39.gif) no-repeat right bottom }
.find-pws .form { width:550px; margin:0 auto; padding-top:60px; }
.find-pws form { padding-top:35px; }
.find-pws form p { height:42px; margin:0 0 12px 0; }
.find-pws form label { width:20%; padding-right:10px; display:inline-block; text-align:right }
.find-pws form .txt { width:50%; height:42px; border:1px solid #c8c8c8; padding:10px; line-height:20px; background:#fff;}
.find-pws form .code { width:25%; }
.find-pws form .code + .msg-box { margin-left:137px; }
.find-pws form .getcode { width:117px; height:42px; border:0; background:url(../images/img36.gif) no-repeat; position:absolute; top:0px; left:268px; z-index:1}
.find-pws form .btn { width:50%; color:#fff; padding:15px 0; font-size:24px; text-align:center; margin:10px 0 0 20%; }
.find-pws form  .sod_select { width:50%; font-weight:normal; font-size:14px; }
.find-pws form  .sod_list_wrapper { width:275px; }
.find-pws form .n-icon { width:42px; height:42px; }
.find-pws form .msg-wrap { top:-5px }
.find-pws form .n-msg { line-height:42px; font-size:14px;}

/*会员登陆*/
.user-login-bg { height:700px; background:#084eb5 url(../images/img16.jpg) no-repeat center top; }
.user-login { width:380px; height:450px; float:right; margin:90px 130px 0 0; padding:10px 40px 0 40px; }
.user-login .username { width:100%; height:50px; padding:10px 10px 10px 60px; line-height:30px; background:#fff url(../images/img17.gif) no-repeat left center; margin-bottom:15px; }
.user-login .userpws { width:100%; height:50px; padding:10px 10px 10px 60px; line-height:30px; background:#fff url(../images/img18.gif) no-repeat left center; margin-bottom:15px;}
.user-login .btn { width:100%; font-size:24px; text-align:center; padding:15px 0; color:#fff; }
.user-login .dw-grid-avg-2 { height:40px; }
.user-login .reg { line-height:45px;}
.user-login .reg a { color:#00aaee; }
.user-login .qqlogin { width:100%; height:55px; line-height:55px; padding-top:12px; position:absolute; bottom:0; left:0; z-index:1; text-align:center}

/*会员注册*/
.user-reg { height:600px; }
.user-reg .agree { display:inline-block; width:50%; margin-left:20%; color:#999; }

/*会员首页*/
.user-side { width:220px; float:left; font-family:'微软雅黑'; font-size:14px; }
.user-side h3 { background:#225ca8; border-radius:2em 0 0 2em; line-height:40px; padding:3px 0 3px 20px; color:#fff; font-size:14px; margin:0 0 10px 0; cursor:pointer}
.user-side h3 i { width:30px; height:30px; display:inline-block; vertical-align:middle; background:url(../images/img19.gif) no-repeat -30px -330px; margin-right:10px }
.user-side h3 .i-1 { background-position:0px 0px }
.user-side h3 .i-2 { background-position:0px -50px }
.user-side h3 .i-3 { background-position:0px -100px }
.user-side h3 .i-4 { background-position:0px -150px }
.user-side h3 .i-5 { background-position:0px -200px }
.user-side h3 .i-6 { background-position:0px -250px }
.user-side h3 .i-7 { background-position:0px -300px }
.user-side .ul-root { padding-left:50px; }
.user-side .ul-child { padding-left:20px; display:none }
.user-side ul li { padding:5px 0; }
.user-side ul li a { color:#333; }
.user-side ul li a:hover { color:#225ca8 }
.user-main { width:980px; float:left; background:#fff;}

.hide{ display: none;}

/* nav导航*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
}

.sidenav a {
    padding: 15px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav h1{
    margin-top:0;
    font-size: 24px;
    line-height: 1;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}