@charset "utf-8";
/* CSS Document */
.cooper-bg{background:url(../img/20180130img1.png) top center no-repeat;width:100%;height:497px;min-width:1200px;margin-top:-70px;}
.cooper-20180920{background:url(../img/20180920.png) top center no-repeat;width:100%;height:497px;min-width:1200px;margin-top:-70px;}
.bannertxt{font-size:68px;font-weight:lighter;letter-spacing:5px;color:#fff;line-height:116px;}
.bannertxt2{font-size:28px;font-weight:lighter;margin-top:10px;color:#fff;line-height:42px}
.dalibox{width:180px;background:rgba(171, 180, 255, 0.12);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#12abb4ff,endColorstr=#12abb4ff);padding:35px 30px 30px;text-align:left;color:#fff}
.dali-txt32{font-size:32px;border-bottom: 1px solid #fff;margin-top:10px;line-height:58px;margin-bottom:5px}
.dali-link{cursor:pointer;width: 180px;height: 40px;font-size:14px;background-color: #4251b6;color: #fff;text-align: center;line-height: 40px;display: block;margin-top: 16px;-webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;transition:color 0.3s ease-in-out,background 0.3s ease-in-out;}
.dali-link:hover{color:#4251b6;background:#fff}
.cooper-tit{font-size:32px;line-height:36px;text-align:center}
.col-vistaimg{margin-top:75px}
.vistaimg-item{width:25%;height:180px;float:left;overflow:hidden}
.vistaimg-item img{display:block;-webkit-transition: all .2s linear;transition:all .2s linear;cursor:default}
.vistaimg-item:hover img{transform:scale(1.1)}
.vista-item{float:left;width:25%;height:120px;padding:0 20px;border-right:1px solid #cecece;text-align:center;box-sizing:border-box}
.vista-item-tit{font-size:17px;line-height:24px}
.vista-item-txt{font-size:14px;color:#999;line-height:24px;margin-top:15px}
.bgfb{background:#fbfcfe;width:100%;min-width:1200px}
.col-why{margin-top:75px}
.col-why-item{float:left;width:320px;height:240px;margin-bottom:30px;padding:0 30px;cursor:default;transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}

.why-item-tit{font-size:24px;line-height:36px;margin-top:40px}
.linerow{height:1px;background:#cecece;margin:20px 0}
.why-item-txt{font-size:14px;line-height:24px;color:#666;text-align:left}
.col-why-item.whybg1:hover{background:url(../images/cooper/20180130img6-hover.png) no-repeat;box-shadow:0px 0px 20px rgba(0,156,255,.8);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.col-why-item.whybg2:hover{background:url(../images/cooper/20180130img7-hover.png) no-repeat;box-shadow:0px 0px 20px rgba(40,104,222,.8);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.col-why-item.whybg3:hover{background:url(../images/cooper/20180130img8-hover.png) no-repeat;box-shadow:0px 0px 20px rgba(104,12,207,.8);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.col-why-item.whybg4:hover{background:url(../images/cooper/20180130img9-hover.png) no-repeat;box-shadow:0px 0px 20px rgba(95,74,255,.8);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.col-why-item.whybg5:hover{background:url(../images/cooper/20180130img10-hover.png) no-repeat;box-shadow:0px 0px 20px rgba(66,81,182,.8);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.col-why-item.whybg6:hover{background:url(../images/cooper/20180130img11-hover.png) no-repeat;box-shadow:0px 0px 20px rgba(56,117,255,.8);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.col-why-item:hover .why-item-tit,.col-why-item:hover .why-item-txt{color:#fff}
.col-why-item:hover .linerow{background:#fff}
.col-plan{font-size:14px;text-align:center;color:#666;margin-top:20px}
.plan-item{float:left;width:523px;height:170px;border:1px solid #cecece;padding:0 30px;margin-top:30px;cursor:default;
-webkit-transition:all .2s linear;transition:all .2s linear}
.plan-item:hover{border:1px solid #4251b6;-webkit-box-shadow:0 3px 20px rgba(0,0,0,.1);box-shadow:0 3px 20px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.plan-item-tit{font-size:24px;font-weight:bold;margin-top:22px}
.plan-item-txt{font-size:14px;color:#999;margin-top:10px}
.mt15{margin-top:15px}
.zixunbtn{float:left;width:120px;height:40px;font-size:14px;color:#fff;text-align:center;line-height:40px;background:#4251b6}
.zixunbtn:hover{color:#fff}
.checkbtn2{float:left;width:118px;height:38px;border:1px solid #4251b6;color:#4251b6;text-align:center;line-height:38px;font-size:14px;}
.checkbtn2:hover{color:#fff;background:#4251b6}
.col-step{background:url(../img/20180130img12.png) no-repeat left 18px;width:865px;margin:0 auto;margin-top:75px}
.step-item{float:left;text-align:center}
.step-tit{width:48px;height:48px;border-radius:50%;background:#4251b6;text-align:center;line-height:48px;color:#fff;font-size:25px;display:inline-block}
.step-txt{font-size:16px;line-height:28px;margin-top:12px;display:block}
.step-item a.step-txt{color:#4251b6;text-decoration:underline}
.width194{width:194px}
.width225{width:225px}
.width218{width:218px}
.width198{width:198px}
.searchinput{float:left;width:1058px;padding-left:20px;height:48px;border:1px solid #4251b6;font-size:16px;line-height:48px;outline:none}
.searchbtn{width:120px;height:50px;float:left;text-align:center;line-height:50px;background:#4251b6;font-size:18px;color:#fff}
.searchbtn:hover{color:#fff}
input::-webkit-input-placeholder{color:#cecece}
input:-moz-placeholder{color:#cecece}
input::-moz-placeholder{color:#cecece}
input:-ms-input-placeholder{color:#cecece}
.trends-item{float:left;width:380px;height:200px;overflow:hidden;position:relative}
.trends-item img{display:block;-webkit-transition: all .2s linear;transition:all .2s linear;}
.trends-item:hover img{transform:scale(1.1)}
.trends-txt{display:block;width:340px;height:60px;line-height:60px;position:absolute;left:0;bottom:0;background:rgba(42,44,56,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#802a2c38,endColorstr=#802a2c38);font-size:16px;color:#fff;padding:0 20px}
.morelink{font-size:14px;color:#4251b6;text-decoration:underline}



/* 支付方式 */
.buy-banner{background:#fff url(../img/buy-bg.png) no-repeat top center;height:363px;width:100%;min-width:1200px;margin-top:-70px;}
.kypay-banner{background
:#27b77a url(../img/fukuan-bg.png) no-repeat top center;height:363px;width:100%;min-width:1200px;margin-top:-70px;}
.app-banner{background
:#fff url(../img/app-bg.png) no-repeat top center;height:511px;width:100%;min-width:1200px;margin-top:-70px;}
.dingtalk-banner{background
:#fff url(../img/dingtalk-bg.png) no-repeat top center;height:511px;width:100%;min-width:1200px;margin-top:-70px;}
.weixin-banner{background
:#fff url(../img/weixin-bg.png) no-repeat top center;height:511px;width:100%;min-width:1200px;margin-top:-70px;}
.wap-banner{background
:#fff url(../img/wap-bg.png) no-repeat top center;height:511px;width:100%;min-width:1200px;margin-top:-70px;}

.f48-tit{padding-left:66px;padding-top:70px;font-size:48px;font-weight:bold;line-height:86px;color:#fff}
.banner-txt{padding-left:66px;}
.banner-txt li{background:url(../img/20160926img1.png) no-repeat 0 15px;line-height:40px;color:#fff;padding-left:22px;font-size:24px}
.paylist-tit{font-size:26px;color:#4251b6;border-bottom:1px solid #dcdcdc;line-height:48px;padding-top:32px}
.paylistbox{overflow:hidden;margin-top:30px;padding-bottom:100px;padding-left:20px}
.paylist{border:1px solid #cfcfcf;background:#fff;text-align:center;float:left;width:333px;height:400px;overflow:hidden}
.paylist h1{font-size:18px;font-weight:bold;color:#4251b6;line-height:30px;margin-top:30px}
.paylist span{font-size:14px;color:#cfcfcf;line-height:28px;display:block}
.paylist img{margin-top:45px}
.paylist p{width:255px;margin-top:40px;font-size:14px;line-height:24px;text-align:left;margin-left:40px}
.mar80{margin:0 80px}
