2020.02新版
This commit is contained in:
Blokura
1
template/index2/assets/css/aos.css
Normal file
1
template/index2/assets/css/aos.css
Normal file
File diff suppressed because one or more lines are too long
185
template/index2/assets/css/index1200.css
Normal file
185
template/index2/assets/css/index1200.css
Normal file
@@ -0,0 +1,185 @@
|
||||
@media (min-width:1001px){
|
||||
/*banner*/
|
||||
.banner{ width:1200px; margin:0 auto; height:490px}
|
||||
.banNr{ padding-top:156px; padding-left:15px;}
|
||||
.banNrT{ font-size:38px; line-height:50px;margin-bottom:10px;}
|
||||
.banNr p{ font-size:18px; line-height:33px;}
|
||||
.ButAN{font-size:16px; width:196px; line-height:44px; height:44px;border-radius:22px; margin-top:40px;}
|
||||
/*寄售服务项目*/
|
||||
.Title P{ font-size:28px; margin-top:120px; margin-bottom:5px;}
|
||||
.Title span{ font-size:12px; margin-bottom:15px;line-height:20px}
|
||||
.Title i{ width:48px; height:4px; border-radius:2px;}
|
||||
.IndIte{ width:1200px; margin:65px auto 30px;}
|
||||
.IndIteK{ height:158px; width:299px;border-left:1px solid #dedee0;}
|
||||
.IndIteK:nth-child(1){ border-left:none;}
|
||||
.IndIteI{ padding-top:34px; height:52px;}
|
||||
.IndIteI img{ height:52px;}
|
||||
.IndIteK p{ font-size:16px; margin-top:20px;}
|
||||
/*支付渠道*/
|
||||
.IndPay{ width:976px; margin:66px auto 0}
|
||||
.IndPayK{ width:272px; height:40px; padding:21px 0; border-radius:8px;margin-left:40px; margin-bottom:35px; box-shadow:0 5px 10px rgba(150,192,252,0.4);}
|
||||
.IndPayK img{ height:40px;}
|
||||
/*平台功能*/
|
||||
.IndPlaK{ width:960px; margin:45px auto 0;}
|
||||
.IndPlaL{ width:495px; padding-top:45px;}
|
||||
.IndPlaLT{ font-size:20px;}
|
||||
.IndPlaLn{ margin-top:40px;}
|
||||
.IndPlaLz{ width:58px; height:58px; line-height:58px;font-size:30px;}
|
||||
.IndPlaLr{ width:400px; line-height:25px; margin-top:5px;}
|
||||
.IndPlaLr p{ font-size:18px;}
|
||||
.IndPlaLr span{ font-size:14px;}
|
||||
.IndPlar{ width:463px;}
|
||||
.IndPlar img{ width:463px;}
|
||||
.IndPlaS{ width:1200px;top:-60px;padding-bottom:30px;}
|
||||
.IndPlaC{ width:226px; margin:0 12px 24px; padding:50px 25px 0; height:200px; border-radius:9px;}
|
||||
.IndPlaI{ height:30px;}
|
||||
.IndPlaKt{ font-size:20px;line-height:30px; padding:20px 0 15px;}
|
||||
.IndPlaC p{font-size:16px; line-height:26px;}
|
||||
a.ButPla{font-size:18px;width:260px; height:54px; line-height:54px; border-radius:33px; border:6px solid #afd3fc; margin:30px auto;}
|
||||
a.ButPla:hover{ border:6px solid #fbccb7}
|
||||
/*核心优势*/
|
||||
.IndCha{ width:1000px; margin:80px auto 0;}
|
||||
.IndChaZ{ width:380px; padding-left:80px; padding-top:50px}
|
||||
.IndChaZt{ font-size:20px; margin-bottom:15px;}
|
||||
.IndChaZ p{ font-size:18px;line-height:34px;}
|
||||
.IndChaP{ width:432px;}
|
||||
/**************登录***************/
|
||||
.LoginK{ background-image:url(../images/loginb.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position: bottom center; color:#333; min-height:100%;}
|
||||
.Login{ width:466px; padding-bottom:35px; background:#FFF; margin:15% auto 0; border-radius:6px;}
|
||||
.register{ width:466px; padding-bottom:35px; background:#FFF; margin:7% auto 0; border-radius:6px;}
|
||||
.register .Logreg{ margin:0 auto;}
|
||||
|
||||
.LogTit{ text-align:center; font-size:22px; line-height:35px; padding-top:30px; font-weight:600;}
|
||||
.logK{ width:332px; margin:0 auto;height:65px;}
|
||||
.logIc{ width:43px; height:43px; display:block; background-repeat:no-repeat; background-position:center; background-color:#2f80f0;}
|
||||
.logIn{height:43px; line-height:43px; background:none; border:none; width:259px; padding:0 15px; font-size:14px;background:#eff2f5;}
|
||||
.logNr{ line-height:23px; height:23px; font-size:14px; width:332px;margin:0 auto 15px;}
|
||||
.logNr a{ color:#999;}
|
||||
.logNr a:hover{ color:#2f80f0;}
|
||||
.Login .Logreg{ margin:0 auto;}
|
||||
.logK span{ line-height:22px; color:#e60012; font-size:14px; display:block; padding-left:43px;}
|
||||
/***************注册***************/
|
||||
.Regtit{ font-size:14px; text-align:center; margin-bottom:16px;}
|
||||
.logInw{ width:148px;}
|
||||
.yzm{ display:block; width:100px;}
|
||||
.Set_but{ border:none; display:block; width:100px; line-height:43px; height:43px; text-align: center; color:#FFF; display:block;}
|
||||
.Regf{ text-align:center; font-size:14px; color:#999; padding-top:10px;}
|
||||
.Regf a{ color:#3087f2;}
|
||||
/*弹出*/
|
||||
.TcK{top:10%;left:50%; margin-left:-400px;width:700px;border-radius:8px; padding:0 50px 30px; max-height:700px; overflow:auto;}
|
||||
.TcRegT{ font-size:24px; color:#333; text-align:center; font-weight:600; border-bottom:1px solid #ccc; line-height:80px; height:80px;}
|
||||
.TcRegN{ font-size:16px; color:#333; line-height:28px; margin-top:15px;}
|
||||
.TcRegP{ margin-bottom:10px;}
|
||||
.TcRegN a{ color:#0e6bf9; display:block;}
|
||||
A.TcRegA{ width:200px; height:42px; line-height:42px; text-align:center; border-radius:21px; font-size:18px; display:block; margin:20px auto 0;}
|
||||
|
||||
/**************登录错误****************/
|
||||
.Erro{ height:559px; background:url(../images/erro.jpg) no-repeat center top; margin-top:82px;}
|
||||
.ErroK{ width:600px; padding-left:600px; padding-top:210px; color:#FFF; text-align:center; margin:0 auto;}
|
||||
.ErroT{font-size:40px; font-weight:600; line-height:50px;}
|
||||
a.Errlink{ font-size:18px; line-height:20px; margin-top:15px; color:#FFF; display:block;}
|
||||
a.Errlink span{ color:#febc67;}
|
||||
/**************联系我们****************/
|
||||
.ContK{ background:url(../images/contb.jpg) no-repeat center 82px; padding-top:82px;}
|
||||
.ContTit{ width:1150px; margin:0 auto; padding-top:100px; height:200px; color:#FFF;}
|
||||
.ContTid{ font-size:40px; font-weight:600; line-height:50px;}
|
||||
.ContTid span{ font-size:30px; padding-left:15px; margin-bottom:10px; display:inline-block;}
|
||||
.ContTit p{ font-size:18px; line-height:20px;}
|
||||
.ContD{ width:1090px; background:#FFF; margin:0 auto; padding:0 30px 50px; border-radius:10px; position:relative;}
|
||||
.ContDK{ padding-left:40px; padding-top:100px; width:320px; height:170px;font-size:18px; float:left;}
|
||||
.ContDp{ padding-left:55px; background-repeat:no-repeat; background-position:left center; line-height:28px; margin-bottom:10px;}
|
||||
.ContDp1{ background-image:url(../images/fticon01.png)}
|
||||
.ContDp2{ background-image:url(../images/fticon02.png)}
|
||||
.ContDp span{display:block;}
|
||||
.ContDp p{color:#3e86ee; font-size:24px; font-weight:600;}
|
||||
.aboutDp p{color:#000000; font-size:18px; }
|
||||
.ContM{ width:205px; height:315px;text-align:center; background:url(../images/cont01.png) no-repeat top center; position:absolute; right:144px; top:-45px;}
|
||||
.ContM img{ padding-top:63px; width:166px;}
|
||||
.ContM p{ font-size:14px; line-height:30px;}
|
||||
.ContMat{ width:1054px; padding:8px; box-shadow:0 0 15px rgba(197,215,255,0.55); margin:0 auto;}
|
||||
/***************帮助中心**************/
|
||||
.HelpK{background-image:url(../images/helpb.png); background-repeat:no-repeat; background-position:right bottom; color:#333; min-height:100%;}
|
||||
.Help{ width:1200px; margin:40px auto; padding-top:82px;}
|
||||
.HelpT{ font-weight:600; text-align:center; font-size:34px; line-height:50px; color:#333;}
|
||||
.HelpD{display:flex;flex-wrap: wrap; margin-top:15px;}
|
||||
.HelpN{ width:600px;}
|
||||
.HelpNs{background:#FFF; margin:26px 25px 0; width:500px; padding:13px 25px; border-radius:8px; box-shadow:0 0 10px rgba(197,215,255,0.55);cursor: pointer;}
|
||||
.HelpQ{ padding-left:50px; position:relative;line-height:32px; font-size:18px; font-weight:600;}
|
||||
.HelpQ i,.HelpA i{ width:32px; height:32px; line-height:32px; font-style:normal; font-size:20px; text-align:center; font-weight:bold; position:absolute; top:0; left:0; border-radius:50%; display:block;}
|
||||
.HelpA i{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);box-shadow:0 5px 10px rgba(255,45,82,0.45);color:#FFF;}
|
||||
.HelpA{padding-left:50px; position:relative;font-size:14px; line-height:23px; min-height:32px; margin-top:15px; display:none;}
|
||||
.FHelp{ font-size:16px; text-align:center; color:#666; line-height:30px; padding:15px 0;}
|
||||
/******************查询订单****************/
|
||||
.QuerB{background-image:url(../images/querb.png);background-repeat:no-repeat;background-position:center bottom;color:#333;min-height:100%;}
|
||||
.QueT{ text-align:center; padding-top:117px;}
|
||||
.QueT a{ color:#333; font-size:24px; display:inline-block; margin:0 35px; line-height:60px;}
|
||||
.QueT a i{ display:block; width:36px; height:6px; border-radius:3px; margin:0 auto;}
|
||||
.QueTao{ font-weight:600;}
|
||||
.QueTao i{ background:#333;}
|
||||
.QueD{ display:none;}
|
||||
|
||||
.QueT1{ width:1026px; margin:35px auto;}
|
||||
.QueT4{ width:1026px; margin:35px auto;}
|
||||
/**/
|
||||
.search{ background:#FFF; border:2px solid #9ec2f6; border-radius:8px; height:63px; overflow:hidden;}
|
||||
.searI{ line-height:63px; height:63px; padding-left:40px; width:770px; background:none; border:none; font-size:18px; color:#666}
|
||||
a.searA{ color:#FFF; font-size:18px; display:block; text-align:center; width:160px;line-height:63px; height:63px; padding-right:20px;}
|
||||
a.searA span{background:url(../images/search.png) no-repeat left center; padding-left:55px; display:inline-block;}
|
||||
.QueKO{ background:#fff; overflow:hidden; margin-top:35px; padding-bottom:35px; border-radius:8px;}
|
||||
.QueKOt{ margin-bottom:23px; line-height:61px; height:61px; padding:0 35px; color:#FFF;}
|
||||
.QueKOt p{ font-size:20px; width:80%; float:left;}
|
||||
.QueKOt a{background:url(../images/qued.png) no-repeat left center;font-size:16px;padding-left:24px;color:#FFF;line-height:31px;height:31px;width:140px;margin-top:15px;display:block;}
|
||||
.QueTabk{ display:none;}
|
||||
.QueTab{ width:956px; margin:0 auto 15px; border:1px solid #ccc; border-bottom:none;}
|
||||
.QueTab tr td{ text-align:center; padding:13px 10px; color:#333; font-size:14px;border-bottom:1px solid #ccc; line-height:25px;}
|
||||
.QueTab tr.QueTr td{ font-size:10px; font-weight:600; background:#ededed;}
|
||||
.QueZF{ padding-left:28px; display:inline-block; background:url(../images/ques.png) no-repeat center left;}
|
||||
.QueZFsb{ padding-left:28px; display:inline-block; background:url(../images/zfsb.png) no-repeat center left;}
|
||||
.QueTrC tr td{text-align:justify; padding:13px 25px;border-right:1px solid #ccc;}
|
||||
.QueKOtx{ height:53px; line-height:53px; background:#ededed; border:1px solid #ccc;width:956px; margin:0 auto 15px; font-size:14px; color:#333;}
|
||||
.QueKOtx span{ font-weight:600; text-align:center; color:#FFF; float:left; display:block; width:57px; line-height:26px; height:26px; background:#4089ef; border-radius:8px; margin-top:15px; margin-left:12px; margin-right:20px;}
|
||||
.QueKOts{ width:940px; margin:12px auto;}
|
||||
.QueKOtit{ font-size:16px; font-weight:600; line-height:30px;}
|
||||
.QueKOts p{ font-size:14px; line-height:20px;}
|
||||
.QueT2{background:#FFF; border-radius:8px; width:680px; padding:20px 30px 30px; margin:35px auto}
|
||||
.QueST{ text-align:left; line-height:20px; font-size:10px; font-weight:600;}
|
||||
.QueI{ width:638px; line-height:44px; height:44px; border:1px solid #ccc; font-size:14px; padding:0 20px; margin-bottom:14px;}
|
||||
.QueText{ width:638px; line-height:24px; height:72px; border:1px solid #ccc; font-size:14px; padding:10px 20px; margin-bottom:14px;}
|
||||
.Queyzt{ display:block; width:110px;height:46px; overflow:hidden; margin-right:14px;}
|
||||
.Que_but{ width:120px;height:44px; border-radius:22px; margin-right:9px;}
|
||||
.QueIw1{ width:288px}
|
||||
.QueIw2{ width:480px;}
|
||||
a.QueAN{ width:180px; line-height:42px; height:42px; display:block; margin:15px auto; text-align:center; border-radius:21px; font-size:18px;}
|
||||
|
||||
.TcQue{width:30%; height:60%;margin-left:-270px;}
|
||||
.TcQueN{ font-size:16px; margin-bottom:10px; line-height:26px; text-align:justify;}
|
||||
.TcQueN span{ color:#5b9ef8; font-weight:600;}
|
||||
.TcQueT{ text-align:center; padding-top:45px; padding-bottom:10px;}
|
||||
.TcQueT img{ width:123px;}
|
||||
.TcQueT p{ font-size:24px; font-weight:600; line-height:40px;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
184
template/index2/assets/css/index720.css
Normal file
184
template/index2/assets/css/index720.css
Normal file
@@ -0,0 +1,184 @@
|
||||
@media (max-width:800px){
|
||||
/*banner*/
|
||||
.banner{ width:100%;height:1.5rem}
|
||||
.banNr{ padding-top:0.2rem; padding-left:4%}
|
||||
.banNrT{ font-size:0.15rem; line-height:0.3rem;}
|
||||
.banNr p{ font-size:0.11rem; line-height:0.18rem;}
|
||||
.ButAN{font-size:0.12rem; width:0.8rem; line-height:0.26rem; height:0.26rem;border-radius:0.13rem;margin-top:0.1rem;}
|
||||
/*寄售服务项目*/
|
||||
.Title P{ font-size:0.14rem; margin-top:0.3rem; margin-bottom:0.03rem;}
|
||||
.Title span{ font-size:0.1rem; margin-bottom:0.08rem;line-height:0.16rem}
|
||||
.Title i{ width:0.4rem; height:0.02rem; border-radius:0.01rem;}
|
||||
.IndIte{margin:0.25rem auto 0;}
|
||||
.IndIteK{ height:1rem; width:49.5%;border-left:0.01rem solid #dedee0; margin-bottom:0.2rem;}
|
||||
.IndIteK:nth-child(1),.IndIteK:nth-child(3){ border-left:none;}
|
||||
.IndIteI{ padding-top:0.15rem; height:0.25rem;}
|
||||
.IndIteI img{ height:0.25rem;}
|
||||
.IndIteK p{ font-size:0.12rem; padding:0.1rem;}
|
||||
/*支付渠道*/
|
||||
.IndPay{ margin:0.2rem auto 0}
|
||||
.IndPayK{width:44%;height:0.26rem;verflow:hidden;padding:0.08rem 0;border-radius:0.04rem;margin-left:4%; margin-bottom:0.1rem; box-shadow:0 3px 8px rgba(150,192,252,0.4);}
|
||||
.IndPayK img{ height:0.26rem;}
|
||||
/*平台功能*/
|
||||
.IndPlaK{ width:92%; padding:0.15rem 4% 0;}
|
||||
.IndPlaL{ width:50%;}
|
||||
.IndPlaLT{ font-size:0.13rem;}
|
||||
.IndPlaLn{ margin-top:0.15rem;}
|
||||
.IndPlaLz{ width:0.3rem; height:0.3rem; line-height:0.3rem; font-size:0.15rem;}
|
||||
.IndPlaLr{ width:75%; line-height:0.18rem;}
|
||||
.IndPlaLr p{ font-size:0.13rem; color:#2786f9;}
|
||||
.IndPlaLr span{ font-size:0.1rem; color:#333;line-height:0.16rem;}
|
||||
.IndPlar{ width:46%; margin-top:0.15rem;}
|
||||
.IndPlar img{ width:100%;}
|
||||
.IndPlaS{ margin-top:0.15rem;}
|
||||
.IndPlaC{ width:38%; margin-left:4%; margin-bottom:0.1rem; padding:0.16rem 3% 0; height:1.1rem; border-radius:0.05rem;}
|
||||
.IndPlaI{ height:0.21rem;}
|
||||
.IndPlaKt{ font-size:0.13rem;line-height:0.2rem; padding:0.08rem 0 0.03rem;}
|
||||
.IndPlaC p{font-size:0.1rem; line-height:0.16rem;}
|
||||
a.ButPla{font-size:0.13rem;width:1.6rem; height:0.26rem; line-height:0.26rem; border-radius:0.17rem; border:0.04rem solid #afd3fc; margin:0.1rem auto;}
|
||||
/*核心优势*/
|
||||
.IndCha{margin:0.25rem auto 0; width:92%}
|
||||
.IndChaZ{ width:48%; padding-left:2%;}
|
||||
.IndChaZt{ font-size:0.13rem;margin-bottom:0.08rem;}
|
||||
.IndChaZ p{ font-size:0.1rem;line-height:0.16rem;}
|
||||
.IndChaP{ width:46%;}
|
||||
|
||||
/**************登录**************/
|
||||
.LoginK{background-image:url(../images/loginb.jpg); background-attachment:fixed;background-repeat:no-repeat;background-position:bottom center;background-size:auto 100%;color:#333; height:100%;}
|
||||
.Login{ width:86%; padding-bottom:0.15rem; background:#FFF; margin:0.8rem auto 0; border-radius:6px;}
|
||||
.register{ width:86%; padding-bottom:0.15rem; background:#FFF; margin:0.8rem auto 0; border-radius:6px;}
|
||||
.LogTit{ text-align:center; font-size:0.14rem; line-height:0.2rem; padding-top:0.18rem; font-weight:600;}
|
||||
.logK{ width:2.2rem; margin:0 auto; height:0.4rem}
|
||||
.logIc{ width:0.3rem; height:0.3rem; display:block; background-repeat:no-repeat; background-position:center; background-color:#2f80f0; background-size:0.16rem}
|
||||
.logIn{height:0.3rem; line-height:0.3rem; background:none; border:none; width:1.7rem; padding:0 0.1rem; font-size:0.132rem;background:#eff2f5;}
|
||||
.logNr{ line-height:0.3rem; height:0.3rem; font-size:0.12rem; width:2.2rem; height:0.3rem; margin:0.05rem auto;}
|
||||
.logNr a{ color:#999;}
|
||||
.logNr a:hover{ color:#2f80f0;}
|
||||
.Login .Logreg{ margin:0 auto;}
|
||||
.register .Logreg{ margin:0 auto;}
|
||||
.logK span{ line-height:0.1rem; color:#e60012; font-size:0.1rem; display:block; padding-left:0.3rem;}
|
||||
/***************注册***************/
|
||||
.Regtit{ font-size:0.1rem; text-align:center; margin-bottom:0.1rem;}
|
||||
.logInw{ width:1rem;}
|
||||
.yzm{ display:block; width:0.65rem;}
|
||||
.Set_but{ border:none; display:block; width:0.65rem; font-size:0.1rem; line-height:0.3rem; height:0.3rem; text-align: center; color:#FFF; display:block;}
|
||||
.Regf{ text-align:center; font-size:0.1rem; color:#999; padding-top:0.1rem;}
|
||||
.Regf a{ color:#3087f2;}
|
||||
/*弹出*/
|
||||
.TcK{top:0%;left:6%;width:80%;border-radius:8px; padding:0 0.15rem 20%; max-height:100%; overflow:auto;}
|
||||
.TcRegT{ font-size:0.14rem; color:#333; text-align:center; font-weight:600; border-bottom:0.01rem solid #ccc; line-height:0.4rem; height:0.4rem;}
|
||||
.TcRegN{ font-size:0.11rem; color:#333; line-height:0.19rem; margin-top:0.1rem;}
|
||||
.TcRegP{ margin-bottom:0.04rem;}
|
||||
.TcRegN a{ color:#0e6bf9; display:block;}
|
||||
A.TcRegA{ width:1.3rem; height:0.3rem; line-height:0.3rem; text-align:center; border-radius:0.15rem; font-size:0.12rem; display:block; margin:0.1rem auto 0;}
|
||||
/**************登录错误****************/
|
||||
.Erro{ height:1.7rem; background:url(../images/erro.jpg) no-repeat center top; background-size: auto 100%; margin-top:0.4rem;}
|
||||
.ErroK{ width:65%; padding-left:35%; padding-top:0.6rem; color:#FFF; text-align:center;}
|
||||
.ErroT{font-size:0.15rem; font-weight:600; line-height:0.25rem;}
|
||||
a.Errlink{ font-size:0.11rem; line-height:0.18rem;color:#FFF; display:block;}
|
||||
a.Errlink span{ color:#febc67;}
|
||||
/**************联系我们****************/
|
||||
.ContK{ background:url(../images/contb.jpg) no-repeat center 0.4rem; background-size:auto 1.2rem; padding-top:0.4rem;}
|
||||
.ContTit{ width:92%; padding:0.2rem 4% 0; height:0.8rem; color:#FFF;}
|
||||
.ContTid{ font-size:0.16rem; font-weight:600; line-height:0.26rem;}
|
||||
.ContTid span{ font-size:0.14rem; padding-left:0.1rem; margin-bottom:0.05rem; display:inline-block;}
|
||||
.ContTit p{ font-size:0.12rem; line-height:0.16rem;}
|
||||
.ContD{ width:84%; background:#FFF;padding:0.25rem 4% 0.2rem; margin:0 auto; border-radius:0.06rem; position:relative;}
|
||||
.ContDK{height:0.8rem;font-size:0.13rem; width:90%; margin:0 auto;}
|
||||
.ContDp1{ background-image:url(../images/fticon01.png)}
|
||||
.ContDp2{ background-image:url(../images/fticon02.png)}
|
||||
.ContDp{ padding-left:0.3rem; background-repeat:no-repeat; background-position:left center; line-height:0.18rem; background-size:0.25rem; margin-bottom:0.05rem;}
|
||||
.ContDp span{display:block;}
|
||||
.ContDp p{color:#3e86ee; font-size:0.15rem; font-weight:600;}
|
||||
.ContM{ text-align:center; margin-bottom:0.12rem;}
|
||||
.ContM img{width:1rem;}
|
||||
.ContM p{ font-size:0.12rem; line-height:0.2rem;}
|
||||
.ContMat{ width:92%; padding:0.05rem; box-shadow:0 0 15px rgba(197,215,255,0.55); margin:0 auto;}
|
||||
|
||||
/***************帮助中心**************/
|
||||
.HelpK{background-image:url(../images/helpb.png); background-size:70%; background-repeat:no-repeat; background-position:right bottom; color:#333; min-height:100%;}
|
||||
.Help{ width:90%; margin:0.2rem auto; padding-top:0.4rem;}
|
||||
.HelpT{ font-weight:600; text-align:center; font-size:0.15rem; line-height:0.3rem; color:#333;}
|
||||
.HelpD{display:flex;flex-wrap: wrap;}
|
||||
.HelpN{ width:100%;}
|
||||
.HelpNs{background:#FFF; margin-top:0.1rem;width:92%;padding:0.1rem 4%; border-radius:0.05rem; box-shadow:0 0 5px rgba(197,215,255,0.55);cursor: pointer;}
|
||||
.HelpQ{ padding-left:0.3rem; position:relative;line-height:0.22rem; font-size:0.13rem;}
|
||||
.HelpQ i,.HelpA i{ width:0.22rem; height:0.22rem; line-height:0.22rem; font-style:normal; font-size:0.14rem;text-align:center;font-weight:bold;position:absolute;top:0; left:0; border-radius:50%; display:block;}
|
||||
.HelpA i{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);box-shadow:0 5px 10px rgba(255,45,82,0.45);color:#FFF;}
|
||||
.HelpA{padding-left:0.3rem; position:relative;font-size:0.12rem; line-height:0.19rem; min-height:0.17rem; margin-top:0.1rem; display:none;}
|
||||
.FHelp{ font-size:0.11rem; width:92%;text-align:center; color:#666; line-height:0.18rem; padding:0.1rem 4%;}
|
||||
|
||||
/******************查询订单****************/
|
||||
.QuerB{background-image:url(../images/querb.png);background-size: auto 1.2rem;background-repeat:no-repeat;background-position:right bottom;color:#333;min-height:100%;}
|
||||
.QueT{ text-align:center; padding-top:0.55rem;}
|
||||
.QueT a{ color:#333; font-size:0.13rem; display:inline-block; margin:0 0.1rem; line-height:0.3rem;}
|
||||
.QueT a i{ display:block; width:0.25rem; height:0.02rem; border-radius:0.02rem; margin:0 auto;}
|
||||
.QueTao{ font-weight:600;}
|
||||
.QueTao i{ background:#333;}
|
||||
.QueD{ display:none;}
|
||||
.QueT1{ width:90%; padding:0.15rem 5%}
|
||||
/**/
|
||||
.search{ background:#FFF; border:0.01rem solid #9ec2f6; border-radius:0.04rem; height:0.34rem; overflow:hidden;}
|
||||
.searI{ line-height:0.34rem; height:0.34rem; padding-left:4%; width:70%; background:none; border:none; font-size:0.12rem; color:#666}
|
||||
a.searA{ color:#FFF; font-size:0.13rem; display:block; text-align:center; width:22%;line-height:0.34rem; height:0.34rem;}
|
||||
a.searA span{background:url(../images/search.png) no-repeat left center; background-size:0.16rem; padding-left:0.2rem; display:inline-block;}
|
||||
.QueKO{ background:#fff; overflow:hidden; margin-top:0.15rem; padding-bottom:0.15rem; border-radius:0.04rem;}
|
||||
.QueKOt{ margin-bottom:0.12rem; line-height:0.34rem; height:0.34rem; padding:0 5%; color:#FFF;}
|
||||
.QueKOt p{ font-size:0.12rem; width:75%; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||||
.QueKOt a{background:url(../images/qued.png) no-repeat left center;background-size:0.1rem;font-size:0.1rem;padding-left:0.1rem;color:#FFF;line-height:0.34rem;height:0.34rem;display:block;}
|
||||
.QueTab{ display:none;}
|
||||
.QueTabk{ width:92%; margin:0 auto 0.1rem; border-top:0.01rem solid #ccc; border-left:0.01rem solid #ccc;}
|
||||
.QueTabk tr td{ padding:0.08rem 0.1rem; color:#333; font-size:0.1rem;border-bottom:0.01rem solid #ccc;border-right:0.01rem solid #ccc; line-height:0.18rem;}
|
||||
.QueTabk tr td.QueTr{ font-size:0.1rem; font-weight:600; background:#ededed; width:30%;}
|
||||
|
||||
.QueZF{ padding-left:0.15rem; display:inline-block; background:url(../images/ques.png) no-repeat center left;background-size:0.12rem;}
|
||||
.QueZFsb{ padding-left:0.15rem; display:inline-block; background:url(../images/zfsb.png) no-repeat center left;background-size:0.12rem;}
|
||||
.QueTrC tr td{text-align:justify; padding:0.08rem 0.12rem;border-right:0.01rem solid #ccc;}
|
||||
.QueKOtx{ height:0.34rem; line-height:0.34rem; background:#ededed; border:0.01rem solid #ccc;width:92%; margin:0 auto 0.1rem; font-size:0.1rem; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
|
||||
.QueKOtx span{ font-weight:600; text-align:center; color:#FFF; float:left; display:block; width:0.4rem; line-height:0.2rem; height:0.2rem; background:#4089ef; border-radius:0.05rem; margin-top:0.07rem; margin-left:0.05rem; margin-right:0.06rem;}
|
||||
.QueKOts{ width:90%; margin:0.1rem auto;}
|
||||
.QueKOtit{ font-size:0.13rem; font-weight:600; line-height:0.22rem;}
|
||||
.QueKOts p{ font-size:0.1rem; line-height:0.17rem;}
|
||||
|
||||
.QueT2{background:#FFF; border-radius:8px; width:84%; padding:0.1rem 4%; margin:0.15rem auto}
|
||||
.QueST{ text-align:left; line-height:0.3rem; font-size:0.13rem; font-weight:600;}
|
||||
.QueI{ width:90%; line-height:0.3rem; height:0.3rem; border:0.01rem solid #ccc; font-size:0.12rem; padding:0 4.5%; margin-bottom:0.08rem;}
|
||||
.QueText{width:90%;line-height:0.18rem;height:0.6rem; border:0.01rem solid #ccc; font-size:0.12rem; padding:0.1rem 4.5%; margin-bottom:0.08rem;}
|
||||
.Queyzt{ display:block; width:30%;height:0.3rem; overflow:hidden; margin-right:0.01rem;}
|
||||
.Que_but{ width:31%;height:0.3rem; border-radius:0.15rem;}
|
||||
.QueIw2{ width:56%;}
|
||||
a.QueAN{ width:1rem; line-height:0.3rem; height:0.3rem; display:block; margin:0.1rem auto; text-align:center; border-radius:0.15rem; font-size:0.13rem;}
|
||||
|
||||
.TcQue{ width:70%; height:3rem; left:11%; top:17%;}
|
||||
.TcQueN{ font-size:0.12rem; margin-bottom:0.08rem; line-height:0.18rem; text-align:justify;}
|
||||
.TcQueN span{ color:#5b9ef8; font-weight:600;}
|
||||
.TcQueT{ text-align:center; padding-top:0.15rem; padding-bottom:0.1rem;}
|
||||
.TcQueT img{ width:0.8rem;}
|
||||
.TcQueT p{ font-size:0.15rem; font-weight:600; line-height:0.25rem;}
|
||||
}
|
||||
|
||||
.QueTrC{ border-right:none;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
164
template/index2/assets/css/index960.css
Normal file
164
template/index2/assets/css/index960.css
Normal file
@@ -0,0 +1,164 @@
|
||||
@media (max-width: 1000px ) and ( min-width: 801px){
|
||||
|
||||
/*banner*/
|
||||
.banner{ width:800px; margin:0 auto; height:440px}
|
||||
.banNr{ padding-top:136px; padding-left:15px}
|
||||
.banNrT{ font-size:32px; line-height:45px; margin-bottom:10px;}
|
||||
.banNr p{ font-size:16px; line-height:30px;}
|
||||
.ButAN{font-size:14px; width:170px; line-height:40px; height:40px;border-radius:20px;margin-top:35px;}
|
||||
/*寄售服务项目*/
|
||||
.Title P{ font-size:24px; margin-top:100px; margin-bottom:3px;}
|
||||
.Title span{ font-size:12px; margin-bottom:12px;line-height:20px}
|
||||
.Title i{ width:40px; height:3px; border-radius:2px;}
|
||||
.IndIte{ width:800px; margin:55px auto 20px;}
|
||||
.IndIteK{ height:138px; width:199px;border-left:1px solid #dedee0;}
|
||||
.IndIteK:nth-child(1){ border-left:none;}
|
||||
.IndIteI{ padding-top:25px; height:45px;}
|
||||
.IndIteI img{ height:45px;}
|
||||
.IndIteK p{ font-size:14px; padding:15px;}
|
||||
|
||||
/*支付渠道*/
|
||||
.IndPay{ width:800px; margin:46px auto 0}
|
||||
.IndPayK{ width:236px; height:40px; overflow:hidden; padding:10px 0; border-radius:8px;margin:0 15px 25px; box-shadow:0 5px 10px rgba(150,192,252,0.4);}
|
||||
.IndPayK img{ height:40px;}
|
||||
/*平台功能*/
|
||||
.IndPlaK{ width:800px; margin:20px auto 0;}
|
||||
.IndPlaL{ width:350px; padding-top:35px;}
|
||||
.IndPlaLT{ font-size:18px;}
|
||||
.IndPlaLn{ margin-top:30px;}
|
||||
.IndPlaLz{ width:50px; height:50px; line-height:50px; font-size:26px;}
|
||||
.IndPlaLr{ width:280px; line-height:25px; margin-top:5px;}
|
||||
.IndPlaLr p{ font-size:18px; color:#2786f9;}
|
||||
.IndPlaLr span{ font-size:14px; color:#333;}
|
||||
.IndPlar{ width:383px;}
|
||||
.IndPlar img{ width:383px;}
|
||||
.IndPlaS{ width:800px;top:-40px;padding-bottom:10px;}
|
||||
.IndPlaC{ width:208px; margin:0 9px 18px; padding:35px 20px 0; height:150px; border-radius:9px;}
|
||||
.IndPlaI{ height:25px;}
|
||||
.IndPlaKt{ font-size:15px;line-height:25px; padding:13px 0 8px;}
|
||||
.IndPlaC p{font-size:14px; line-height:23px;}
|
||||
a.ButPla{font-size:16px;width:200px; height:44px; line-height:44px; border-radius:27px; border:5px solid #afd3fc; margin:20px auto;}
|
||||
a.ButPla:hover{ border:5px solid #fbccb7}
|
||||
/*核心优势*/
|
||||
.IndCha{ width:800px; margin:60px auto 0;}
|
||||
.IndChaZ{ width:320px; padding-left:40px; padding-top:40px}
|
||||
.IndChaZt{ font-size:18px;margin-bottom:15px;}
|
||||
.IndChaZ p{ font-size:16px;line-height:30px;}
|
||||
.IndChaP{ width:400px; padding:0 15px;}
|
||||
/**************登录**************/
|
||||
.LoginK{ background-image:url(../images/loginb.jpg); background-attachment:fixed; background-repeat:no-repeat; background-position: bottom center; color:#333; height:100%;}
|
||||
.Login{ width:430px;padding-bottom:25px; background:#FFF; margin:15% auto 0; border-radius:6px;}
|
||||
.register{ width:430px;padding-bottom:25px; background:#FFF; margin:15% auto 0; border-radius:6px;}
|
||||
.LogTit{ text-align:center; font-size:20px; line-height:30px; padding-top:25px; font-weight:600;}
|
||||
.logK{ width:332px; margin:0 auto; height:58px;}
|
||||
.logIc{ width:40px; height:40px; display:block; background-repeat:no-repeat; background-position:center; background-color:#2f80f0;}
|
||||
.logIn{height:40px; line-height:40px; background:none; border:none; width:262px; padding:0 15px; font-size:14px;background:#eff2f5;}
|
||||
.logNr{ line-height:40px; height:40px; font-size:14px; width:332px; height:43px; margin:10px auto;}
|
||||
.logNr a{ color:#999;}
|
||||
.logNr a:hover{ color:#2f80f0;}
|
||||
.Login .Logreg{ margin:0 auto;}
|
||||
.register .Logreg{ margin:0 auto;}
|
||||
.logK span{ line-height:18px; color:#e60012; font-size:12px;display:block; padding-left:43px;}
|
||||
/***************注册***************/
|
||||
.Regtit{ font-size:14px; text-align:center; margin-bottom:12px;}
|
||||
.logInw{ width:148px;}
|
||||
.yzm{ display:block; width:100px;}
|
||||
.Set_but{ border:none; display:block; width:100px; line-height:40px; height:40px; text-align: center; color:#FFF; display:block;}
|
||||
.Regf{ text-align:center; font-size:14px; color:#999; padding-top:10px;}
|
||||
.Regf a{ color:#3087f2;}
|
||||
/*弹出*/
|
||||
.TcK{top:0%;left:50%; margin-left:-290px;width:500px;border-radius:8px; padding:0 40px 30px; max-height:600px; overflow:auto;}
|
||||
.TcRegT{ font-size:18px; color:#333; text-align:center; font-weight:600; border-bottom:1px solid #ccc; line-height:60px; height:60px;}
|
||||
.TcRegN{ font-size:14px; color:#333; line-height:24px; margin-top:12px;}
|
||||
.TcRegP{ margin-bottom:10px;}
|
||||
.TcRegN a{ color:#0e6bf9; display:block;}
|
||||
A.TcRegA{ width:160px; height:36px; line-height:36px; text-align:center; border-radius:18px; font-size:16px; display:block; margin:16px auto 0;}
|
||||
/**************登录错误****************/
|
||||
.Erro{ height:460px; background:url(../images/erro.jpg) no-repeat center top; background-size: auto 100%; margin-top:75px;}
|
||||
.ErroK{ width:400px; padding-left:400px; padding-top:180px; color:#FFF; text-align:center; margin:0 auto;}
|
||||
.ErroT{font-size:34px; font-weight:600; line-height:40px;}
|
||||
a.Errlink{ font-size:16px; line-height:20px; margin-top:15px; color:#FFF; display:block;}
|
||||
a.Errlink span{ color:#febc67;}
|
||||
|
||||
/**************联系我们****************/
|
||||
.ContK{ background:url(../images/contb.jpg) no-repeat center 75px; background-size:auto 250px; padding-top:75px;}
|
||||
.ContTit{ width:800px; margin:0 auto; padding-top:60px; height:140px; color:#FFF;}
|
||||
.ContTid{ font-size:34px; font-weight:600; line-height:40px;}
|
||||
.ContTid span{ font-size:26px; padding-left:10px; margin-bottom:7px; display:inline-block;}
|
||||
.ContTit p{ font-size:16px; line-height:20px;}
|
||||
.ContD{ width:760px; background:#FFF; margin:0 auto; padding:0 20px 30px; border-radius:7px; position:relative;}
|
||||
.ContDK{ padding-left:20px; padding-top:80px; width:280px; height:120px;font-size:16px; float:left;}
|
||||
.ContDp1{ background-image:url(../images/fticon01.png)}
|
||||
.ContDp2{ background-image:url(../images/fticon02.png)}
|
||||
.ContDp{ padding-left:45px; background-repeat:no-repeat; background-position:left center; line-height:24px; background-size:32px; margin-bottom:7px;}
|
||||
.ContDp span{display:block;}
|
||||
.ContDp p{color:#3e86ee; font-size:20px; font-weight:600;}
|
||||
.ContDx{ font-size:14px;}
|
||||
.ContM{ width:160px; height:250px;text-align:center; background:url(../images/cont01.png) no-repeat top center; background-size:100%; position:absolute; right:34px; top:-45px;}
|
||||
.ContM img{ padding-top:50px; width:100px;}
|
||||
.ContM p{ font-size:12px; line-height:30px;}
|
||||
.ContMat{ width:740px; padding:6px; box-shadow:0 0 15px rgba(197,215,255,0.55); margin:0 auto;}
|
||||
|
||||
/***************帮助中心**************/
|
||||
.HelpK{background-image:url(../images/helpb.png); background-size:500px; background-repeat:no-repeat; background-position:right bottom; color:#333; min-height:100%;}
|
||||
.Help{ width:800px; margin:30px auto; padding-top:75px;}
|
||||
.HelpT{ font-weight:600; text-align:center; font-size:28px; line-height:40px; color:#333;}
|
||||
.HelpD{display:flex;flex-wrap: wrap; margin-top:10px;}
|
||||
.HelpN{ width:50%;}
|
||||
.HelpNs{background:#FFF;margin:16px 3% 0;width:86%;padding:10px 4%; border-radius:5px; box-shadow:0 0 8px rgba(197,215,255,0.55);cursor: pointer;}
|
||||
.HelpQ{ padding-left:40px; position:relative;line-height:28px; font-size:16px;}
|
||||
.HelpQ i,.HelpA i{ width:28px; height:28px; line-height:28px; font-style:normal; font-size:16px;text-align:center;font-weight:bold;position:absolute;top:0; left:0; border-radius:50%; display:block;}
|
||||
.HelpA i{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);box-shadow:0 5px 10px rgba(255,45,82,0.45);color:#FFF;}
|
||||
.HelpA{padding-left:40px; position:relative;font-size:14px; line-height:22px; min-height:28px; margin-top:10px; display:none;}
|
||||
.FHelp{ font-size:14px; text-align:center; color:#666; line-height:25px; padding:10px 0;}
|
||||
|
||||
/******************查询订单****************/
|
||||
.QuerB{background-image:url(../images/querb.png);background-size:1000px;background-repeat:no-repeat;background-position:right bottom;color:#333;min-height:100%;}
|
||||
.QueT{ text-align:center; padding-top:100px;}
|
||||
.QueT a{ color:#333; font-size:20px; display:inline-block; margin:0 25px; line-height:50px;}
|
||||
.QueT a i{ display:block; width:30px; height:4px; border-radius:2px; margin:0 auto;}
|
||||
.QueTao{ font-weight:600;}
|
||||
.QueTao i{ background:#333;}
|
||||
.QueD{ display:none;}
|
||||
.QueT1{ width:800px; margin:25px auto;}
|
||||
/**/
|
||||
.search{ background:#FFF; border:1px solid #9ec2f6; border-radius:5px; height:53px; overflow:hidden;}
|
||||
.searI{ line-height:53px; height:53px; padding-left:25px; width:590px; background:none; border:none; font-size:16px; color:#666}
|
||||
a.searA{ color:#FFF; font-size:16px; display:block; text-align:center; width:140px;line-height:53px; height:53px; padding-right:20px;}
|
||||
a.searA span{background:url(../images/search.png) no-repeat left center; background-size:26px; padding-left:50px; display:inline-block;}
|
||||
.QueKO{ background:#fff; overflow:hidden; margin-top:25px; padding-bottom:25px; border-radius:5px;}
|
||||
.QueKOt{ margin-bottom:20px; line-height:53px; height:53px; padding:0 25px; color:#FFF;}
|
||||
.QueKOt p{ font-size:18px; width:75%; float:left;}
|
||||
.QueKOt a{background:url(../images/qued.png) no-repeat left center;background-size:13px;font-size:14px;padding-left:20px;color:#FFF;line-height:23px;height:23px;width:110px;margin-top:15px;display:block;}
|
||||
.QueTabk{ display:none;}
|
||||
.QueTab{ width:760px; margin:0 auto 12px; border:1px solid #ccc; border-bottom:none;}
|
||||
.QueTab tr td{ text-align:center; padding:10px 7px; color:#333; font-size:12px;border-bottom:1px solid #ccc; line-height:20px;}
|
||||
.QueTab tr.QueTr td{ font-size:10px; font-weight:600; background:#ededed;}
|
||||
.QueZF{ padding-left:20px; display:inline-block; background:url(../images/ques.png) no-repeat center left;background-size:18px;}
|
||||
.QueZFsb{ padding-left:20px; display:inline-block; background:url(../images/zfsb.png) no-repeat center left;background-size:18px;}
|
||||
.QueTrC tr td{text-align:justify; padding:10px 17px;border-right:1px solid #ccc;}
|
||||
.QueKOtx{ height:45px; line-height:45px; background:#ededed; border:1px solid #ccc;width:760px; margin:0 auto 10px; font-size:12px; color:#333;}
|
||||
.QueKOtx span{ font-weight:600; text-align:center; color:#FFF; float:left; display:block; width:50px; line-height:22px; height:22px; background:#4089ef; border-radius:6px; margin-top:13px; margin-left:10px; margin-right:15px;}
|
||||
.QueKOts{ width:740px; margin:12px auto;}
|
||||
.QueKOtit{ font-size:14px; font-weight:600; line-height:28px;}
|
||||
.QueKOts p{ font-size:12px; line-height:18px;}
|
||||
.QueT2{background:#FFF; border-radius:8px; width:680px; padding:15px 25px; margin:25px auto}
|
||||
.QueST{ text-align:left; line-height:20px; font-size:10px; font-weight:600;}
|
||||
.QueI{ width:638px; line-height:44px; height:44px; border:1px solid #ccc; font-size:14px; padding:0 20px; margin-bottom:14px;}
|
||||
.QueText{ width:638px; line-height:24px; height:72px; border:1px solid #ccc; font-size:14px; padding:10px 20px; margin-bottom:14px;}
|
||||
.Queyzt{ display:block; width:110px;height:46px; overflow:hidden; margin-right:14px;}
|
||||
.Que_but{ width:120px;height:44px; border-radius:22px; margin-right:9px;}
|
||||
.QueIw1{ width:288px}
|
||||
.QueIw2{ width:480px;}
|
||||
a.QueAN{ width:170px; line-height:42px; height:42px; display:block; margin:15px auto; text-align:center; border-radius:21px; font-size:16px;}
|
||||
|
||||
.TcQue{width:30%; height:60%;margin-left:-240px;}
|
||||
.TcQueN{ font-size:14px; margin-bottom:10px; line-height:24px; text-align:justify;}
|
||||
.TcQueN span{ color:#5b9ef8; font-weight:600;}
|
||||
.TcQueT{ text-align:center; padding-top:35px; padding-bottom:10px;}
|
||||
.TcQueT img{ width:113px;}
|
||||
.TcQueT p{ font-size:20px; font-weight:600; line-height:32px;}
|
||||
}
|
||||
|
||||
|
||||
|
||||
286
template/index2/assets/css/style.css
Normal file
286
template/index2/assets/css/style.css
Normal file
@@ -0,0 +1,286 @@
|
||||
/*通用*/
|
||||
*{ margin:0; padding:0;}
|
||||
html{min-height:100%;}
|
||||
body{color:#333; background-color:#f9faff; background-repeat:no-repeat; min-height:100%;}
|
||||
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none;}
|
||||
a{text-decoration:none; text-shadow:none;font-weight:normal;}
|
||||
ul{list-style:none;}
|
||||
textarea,input,button{outline:none;-webkit-appearance:none; font-family:"微软雅黑";}
|
||||
.fl{ float:left;}
|
||||
.fr{ float:right}
|
||||
a{color:#6c6c6c;text-decoration:none;}
|
||||
img{border:none;}
|
||||
.clear{ clear:both; height:0; overflow:hidden;}
|
||||
.dk{ width:100%; max-width:1200px; min-width:320px; margin:0 auto;}
|
||||
|
||||
.backFFF{ background:#FFF;}
|
||||
.backB1{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5baffd,endColorStr=#3a81ec);background: -ms-linear-gradient(left, #5baffd, #3a81ec);background:-moz-linear-gradient(left,#5baffd,#3a81ec);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#5baffd), to(#3a81ec));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#5baffd), to(#3a81ec));background: -webkit-linear-gradient(left, #5baffd, #3a81ec);background:-o-linear-gradient(left, #5baffd, #3a81ec);color:#FFF;box-shadow:0 7px 10px rgba(75,152,244,0.45);}
|
||||
|
||||
.backB2{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#5baffd,endColorStr=#3a81ec);background: -ms-linear-gradient(top, #5baffd, #3a81ec);background:-moz-linear-gradient(left,#5baffd,#3a81ec);background:-webkit-gradient(linear, 0% 0%, 100% 0%,from(#5baffd), to(#3a81ec));background:-webkit-gradient(linear, 0% 0%, 100% 0%, from(#5baffd), to(#3a81ec));background: -webkit-linear-gradient(top, #5baffd, #3a81ec);background:-o-linear-gradient(top, #5baffd, #3a81ec);color:#FFF;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.Color1{background: -webkit-gradient(linear, 0 0, right 0, from(rgba(59, 175, 52, 1)), to(rgba(255, 245, 0, 1)));-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
|
||||
|
||||
/*弹出*/
|
||||
.TcBJ{z-index:9998;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4); display:none;}
|
||||
.TcK{z-index:9999;position:fixed; background:#FFF; overflow:hidden; display:none;}
|
||||
|
||||
.Set_but{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);}
|
||||
.logP1{ background-image:url(../images/logi01.png)}
|
||||
.logP11{ background-image:url(../images/logi011.png)}
|
||||
.logP2{ background-image:url(../images/logi02.png)}
|
||||
.logP3{ background-image:url(../images/logi03.png)}
|
||||
.logP4{ background-image:url(../images/logi04.png)}
|
||||
.logP5{ background-image:url(../images/logi05.png)}
|
||||
.logP6{ background-image:url(../images/logi06.png)}
|
||||
.logP7{ background-image:url(../images/logi07.png)}
|
||||
/*置顶*/
|
||||
.cd-top {display:inline-block;border-radius:50%;position:fixed;overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/top.png) no-repeat center; background-size:100%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
|
||||
.cd-top.cd-is-visible {visibility: visible;opacity:1;}
|
||||
.cd-top.cd-fade-out {opacity:0.9;}
|
||||
.no-touch .cd-top:hover {background-color:#e86256;opacity:1;}
|
||||
/*banner*/
|
||||
.banNr{color:#333;}
|
||||
.banNrT{font-weight:600;}
|
||||
.ButAN{transition:0.5s; display:block; text-align:center; }
|
||||
.ButAN:hover{transition:0.5s;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);box-shadow:0 5px 10px rgba(255,45,82,0.45);}
|
||||
/*寄售服务项目*/
|
||||
.Title{ text-align:center; color:#333;}
|
||||
.Title span{display:block;}
|
||||
.Title i{background:#333; display:block; margin:0 auto;}
|
||||
.IndIteK,.IndIteI{text-align:center;}
|
||||
.IndIteK p{color:#333;}
|
||||
/*支付渠道*/
|
||||
.IndPayK{text-align:center; background:#FFF;}
|
||||
/*平台功能*/
|
||||
.IndPlaL{color:#333;}
|
||||
.IndPlaLT{font-weight:600;}
|
||||
.IndPlaLz{font-weight:600;border-radius:50%;color:#FFF; text-align:center;}
|
||||
.IndPlaLr p{ color:#2786f9;}
|
||||
.IndPlaS{position:relative;margin:0 auto}
|
||||
.IndPlaC{background:#FFF; text-align:center;}
|
||||
.IndPlaKt{font-weight:600;}
|
||||
.IndPlaC p{ color:#999;}
|
||||
a.ButPla{ color:#FFF;text-align:center; display:block;}
|
||||
/*核心优势*/
|
||||
.IndChaZt{font-weight:600;}
|
||||
.IndChaZ p{color:#666;}
|
||||
/*尾*/
|
||||
.footer{margin:0 auto;}
|
||||
.footN{ color:#333;}
|
||||
.footFk{color:#3e86ee; font-weight:600;}
|
||||
.footFk a{color:#3e86ee;font-weight:600;}
|
||||
.footFk i{display:block;background-repeat:no-repeat; background-position:center;}
|
||||
.footF1{ background-image:url(../images/fticon01.png)}
|
||||
.footF2{background-image:url(../images/fticon02.png)}
|
||||
.footFm i{display:block;background-repeat:no-repeat; background-position:center;}
|
||||
.footF3{background-image:url(../images/fticon03.png)}
|
||||
.footF4{background-image:url(../images/fticon04.png)}
|
||||
.footRT{font-weight:600;}
|
||||
.footR a{color:#666;display:block;}
|
||||
.footR a:hover{color:#3e86ee;}
|
||||
.footC{color:#666; text-align:center;}
|
||||
.footI{ text-align:center;}
|
||||
.footI a{ display:inline-block;}
|
||||
/*.QueTab,.QueTabk{table-layout:fixed;}
|
||||
.QueTab tr td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
|
||||
.head{ position:fixed; top:0; left:0; width:100%;z-index: 998; background:#f9faff;}
|
||||
@media (min-width:1001px){
|
||||
body{font:14px "microsoft yahei", Arial, Helvetica, sans-serif; background-image:url(../images/backg1.png); background-position:center 780px;}
|
||||
.bannerK{ background:url(../images/banner.png) no-repeat top right; margin-bottom:120px; padding-top:82px;}
|
||||
.head{ height:82px;}
|
||||
.headK{ width:1200px; margin:0 auto;}
|
||||
.Logo{ width:140px; height:55px; margin-top:14px;}
|
||||
/*导航*/
|
||||
.wap_nav,.hd_nav{ display:none;}
|
||||
.MenuPC{ width:820px; margin-top:18px;}
|
||||
.MenuPC a{ line-height:44px; height:44px; text-align:center; display:block; font-size:16px; border-radius:22px; color:#2d3f7a;}
|
||||
a.MenuA{ width:110px; margin-left:10px;}
|
||||
a.MenuA:hover{transition:0.5s; color:#1b67da; text-shadow:0 0 10px rgba(75,152,244,0.45);}
|
||||
a.MenuAo:hover,a.MenuAo{color:#FFF;}
|
||||
a.hdReg{ width:80px; color:#FFF;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff9e14,endColorStr=#ffc90a);background: -ms-linear-gradient(left, #ff9e14, #3a81ec);background:-moz-linear-gradient(left,#ff9e14,#ffc90a);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff9e14), to(#ffc90a));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff9e14), to(#ffc90a));background: -webkit-linear-gradient(left, #ff9e14, #ffc90a);background:-o-linear-gradient(left, #ff9e14, #ffc90a);transition:0.5s;}
|
||||
a.hdReg:hover{box-shadow:0 5px 10px rgba(255,165,18,0.45);transition:0.5s;}
|
||||
a.hdLog{ width:80px; color:#FFF; margin-right:14px;transition:0.5s;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);}
|
||||
a.hdLog:hover{box-shadow:0 5px 10px rgba(255,45,82,0.45);transition:0.5s;}
|
||||
/*尾*/
|
||||
.footer{ width:920px;padding-top:60px;}
|
||||
.footN{margin-bottom:60px;}
|
||||
.footF{ width:315px;}
|
||||
.footFk{ line-height:38px; height:38px; font-size:24px; margin-bottom:10px;}
|
||||
.footFk i{ width:38px; height:38px;margin-right:14px;}
|
||||
.footFm{ font-size:14px; line-height:22px; margin-left:6px; margin-bottom:10px;}
|
||||
.footFm i{width:22px; height:22px;margin-right:8px;}
|
||||
.footR{ width:180px; padding-left:20px}
|
||||
.footRT{ line-height:38px; font-size:20px; margin-bottom:5px;}
|
||||
.footR a{ font-size:16px;line-height:28px;}
|
||||
.footC{ font-size:16px;line-height:25px;}
|
||||
.footI{margin:30px auto 40px;}
|
||||
.footI a{padding:0 20px; height:47px;}
|
||||
/*置顶*/
|
||||
.cd-top {height:59px;width:59px;bottom:70px;right:10px;box-shadow:0 0 10px rgba(75,152,244, 0.35);}
|
||||
}
|
||||
@media (max-width: 1000px ) and ( min-width: 801px){
|
||||
body{font:14px "microsoft yahei", Arial, Helvetica, sans-serif;background-image:url(../images/backg1.png);overflow-x:hidden}
|
||||
.bannerK{ background:url(../images/banner.png) no-repeat top right; background-size:700px; margin-bottom:100px; padding-top:75px;}
|
||||
.head{ height:75px;}
|
||||
.headK{ width:800px; margin:0 auto;}
|
||||
.Logo{ width:130px; margin-top:12px;}
|
||||
.Logo img{ width:100%;}
|
||||
/*导航*/
|
||||
.wap_nav,.hd_nav{ display:none;}
|
||||
.MenuPC{ width:600px; margin-top:13px;}
|
||||
.MenuPC a{ line-height:36px; height:36px; text-align:center; display:block; font-size:14px; border-radius:18px; color:#2d3f7a;}
|
||||
a.MenuA{ width:80px; margin-left:6px;}
|
||||
a.MenuA:hover{transition:0.5s; color:#1b67da; text-shadow:0 0 10px rgba(75,152,244,0.45);}
|
||||
a.MenuAo:hover,a.MenuAo{color:#FFF;}
|
||||
a.hdReg{ width:70px; color:#FFF;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff9e14,endColorStr=#ffc90a);background: -ms-linear-gradient(left, #ff9e14, #3a81ec);background:-moz-linear-gradient(left,#ff9e14,#ffc90a);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff9e14), to(#ffc90a));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff9e14), to(#ffc90a));background: -webkit-linear-gradient(left, #ff9e14, #ffc90a);background:-o-linear-gradient(left, #ff9e14, #ffc90a);transition:0.5s;}
|
||||
a.hdReg:hover{box-shadow:0 5px 10px rgba(255,165,18,0.45);transition:0.5s;}
|
||||
a.hdLog{ width:70px; color:#FFF; margin-right:14px;transition:0.5s;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ff7539,endColorStr=#ff2156);background: -ms-linear-gradient(left, #ff7539, #ff2156);background:-moz-linear-gradient(left,#ff7539,#ff2156);background:-webkit-gradient(linear, 0% 100%, 0% 0%,from(#ff7539), to(#ff2156));background:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ff7539), to(#ff2156));background: -webkit-linear-gradient(left, #ff7539, #ff2156);background:-o-linear-gradient(left, #ff7539, #ff2156);}
|
||||
a.hdLog:hover{box-shadow:0 5px 10px rgba(255,45,82,0.45);transition:0.5s;}
|
||||
/*尾*/
|
||||
.footer{ width:800px;padding-top:40px;}
|
||||
.footN{margin-bottom:40px;}
|
||||
.footF{ width:260px; padding-left:30px;}
|
||||
.footFk{ line-height:32px; height:32px; font-size:20px;margin-bottom:8px;}
|
||||
.footFk i{ width:32px; height:32px;margin-right:11px; background-size:100%;}
|
||||
.footFm{ font-size:14px; line-height:22px; margin-left:6px; margin-bottom:8px;}
|
||||
.footFm i{width:20px; height:20px;margin-right:6px;background-size:100%;}
|
||||
.footR{ width:150px; padding-left:20px}
|
||||
.footRT{ line-height:32px; font-size:18px; margin-bottom:5px;}
|
||||
.footR a{ font-size:14px;line-height:26px; }
|
||||
.footC{ font-size:14px;line-height:22px;}
|
||||
.footI{ text-align:center; margin:20px auto 30px;}
|
||||
.footI a{ display:inline-block; padding:0 15px; height:45px;}
|
||||
/*置顶*/
|
||||
.cd-top {height:50px;width:50px;bottom:70px;right:10px;box-shadow:0 0 10px rgba(75,152,244, 0.35);}
|
||||
}
|
||||
|
||||
@media (max-width:800px){
|
||||
html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
|
||||
body{font:0.11rem "microsoft yahei", Arial, Helvetica, sans-serif;min-width:320px; background-image:url(../images/backg1.png); background-size:100%;}
|
||||
/**/
|
||||
.bannerK{ background:url(../images/banner.png) no-repeat top right; background-size:100%; margin-bottom:0.4rem; padding-top:0.4rem;}
|
||||
.head{ height:0.4rem;}
|
||||
.Logo{ padding-left:4%; width:45%; margin-top:0.04rem;}
|
||||
.Logo img{ height:0.32rem;}
|
||||
.head .hd_nav{position:relative;width:0.18rem; padding-right:4%;height:0.26rem; margin-top:0.07rem;z-index:999;}
|
||||
.head .hd_nav i{top:50%;margin-top:-0.01rem;position:absolute;display:inline-block;height:0.02rem;width:0.18rem;border-radius:0.01rem;background:#3a81ec;}
|
||||
.head .hd_nav:before{margin-top: -0.07rem;}
|
||||
.head .hd_nav:after{margin-top:0.06rem;}
|
||||
.head .hd_nav:before,.head .hd_nav:after{content: '';position:absolute;top:50%;display:inline-block;height:0.02rem;width:0.18rem;border-radius:0.01rem;background:#3a81ec;transition:0.2s;}
|
||||
.head .hd_nav.active i{display:none;}
|
||||
.head .hd_nav.active:before{transform: rotate(45deg);}
|
||||
.head .hd_nav.active:after{transform: rotate(-45deg);}
|
||||
.head .hd_nav.active:before,.head .hd_nav.active:after{margin-top:0;background:#ffffff;}
|
||||
.MenuPC{ display:none;}
|
||||
.wap_nav{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.6);z-index:997; display:none;}
|
||||
.wap_navK{width:80%;margin:0.6rem auto;text-align:center;}
|
||||
.wap_navK a{height:0.4rem; line-height:0.4rem;display:block;color:#fff; font-size:0.13rem;}
|
||||
/*尾*/
|
||||
.footer{ width:92%;padding-top:0.2rem;}
|
||||
.footN{margin-bottom:0.2rem;}
|
||||
.footF{ width:90%; padding-left:5%; margin-bottom:0.15rem;}
|
||||
.footFk{ line-height:0.25rem; height:0.25rem; font-size:0.15rem;margin-bottom:0.1rem;}
|
||||
.footFk i{ width:0.25rem; height:0.25rem;margin-right:0.06rem; background-size:100%;}
|
||||
.footFm{ font-size:0.11rem; line-height:0.16rem;height:0.16rem; margin-left:0.05rem; margin-bottom:0.07rem;}
|
||||
.footFm i{width:0.16rem; height:0.16rem;margin-right:0.05rem;background-size:100%;}
|
||||
.footR{ width:33.33%; text-align:center;}
|
||||
.footRT{ line-height:0.2rem; font-size:0.13rem; margin-bottom:0.03rem;}
|
||||
.footR a{ font-size:0.11rem;line-height:0.18rem; }
|
||||
.footC{ font-size:0.11rem;line-height:0.16rem;}
|
||||
.footI{ text-align:center;}
|
||||
.footI a{ display:inline-block; padding:0.1rem 0.04rem 0.15rem; height:0.3rem;}
|
||||
/*置顶*/
|
||||
.cd-top {height:0.35rem;width:0.35rem;bottom:0.4rem;right:4%;box-shadow:0 0 10px rgba(75,152,244, 0.35);}
|
||||
}
|
||||
|
||||
/*出的各分辨率媒体查询换算：*/
|
||||
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
|
||||
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
|
||||
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
|
||||
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
|
||||
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
|
||||
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}
|
||||
@media screen and (min-width:479px) and (max-width:960px) and (orientation:portrait){html {font-size:843.75%;}}
|
||||
|
||||
|
||||
|
||||
/*查询验证码*/
|
||||
|
||||
.checkcode {
|
||||
display: none;
|
||||
font-size: 20px;
|
||||
z-index: 20;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.layui-layer {
|
||||
border-radius: 5px !important;
|
||||
}
|
||||
|
||||
.layui-layer .layui-layer-title {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #5baffd;
|
||||
-webkit-border-top-right-radius: 5px;
|
||||
-webkit-border-top-left-radius: 5px;
|
||||
-moz-border-radius-topleft: 5px;
|
||||
border-top-right-radius: 5px;
|
||||
border-top-left-radius: 5px;
|
||||
}
|
||||
|
||||
.layui-layer-page .layui-layer-content {
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
.layui-layer .layui-layer-btn {
|
||||
margin-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.layui-layer .layui-layer-btn a {
|
||||
width: 80px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
color: #898989;
|
||||
background: none;
|
||||
border: solid 1px #e5e5e5;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.layui-layer .layui-layer-btn .layui-layer-btn0 {
|
||||
background: #5baffd;
|
||||
color: #fff;
|
||||
border: solid 1px #5baffd;
|
||||
}
|
||||
|
||||
.checkcode .img {
|
||||
margin-top: 29px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.checkcode .txt {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.checkcode .txt input {
|
||||
padding: 0 10px;
|
||||
width: 216px;
|
||||
height: 49px;
|
||||
color: #435880;
|
||||
border-radius: 5px;
|
||||
border: solid 1px #e5e5e5;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user