﻿/*------------------------------------------/
/-----------------Header--------------------/
/------------------------------------------*/
* {
border:0;
margin:0;
outline:0;
padding:0;
background:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}
label{ margin-bottom:0 !important}

html {font-size:62.5%; width:100%; height:100%;}
body {color:#000; font-size:15px; font-size:1.5rem;position:relative; text-align:center;width:100%;height:100%; font-family:'微软雅黑'}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: inherit!important;}
.nav_top{ width:80%; margin:0 auto; overflow:hidden}
.navbar-default{ background-color:#fff !important; border-color:#fff !important}
.navbar-brand{ padding:0 !important;width: 124px;height: 34px;}
.navbar-brand img{ padding:0 !important;width: 124px;height: 34px;}
.navbar-default .navbar-nav>.active>a,.nav>li>a:focus,.nav>li>a:hover{ color:#0086ff !important; border-bottom:2px solid #0086ff; background:#fff !important}
.nav>li>a{ font-size:19px !important; padding:0px 30px !important; font-family:'微软雅黑'; line-height:51px !important}
.navbar{ margin-top:15px !important; margin-bottom:0 !important}
.carousel-indicators li{ width:64px !important; height:4px !important; border-radius:0; opacity:0.8}
.carousel-control{ display:none}
.carousel-indicators .active{ background:#0086ff !important; border:1px solid #0086ff !important}
.jianju{ margin:90px auto}
.thumbnail{ border:0 !important}
.caption h3{ font-family:'微软雅黑'; font-size:26px; margin:20px 0 25px}
.caption p{ font-family:'微软雅黑'; font-size:17px; line-height:30px}
.page-header{ border:0 !important}
.page-header h3{ font-family:"微软雅黑"; font-size:26px;}
.page-header img{ display:block; margin:18px auto}
.hezuo{ background:#f4f4f3; margin-bottom:90px}
.hezuo .thumbnail{padding:0 !important; border-radius:0 !important; border:1px solid #ccc !important; max-width:215px; max-height:85px;overflow:hidden;}
.hezuo img{ display:block; max-width:100%;}
.hezuo .thumbnail:hover img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}
.thumbnail{ background:none !important}
.hezuo>.container>.row{ padding-top:20px !important; padding-bottom:20px !important;}
.col-md-2{ width:20% !important;}
.list{ border:1px solid #ccc; padding:0 !important; margin-left:0 !important; margin-right:0 !important}
.list_left{ margin-top:10px;}
.list_left>li{ list-style-position:inside;}
.list_left>li>a{ font-size:16px; color:#1e1e1e; line-height:30px; font-family:"微软雅黑"}
.list_left>li>a:focus,.list_left>li>a:hover{ text-decoration:none !important; color:#333}
footer{ background:#1e1e1e; padding-bottom:40px}
.foot_nav{ width:32%; margin:64px auto 10px; overflow:hidden}
.foot_nav li{ float:left; list-style:none}
.foot_nav li a{ float:left; font-size:14px; padding:0 10px; font-family:"微软雅黑"; border-right:2px solid #fff; color:#fff; line-height:1 !important}
.bd{padding:15px 0}
.foot_nav li:last-child a{ border:0;}
.foot p{ font-size:14px; font-family:"微软雅黑"; color:#fff;}
.foot p a{ color:#fff;}
/*广告主*/
.outer{position:relative; border:1px solid #ccc; width:99%; height:322px; margin-bottom:30px; margin-left:0 !important}
   /* .outer i{}
    .outer:before,
    .outer:after{position:absolute;display:block;content:"";-webkit-transition:all 0.1s;}
     
    .outer:before{top:-3px;left:-3px;width:0;height:0;border-top:3px solid #e8bb48;-webkit-transition-delay: 0.3s;}
    .outer:after{bottom:-3px;right:-3px;width:0;height:0;border-top:3px solid #e8bb48;-webkit-transition-delay: 0.1s;}
     
    .outer i:before,
    .outer i:after{position:absolute;display:block;content:"";-webkit-transition:all 0.1s;}
     
    .outer i:before{left:-3px;bottom:-3px;height:0;width:0;border-left:3px solid #e8bb48;-webkit-transition-delay: 0s;}
    .outer i:after{right:-3px;top:-3px;height:0;width:0;border-left:3px solid #e8bb48;-webkit-transition-delay: 0.2s;}
     
    .outer:hover:after,
    .outer:hover:before{width:100.5%;}
    .outer:hover i:after,
    .outer:hover i:before{height:323px;}
    .outer:hover:before{-webkit-transition-delay: 0s;}
    .outer:hover:after{-webkit-transition-delay: 0.2s;}
    .outer:hover i:after{-webkit-transition-delay: 0.1s;}
    .outer:hover i:before{-webkit-transition-delay: 0.3s;}*/
.outer h3,.outer p{ text-align:left; font-family:"微软雅黑"; margin-left:30px}
.outer h3{ margin-top:30px; margin-bottom:30px}
.outer p{ text-indent:2em; font-size:16px; line-height:28px; margin-top:0 !important; margin-bottom:0 !important}
.outer>.col-md-4{ margin-top:60px; margin-left:70px}
.outer:hover{border:2px solid #e8bb48;-webkit-transition-delay: 0.3s;}
/*开发者*/
.deletope{ background:url(http://static.9080app.com/Images/V2/images/bg.png) no-repeat scroll center; width:100%; background-size:cover}
.timezhou{ margin-left:12%; margin-bottom:150px}
.bouth{ background:url(http://static.9080app.com/Images/V2/images/aniu.png) no-repeat !important; border:0 !important; width:355px !important; height:165px !important; position:relative; margin:0 auto 100px}
.bth{ background:url(http://static.9080app.com/Images/V2/images/an_1.png) no-repeat !important; width:230px !important; height:60px !important;font-size:26px !important; font-family:"微软雅黑"; color:#fff !important; border:0 !important; position:absolute; top:40px; left:60px; z-index:0; outline:none !important; padding-top:8px !important }
/*关于我们*/
.all{ margin-top:90px}
.dingwei{ position:absolute; left:0; top:-90px;}
.something{ padding:0 16px !important}
.nav-tabs{ border:0 !important}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover{ background:#0086ff !important; color:#fff !important; border:0 !important; font-size:18px !important}
.nav-tabs>li>a{ color:#000 !important; font-size:18px; border-radius:0 !important; height:60px !important; line-height:60px !important}
.jieshao p{ text-indent:2em; font-size:16px; color:#898989; text-align:left; font-family:"微软雅黑"; line-height:28px; margin-bottom:0 !important}
.jianjie h2,.jianjie ul li{ text-align:left; font-family:"微软雅黑"}
.jianjie h2{ font-size:22px; color:#0086ff;}
.jianjie ul li{ font-size:16px; line-height:30px; color:#898989; text-indent:2em; list-style-position:inside;}
.dibu{ margin:20px 0 40px}
.read{ position:absolute; left:50%; bottom:40px; margin-left:-125px; display:block}
.read>img{ max-width:80% !important; display:block}
/*联系我们*/
.lianxi{ border:1px solid #ccc; padding-bottom:30px; border-bottom:0;}
.lianxi h3{ text-align:left; font-family:"微软雅黑"; margin-left:20px; color:#0086ff; margin-top:30px;}
.lianxi p{ text-indent:0; font-size:16px; margin-left:20px;}
.lianxi:last-child{ border-bottom:1px solid #ccc; margin-bottom:60px}
.jieshao{ margin-bottom: 90px; }
.jieshao h4,.jieshao h5{ font-family:"微软雅黑";  text-align:left}
.jieshao h4{ color:#0086ff}
.jieshao h5{ color:#898989; font-size:16px}
.jieshao ul li{ text-align:left; list-style-position:inside;color:#898989; line-height:30px; font-size:16px;font-family:"微软雅黑"; }
/*文章页面*/
.article { margin:70px 0;}
.article h3,.article h4,.article p{ text-align:left; font-family:"微软雅黑"; }
.time_tick{ text-align:left; font-family:"微软雅黑"; color:#c2c1c1; font-size:16px; margin-bottom:40px;}
.time_tick time{ margin-right:30px}
.time_tick span img{margin-right:5px}
.article p{ text-indent:2em; margin-bottom:20px; color:#898989; font-size:16px; line-height:28px}
.article p img{ display:block; margin:40px auto}
.article h4{ color:#0086ff; font-size:18px}
/*进入管理后台*/
.admin{overflow:hidden}
.link{ margin-top:70px; }
.link a{ background:#bfbfbf !important; color:#fff !important; height:45px; line-height:25px !important; font-size:24px; font-family:"微软雅黑";  border:0 !important; box-shadow:2px 2px 2px #95a0a8; width:136px !important; margin-left:20px !important;}
.link a:hover,.link a.active{ background:#0086ff !important}
.guanli{ background:url(http://static.9080app.com/Images/V2/images/dlu.png) no-repeat scroll center center; width:100%; height:auto; background-size:cover}

.tishi{ background:rgba(255,255,255,0.5); border-radius:5px; width:100%; height:100%; background-size:cover; margin-top:134px; margin-bottom:100px;}
.tishi h3{ display:block; margin:0 auto 65px; padding-top:100px; }
.tishi p{ font-size:24px; color:#000; font-family:"微软雅黑"; text-align:left;}
.tishi p span{ color:#8b8b8b; font-size:18px;}
.bigkun{ width:70%; margin:0 auto; overflow:hidden;}
.black{ color:#000; font-family:"微软雅黑"; font-size:22px; margin:40px 0}
.jion{ margin-top:100px; margin-bottom:100px;}
.jion_admin,.form-div .buttons input{ width:100%; background:#0086ff !important; height:60px; line-height:35px !important; color:#fff !important; font-size:24px !important; box-shadow:2px 2px 2px #a08d56; border:0 !important; font-family:"微软雅黑"; }

/*注册*/
.page{width:100%; margin:0 auto; padding-top:50px;}
.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{width:74%; float:left;padding:10px 0; margin-top:10px; line-height:55px; font-size:24px;font-family:"微软雅黑";  }
.form-div input[type="checkbox"]{margin:20px 0 20px 10px;}
.form-div input[type="button"],.form-div input[type="submit"]{margin:10px 20px 0 0;}
.form-div table{ margin:0 auto; text-align:right; width:80%;}
.form-div table img{ vertical-align:middle; margin:0 0 5px 0;}
.form-div label{ width:25%; float:left; font-size:24px; line-height:75px; color:#8a8a8a; margin-top:7px}
.form-div td{ background:#edead9; border-radius:10px;box-shadow: inset 0 2px 5px #bcc2be;}
.footer{ font-size: 12px; margin-top: 30px;}
.form-div .buttons input{ width:80%; margin:20px auto 40px;}
.form-div .dober{ float:left; width:145px; height:50px;}
.form-div .dober img{ width:90%; height:100%; display:block; margin-left:20%; margin-top:-15px}
.protocol{ padding:0px 20px 20px 20px; text-align:left; background-color:rgba(255,255,255,0.5);border-radius:7px; height:400px;overflow:auto;}
.input-text {padding: 10px; border: 1px solid #D4D4D4; margin-top: 5px;}
input[type="text"], input[type="password"], input[type="email"] { /*box-shadow: inset 0 2px 5px #bcc2be;*/padding:0 15px;outline:none; color: #333; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { border: 1px solid #50afeb;outline: none;}
input[type="button"], input[type="submit"] {padding: 7px 15px; background-color: #3c6db0;text-align: center;border-radius: 5px;overflow: hidden;min-width: 80px; border: none;color: #FFF;box-shadow: 1px 1px 1px rgba(75,75,75,0.3);}
input[type="button"]:hover, input[type="submit"]:hover { background-color: #5a88c8; /*border: 1px solid #999;*/}
input[type="button"]:active, input[type="submit"]:active { background-color: #5a88c8;/*border: 1px solid #777;*/}
.firend_tishi{ width:80%; margin:0 auto 30px}
.firend_tishi>p{ font-size:20px}
/*登录*/
.denglu{ position:relative}
.ligon{ position:absolute; top:-380px; padding-top:0;right:0; width:400px;background-color:rgba(255,255,255,0.7); border-radius:10px; border:1px solid #aaa;  margin:0 auto;padding:10px 0 10px 0px; font-size:12px;box-shadow: inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left;}
.ligon-div td{ background:rgba(255,255,255,1); border-radius:10px; line-height:45px;}
.ligon-div tr:last-child td{ background:none;}
.ligon-div tr:nth-child(3) td{ background:none; height:20px;}
.ligon-div label{ width:30%; float:left; line-height:54px;font-family:"微软雅黑"; font-size:14px; color:#7c7b7b; text-align:left; padding-left:10px; margin-top:0;}
.ligon-div label img{ margin-right:7px;}
.ligon-div input[type="text"], .ligon-div input[type="password"], .ligon-div input[type="email"]{ width:68%; line-height:45px; border-radius:5px;font-size:14px;background:rgba(255,255,255,1); float:left; height:45px; padding:0 !important; margin-top:4px;}
.ligon-div th{ text-align:center; font-size:20px;font-family:"微软雅黑"; color:#fff; line-height:55px; }
.forget{ color:#fff;font-family:"微软雅黑";}
.buttons a{ border:0 !important; margin-left:55px; margin-top:20px; line-height:30px !important; font-size:14px !important; border-radius:25px; padding:0 25px;font-family:"微软雅黑";}
.buttons a:hover{ background:#0086ff; color:#fff}
@media (min-width: 200px) and (max-width: 767px) {
.bth{left:28px}
.hezuo .thumbnail{ margin:0 auto 20px}
.list_left>li>a{font-size:16px}
.nav_top{ width:100%;}
.col-md-2{ width:auto!important}
.navbar-brand{ width:70% !important; margin-top:15px;}
.navbar-brand img{ width:100%;}
.carousel-indicators{ bottom:0 !important;}
.carousel-indicators li{ width:24px !important}
.jianju{ margin:30px auto}
.list_left>li{ text-align:left}
footer{ padding-bottom:20px}
.foot_nav{ width:60%; margin-bottom:0px; margin-top:34px;}
.foot_nav li a{ font-size:12px; padding:0 8px}
.foot{ width:100% !important; padding:0 !important}
.foot p{ font-size:12px; font-family:"微软雅黑"; color:#fff;}
/*广告主*/
.outer{position:relative; border:1px solid #ccc; width:99%; height:622px; margin-bottom:30px; margin-left:0 !important}
 /*   .outer i{}
    .outer:before,
    .outer:after{position:absolute;display:block;content:"";-webkit-transition:all 0.1s;}
     
    .outer:before{top:-3px;left:-3px;width:0;height:0;border-top:3px solid #e8bb48;-webkit-transition-delay: 0.3s;}
    .outer:after{bottom:-3px;right:-3px;width:0;height:0;border-top:3px solid #e8bb48;-webkit-transition-delay: 0.1s;}
     
    .outer i:before,
    .outer i:after{position:absolute;display:block;content:"";-webkit-transition:all 0.1s;}
     
    .outer i:before{left:-3px;bottom:-3px;height:0;width:0;border-left:3px solid #e8bb48;-webkit-transition-delay: 0s;}
    .outer i:after{right:-3px;top:-3px;height:0;width:0;border-left:3px solid #e8bb48;-webkit-transition-delay: 0.2s;}
     
    .outer:hover:after,
    .outer:hover:before{width:100.5%;}
    .outer:hover i:after,
    .outer:hover i:before{height:623px;}
    .outer:hover:before{-webkit-transition-delay: 0s;}
    .outer:hover:after{-webkit-transition-delay: 0.2s;}
    .outer:hover i:after{-webkit-transition-delay: 0.1s;}
    .outer:hover i:before{-webkit-transition-delay: 0.3s;}*/
.outer h3,.outer p{ text-align:left; font-family:"微软雅黑"; margin-left:30px}
.outer h3{ margin-top:30px; margin-bottom:30px}
.outer p{ text-indent:2em; font-size:16px; line-height:28px; margin-top:0 !important; margin-bottom:0 !important; margin-left:0 !important}
.outer:hover{border:2px solid #e8bb48;-webkit-transition-delay: 0.3s;}
.outer>.col-md-4{ margin-top:30px; margin-left:-10px}
/*登录*/
.ligon{ position:relative; right:50%;top:30px; margin-right:-115px;width:300px;padding-top:0px}
/*开发者*/
.timezhou{ margin-left:0;}
.timezhou img{ width:80%; margin:0 auto}
.forget{ color:#000}
.buttons a{ background:#edead9}
.buttons a{ margin-left:10px;}

.bouth{ width:325px !important;}
/*注册*/
.guanli{ height:auto;}

.tishi{ margin-bottom:80px;}
.form-div label{ font-size:12px; line-height:25px; margin-top:25px; width:30%;}

.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{ line-height:55px; width:55%;}
.ligon-div label{ font-size:12px; margin-top:10px;}
.ligon-div input[type="text"], .ligon-div input[type="password"], .ligon-div input[type="email"]{ width:58%; line-height:25px; border-radius:5px;font-size:12px;background:rgba(255,255,255,1); float:left;}
.link a{ width:100px !important; font-size:18px;}

/*关于我们*/
.something{ width:40% !important}
.nav-tabs>li>a{line-height：45px !important}
.col-xs-8.col-sm-4.pic img{ width:70%; display:block; margin:0 auto}
.jieshao{ width:60% !important}
.all{ margin-top:40px}
.nav-tabs>li>a{ font-size:14px !important; padding:10px 0 !important}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover{ font-size:14px !important; padding:10px 0 !important}
.pic{ width:40% !important; padding:0 !important}
.jianjie{ width:60% !important; float:right; padding-right:15px !important}
.jieshao{ margin-bottom:0;}
.lianxi h3{ font-size:14px; margin-left:0;}
.lianxi p{ margin-left:0; font-size:12px}
.jieshao p{ font-size:14px;}

.bigkun{ width:90%;}
.tishi h3{ padding-top:30px; margin-bottom:30px}
.tishi h3 img{ width:80% !important}
.tishi p{ font-size:16px;}
.tishi p span{ font-size:14px;}
.black{ font-size:16px}
.jion_admin{ height:45px; padding:5px 10px !important}
.jion_admin, .form-div .buttons input{ font-size:18px !important}
.read{ bottom:2px}
.read>img{ max-width:40% !important}
}
@media (min-width: 768px) and (max-width: 990px) {
.social { margin-top: 10px;}
.notes button { padding: 14px 19px;font-size: 13px;}
.nav_top{ width:100%;}
footer{ padding-bottom:20px}
.foot_nav{ width:62%; margin-bottom:0px; margin-top:34px;}
/*广告主*/
.outer{position:relative; border:1px solid #ccc; width:99%; height:456px; margin-bottom:30px}
    .outer i{}
    .outer:before,
    .outer:after{position:absolute;display:block;content:"";-webkit-transition:all 0.1s;}
     
    .outer:before{top:-3px;left:-3px;width:0;height:0;border-top:3px solid #e8bb48;-webkit-transition-delay: 0.3s;}
    .outer:after{bottom:-3px;right:-3px;width:0;height:0;border-top:3px solid #e8bb48;-webkit-transition-delay: 0.1s;}
     
    .outer i:before,
    .outer i:after{position:absolute;display:block;content:"";-webkit-transition:all 0.1s;}
     
    .outer i:before{left:-3px;bottom:-3px;height:0;width:0;border-left:3px solid #e8bb48;-webkit-transition-delay: 0s;}
    .outer i:after{right:-3px;top:-3px;height:0;width:0;border-left:3px solid #e8bb48;-webkit-transition-delay: 0.2s;}
     
    .outer:hover:after,
    .outer:hover:before{width:100.5%;}
    .outer:hover i:after,
    .outer:hover i:before{height:457px;}
    .outer:hover:before{-webkit-transition-delay: 0s;}
    .outer:hover:after{-webkit-transition-delay: 0.2s;}
    .outer:hover i:after{-webkit-transition-delay: 0.1s;}
    .outer:hover i:before{-webkit-transition-delay: 0.3s;}
.outer h3,.outer p{ text-align:left; font-family:"微软雅黑"; margin-left:30px}
.outer h3{ margin-top:30px; margin-bottom:30px}
.outer p{ text-indent:2em; font-size:16px; line-height:28px; margin-top:0 !important; margin-bottom:0 !important}
.outer>.col-md-4{ margin-top:30px; margin-left:0px}
/*登录*/
.ligon{ position:relative; right:50%;top:30px; margin-right:0px;width:434px;padding-top:0px}
/*开发者*/
.timezhou{ margin-left:0;}
.timezhou img{ width:80%; margin:0 auto}
.forget{ color:#000}
.buttons a{ background:#edead9}
/*注册*/
.guanli{ height:auto;}
.tishi{ margin-bottom:80px;}
.form-div label{ font-size:20px; line-height:25px; margin-top:25px}
.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{ line-height:55px;}
.ligon-div label{ font-size:14px; margin-top:10px}
.ligon-div input[type="text"], .ligon-div input[type="password"], .ligon-div input[type="email"]{ width:68%; line-height:25px; border-radius:5px;font-size:14px;background:rgba(255,255,255,1); float:left;}
/*关于我们*/
.all{ margin-top:40px}
.nav-tabs>li>a{ font-size:14px !important; padding:10px 0 !important}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li>a:hover{ font-size:14px !important; padding:10px 0 !important}
.pic{ width:40% !important}
.jianjie{ width:55% !important; float:right}
.jieshao{ margin-bottom:0;}
.read{ bottom:40px}
.read>img{ max-width:60% !important}
}
@media (min-width: 990px) and (max-width: 1240px) {
.nav_top{ width:100%;}
.control-label{ width:18%;}
footer{ padding-bottom:20px}
.foot_nav{ width:50%; margin-bottom:0px; margin-top:34px;}
/*登录*/
.ligon{ position:relative; right:50%;top:30px; margin-right:0px;width:434px;padding-top:0px}
/*开发者*/
.timezhou{ margin-left:0;}
.timezhou img{ width:80%; margin:0 auto}
.forget{ color:#000}
.buttons a{ background:#edead9}
/*注册*/
.guanli{ height:auto;}
.tishi{ margin-bottom:80px;}
.form-div label{ font-size:20px; line-height:25px; margin-top:25px}
.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{ line-height:55px;}
.ligon-div label{ font-size:14px; margin-top:10px}
.ligon-div input[type="text"], .ligon-div input[type="password"], .ligon-div input[type="email"]{ width:68%; line-height:25px; border-radius:5px;font-size:14px;background:rgba(255,255,255,1); float:left;}
.read>img{ max-width:60% !important}

}

@media (min-width: 100px) and (max-width: 350px) {
.sorting {font-size: 10px;}
.nav_top{ width:100%;}
.col-md-2{ width:auto!important}
.navbar-brand{ width:70% !important; margin-top:15px;}
.navbar-brand img{ width:100%;}
.carousel-indicators{ bottom:0 !important;}
.carousel-indicators li{ width:24px !important}
.jianju{ margin:30px auto}
.page-header img{ width:80%;}
.list_left>li{ text-align:left}
footer{ padding-bottom:20px}
.foot_nav{ width:100%; margin-bottom:0px; margin-top:34px;}
.foot_nav li a{ font-size:12px; padding:0 6px}
.foot{ width:100% !important; padding:0 !important}
.foot p{ font-size:14px; font-family:"微软雅黑"; color:#fff;}
.read{ bottom:20px}
.read>img{ max-width:20% !important}
}