﻿


body {
    background: #fff;
    color: #333;
    font: 12px/1.5 "微软雅黑","Arial","宋体";
    min-width: 1200px;
}

ul,li { list-style:none;}
*{margin:0px; padding:0px;}
a { text-decoration:none; }

#dowebok {padding-top:805px;}


.container { max-width:1190px; width:100%; margin:auto; overflow: hidden; position: relative; /*border-color:#ccc; border-style:solid; border-width:0 1px 0 1px;*/}



.navbar-inverse {background:#f3f3f3;  border-bottom: 1px solid #eee; height:36px;}
.ovf {overflow:inherit;}



/**/
.qy-wrap {position:relative; z-index:999; background:#fff;}
.qy-title { margin-top:80px; text-align:center; font-size:36px; font-weight:400; }
.qy-title span { color:#ffb200;}
.qy-text1 { text-align:center; font-size:16px; margin-top:15px; line-height:26px; }
.qy-text1 span { color:#ffb200;}
.text-white { color:#fff;}

.dinb { display:inline-block; margin-left:20px; color:#333;}

.m-title-line {
    width: 301px;
    height: 2px;
    background: #333;
    margin: 30px auto;
    position: relative;
}
.m-title-line span {
    position: absolute;
    top: -4px;
    left: 50%;
    display: block;
    width: 43px;
    height: 8px;
    background: #ffb200;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: -22px;
}


/**/
.one-left { margin-left:50px; margin-top:200px; float:left;  }
.one-left h1 { text-align:center; }
.one-left h1 img { height:75px;}
.one-left h2 { color:#fff; font-size:26px; letter-spacing:2px; margin-top:30px; margin-bottom:20px; text-align:center;}
.one-left .binfo {width:636px; background:none; border-radius:5px; color:#fff; height:61px; line-height:61px; font-size:32px; letter-spacing:2px; font-weight:700; text-align:center;}


input::-webkit-input-placeholder {
	color:#bcbcbc
}
input:-moz-placeholder {
	color:#b5cce6
}

.login-box { width:300px; height:352px; border-radius:6px; padding:30px 30px 0; background:#fff; margin:auto;position:absolute; right:30px; top:50%; margin-top:-176px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.login-box .text1 { font-size:22px; text-align:center; color:#000; }
.login-box .text2 {color:#160f53; margin-top:2px; margin-bottom:20px; font-size:18px; font-weight:700; }


.login-box .form-box {margin:25px 0 0;}
.login-box .form-box .form-group { overflow:hidden; height:40px; margin-bottom:15px; }

.login-box .form-box .form-group input {  width:240px; border-radius: 3px; outline:none; border:none; border:1px solid #d0cddb; box-shadow:none; color:#333; height:40px; padding:0px 15px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }


.member-text { float:left; font-size:14px;}
.login-box .form-box .radio-box { padding:0 15px; overflow:hidden; color:#1d4ae4; text-align:center;  }
.login-box .form-box .radio-box .icheck-peterriver { display:inline-block; margin:0 24px;}
.login-box .form-box .button-box {  margin-top:28px; color:#1d4ae4; text-align:center;}

.login-box .form-box .button-box button { cursor:pointer; width:160px; height:36px;  border:none; outline:none; background:url(../img/button1.png) no-repeat; color:#fff; line-height:36px; padding:0px;  font-size:16px; }
.login-box .form-box .button-box:hover button {background:url(../img/button1_hover.png) no-repeat;}



.qy-top { height:105px;position: absolute;top: 0;left: 0; width:100%; z-index: 1111;}


/**/
.qy-header { background:#fff; height:70px; box-shadow: 0 3px 4px rgb(0,0,0,.1); }
.qy-header-content { box-shadow: 0 3px 4px rgb(0,0,0,.1); height:70px;}


.qy-header-logo {

    height:70px;
    line-height: 70px; vertical-align:middle; margin-top:-3px;
    float: left;
}





.qy-header-logo {}
.header-back { float:right; margin-top:17px; }
.header-back a { vertical-align: middle; display:inline-block;
    box-sizing: border-box;
    width: 180px;
    height: 36px;
    line-height: 34px;
    border: 1px solid #2f82ff;
    margin-right: 14px;
    background: #2f82ff;
    font-size: 14px;
    color: #fff;
    border-radius: 28px;
    text-align: center;}
.layout-1190 {width:1190px; margin-right:auto;margin-left:auto;}
.qy-relative {position:relative;}

.qy-header-logo a.qy-header-logo-name { line-height:73px; 
    color: #666;
    font-size: 25px;
    font-weight: 700;
    margin-left: 15px;
    letter-spacing: 2px;  display:inline-block;
}

.qy-header-logo a.qy-header-logo-img { margin-top:17px; float:left;}


.qy-header-logo a.qy-header-logo-name h1 { line-height:inherit;}



.qy-header-logo a:first-child {
    display: inline-block;height: 35px;

}

.qy-header-logo img {max-height:100%;}



/* nav */

.top-nav-height{ position:relative; height: 70px; float:right; margin-right:30px;}
.top-nav-wrap { width: 100%;height: 70px; text-align:center;}
.top-nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.top-nav-wrap ul {padding: 0;margin: 0 auto;  display: block;}
.top-nav-wrap.navFix ul{ border-bottom: 0; text-align:center;}
.top-nav-wrap li { display: inline-block; text-align: left;height: 70px; line-height: 70px; position:relative;}
.top-nav-wrap li:first-child a { }
.top-nav-wrap li:hover { background:#fff; }
.top-nav-wrap li i { width:35px; height:35px; display:block; float:left; margin-top:18px; margin-right:10px; /*position:absolute; left:23px; bottom:17px;*/  opacity:0.2;}

.top-nav-wrap li a { display:block; padding:0 20px;  height:70px; color: #333; text-decoration: none; font-size:16px; }

.top-nav-wrap li a.active { background:#fff; }


/* nav */
.qy-nav { background:#f1f1f1; min-height:110px!important; }

.nav-height{ position:relative; height: 70px;}
.nav-wrap { width: 100%;height: 70px;background: #f1f1f1; }
.nav-wrap.navFix{position: fixed;top: 0;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto;  display: block;}
.nav-wrap.navFix ul{ border-bottom: 0; text-align:center;}
.nav-wrap li { display: inline-block; width:20%; float:left; text-align: center;height: 70px; line-height: 70px; position:relative;}
.nav-wrap li:first-child a { }
.nav-wrap li:hover { background:#fff; }
.nav-wrap li i { width:44px; height:44px; display:inline-block;margin-top:13px; vertical-align:top; margin-right:30px; /*position:absolute; left:23px; bottom:17px;*/  opacity:0.2;}
.nav-wrap li span {display:inline-block; position:relative;}
.nav-wrap li span:after {content: ""; display: none; position:absolute; top:45px; width: 32px; height: 2px; background: #666;}
.nav-wrap li a { display:block; padding:0 20px;  height:70px; color: #333; text-decoration: none; font-size:16px; }

.nav-wrap li a.active { background:#fff; }
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}



.nav-qty i { background:url(../img/icon/1.png) no-repeat; background-size:44px 44px;}
.nav-card i { background:url(../img/icon/2.png) no-repeat; background-size:44px 44px;}
.nav-terminal i { background:url(../img/icon/3.png) no-repeat; background-size:44px 44px;}
.nav-flow i { background:url(../img/icon/4.png) no-repeat; background-size:44px 44px;}
.nav-platform i { background:url(../img/icon/5.png) no-repeat; background-size:44px 44px;}
.nav-ad i { background:url(../img/icon/6.png) no-repeat; background-size:44px 44px;}
.nav-dq i { background:url(../img/icon/7.png) no-repeat; background-size:44px 44px;}



/**/
.section1 { height:700px; background:#4c4ed7 url(../images/banner1.jpg) top center no-repeat; background-size:cover; position:fixed;  top:105px; width:100%;}
.section1 .container {height:100%;}

.topbar {height:35px;line-height:35px;width:100%;background:#f6f6f6;border:0;border-bottom:1px #e6e6e6 solid;font-family:"Microsoft YaHei";font-size:12px;position:relative;z-index:102;color:#333;}
.topbox {width:1190px;margin-right:auto;margin-left:auto;}
.welcome {color:#666;line-height:35px;float:left;}
.qy-typelist {float:right;font-size:12px;margin-right:-10px;}
.navbar-nav>li {position:relative;display:block;float:left;}
.navbar-nav>li>a {padding:7px 10px 8px;color:#666;position:relative;line-height:20px;display:block; box-sizing:border-box;}
.navbar-nav>li>a i {width:1px;background:rgba(230,230,230,1);height:15px;position:absolute;right:0px;top:10px;display:inline-block;}
.navbar-nav>li>a span {
    border: 4px #f9f9f9 solid;
    border-top: 4px #666 solid;
    border-left: 4px transparent solid;
    border-right: 4px transparent solid;
        border-bottom: 4px transparent solid;
    width: 0;
    height: 0;
    overflow: hidden;
    top: 15px;
    right: 10px;
    position: absolute;
    font-size: 0;
    line-height: 0;
    -webkit-transition: -webkit-transform .2s ease-in;
    -webkit-backface-visibility: hidden;
    -moz-transition: -moz-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
    left: inherit;}



.navbar-nav>li.ruzhu {width:80px; position:relative;}
.navbar-nav>li.ruzhu .menulist {position:absolute; z-index:9999; background:#fff; top:36px; left:-1px; border:1px solid #eee; border-top:none;padding:10px 0; width:92px; display:none;}
.navbar-nav>li.ruzhu .menulist a {display:block; color:#666; line-height:28px; padding:0 10px;}
.navbar-nav>li.ruzhu .menulist a:hover {color:#2f82ff;}
.navbar-nav>li.ruzhu:hover  .menulist { display:block;}
.navbar-nav>li.ruzhu:hover>a {border-left:1px solid rgba(230,230,230,1); border-right:1px solid rgba(230,230,230,1); width:81px; margin-left:-1px;} 
.navbar-nav>li.ruzhu:hover>a i {display:none;}
.navbar-nav>li.ruzhu:hover>a span {right:9px;}

/* 仟渔通*/
.qy-qyt { height:auto; padding-bottom:120px; }
.qyt-content { text-align:center; margin-top:80px;}



/* AI短视频 */

.qy-ai{background:url(../images/ai-bg1.jpg) no-repeat  center center; background-size:cover; height:900px;}
.qy-ai:before {content:""; width:100%; height:100%; display:block; background:rgba(44,55,82,.7); position:absolute; top:0px; left:0px; z-index:1;}
.qy-ai .container { position:relative; z-index:99;}
.ai-content { text-align:center; margin-top:80px;}

.ai-info {color:#fff; font-size:16px; padding-top:80px;}


/* 仟渔黄金展位 */
.qy-terminal { height:718px; background:#fff; background-size:cover;}
.terminal-list {margin-top:80px;}
.terminal-list .terminal-item { float:left;}
.terminal-list .terminal-app { }
.terminal-list .terminal-pc { margin-left:50px; margin-top:102px;}
.terminal-list .terminal-wap { margin-left:80px; margin-top:102px;}
.terminal-content { margin-top:80px; text-align:center;} 



/* 第三方平台引流 */


.qy-flow{background:url(../images/flow-bg.jpg) no-repeat  center center; background-size:cover; height:718px;}
.qy-flow:before {content:""; width:100%; height:100%; display:block; background:rgba(44,55,82,.7); position:absolute; top:0px; left:0px; z-index:1;}
.qy-flow .container { position:relative; z-index:99;}



.flow-content { margin-top:100px; text-align:center;} 

/* 全链路报表 */
.qy-platform { height:1100px; background:#101023; background-size:cover; }
.platform-content { text-align:center; margin-top:80px;} 
.platform-content img {max-width:100%;}





/* message */
.qy-message {  background:#ffb200 url(../img/register-tip.png) no-repeat center bottom;  min-height:470px; overflow:hidden; /*fad378 ffb200*/}

.input-box { margin-top:56px; text-align:center; }
.input-box input { width:240px; height:36px;   border-radius: 4px; border:none; border:1px solid #bcbcbc; padding:0 15px; outline:none;}

.message-group { display:inline-block; margin:0 20px;}
.message-group label { font-weight:700; color:#222; font-size:14px; margin-right:6px;}

.message-name span { margin-left:28px;}

.message-info {text-align:center; margin-top:30px; font-size:18px; font-weight:700; color:#333;}
.message-info span { color:#d11e18; font-size:28px;}

.message-diqu { margin-top:30px;}
.message-diqu label { float:left; line-height:36px;}
.message-diqu .message-select { float:left; width:240px; }


.message-diqu .message-select .form-control { height:36px; width:100%; }

.message-group .form-group-left { border:none; height:auto; }

.message-group .img-code { height:36px; width:auto; border:none; padding:0px;}


.message-group .message-code input { width:100%;}


.register-newtip {width:1050px;height:90px;margin:30px auto 0px;background:#fad378;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.register-newtip-tit {float:left;width:155px;padding:32px 0 0 35px;font-size:14px; color:#333; font-weight:700;}
.register-newtip-con {float:left;padding-top:26px;}
.register-newtip-item {color:#666;margin-bottom:10px;padding-left:15px;position:relative;}
.register-agreement-link {color:#f50;}
.register-newtip-item::after {content:'';width:4px;height:4px;background-color:#999;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:absolute;top:8px;left:0;}

.register-newtip-tit .icon-tips { background:url(../img/icon-tips.png) no-repeat; background-size:16px; width:16px; height:16px; margin-right:4px; margin-top:3px; float:left;}

.message-button { display:inline-block; vertical-align: top; }
.message-button button { width:180px; height:36px; border-radius:4px; font-size:14px; border:none; background:#f50; border:1px solid #f40; color:#fff; font-weight:700; outline:none;}
.message-button button:hover { background:#f40; border-color:#f30;}
.message-button button:active { background:#f30; border-color:#f20;}


.message-box {margin-top:40px; text-align:center;}
.message-box .message-group input { width:240px; height:36px;   border-radius: 4px; border:none; border:1px solid #bcbcbc; padding:0 15px; outline:none;}
.message-box .message-group .message-code { width:120px; }






/*尾部*/
.footer {width:100%;background:#1c1e31; font-size:12px; display:block; position:relative; z-index:99;}
.footer_box {width:1190px; margin:0 auto; text-align:center;  }


.footer_box .footer_box_right {vertical-align:top;padding-top:20px; padding-bottom:20px; }
.footer_box .footer_box_right .hd {-webkit-box-sizing:border-box; box-sizing:border-box; color:#fff;}
.footer_box .footer_box_right .hd:nth-child(2) { margin-top:10px;}
.footer_box .footer_box_right .hd a:first-child:before { display:none;}
.footer_box .footer_box_right .hd a:before { content:"|"; padding:0 11px 0 9px; display:inline-block; color:#333;}
.footer_box .footer_box_right .hd a {color:#fff;text-decoration:none;}

.footer_box .footer_box_right .main {font-size:12px;color:#fff;letter-spacing:0;line-height:24px;padding-top:10px;}
.footer_box .footer_box_right .main .summary {font-size:12px;color:#fff;margin-right:5px;text-decoration:none;}
.footer_box .footer_box_right .ft {font-size:12px;color:#fff;letter-spacing:0;line-height:24px;}
.footer_box .footer_box_right span { margin-right:5px;}





