﻿

body{
	padding-bottom: 0;
	font-size: 12px;
	line-height: 1;
}

/* --------------top-------------- */

/*登录
.warpBox{ position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 103;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    transition: 0.8s;}
	*/
.warpBox{
will-change: -webkit-transform;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 103;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    -webkit-transition: 1s;
    -webkit-backface-visibility: hidden;
    -webkit-transition-delay: 100ms;
}

.warpBox.on{will-change: -webkit-transform;overflow: hidden;-webkit-transition-delay: 100ms; box-shadow: 0 0 rgba(0,0,0,0); right: -60%; top: 0;  position: fixed;z-index: 1000; -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateZ(0) scale(0.8); width: 100%;height: 100%;-webkit-backface-visibility: hidden;}
/*
.warpBox.on{-webkit-backface-visibility: hidden;border-radius:0rem; overflow: hidden; box-shadow: 0 0 0 rgba(0,0,0,0); right: -60%; top: 0;  position: fixed;z-index: 1000;  -webkit-transform:scale(0.8) rotate(0.1deg);　width: 100%;height: 100%;}
*/
.wap_bj.on{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.7);z-index: 151;}
.inbox{height: 100vh; width: 100%;overflow: auto; padding-bottom: .3rem;box-sizing: border-box;}
.inbox::-webkit-scrollbar {width:0px; height:0px;}
.dlbox{padding-top: 1.6rem;}
.logo{width: 2.14rem; margin: 0 auto;height: 2.04rem; position: relative;}
.logo img{position: absolute; top: 0;left: 0;}
.c1{opacity: 1;}
.c2{opacity: 0;}
.dlnr{padding: 1.55rem .8rem 0 .8rem;}
.dlnr li{margin-bottom: .32rem; position: relative;}
.wby1{width: 100%; padding: 0 .2rem 0 1.25rem;height: .8rem;border-radius: .4rem;border: none; line-height: .8rem; font-size: .3rem;background: #eeeeef;box-sizing: border-box;color: #999;}
.dlnr p{font-size: .26rem; color: #999999; padding:0 .55rem;}
.dlnr p em{font-style: normal;}
.btn1{width: 100%; height: .8rem; font-size: .3rem;border: none; border-radius: .4rem; color: #fff;background: #317aec; margin-top: 1rem;}
.btn2{width: 100%; font-size: .3rem; color: #333; margin-top: 2rem;background: none;border: none;}
.dlnr b{display: block;width: .44rem; position: absolute; left: .49rem;top:50%; transform: translateY(-50%);height: .44rem;}
.dlnr img{position: absolute;top: 0;left: 0;}
.my_protocol .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.my_protocol .input_agreement_protocol+span {cursor:pointer;display: inline-block;position: relative;top: -2px; vertical-align:middle; margin-right:4px;background: url(../images/a1.png); width: .32rem;height: .32rem;background-size: 100%; }
.my_protocol .input_agreement_protocol:checked+span {background-image: url(../images/a2.png); background-size:100% 100%;}

/*style1*/
.style1.inbox{background: #051856;}
.style1.wby1{background: #3150a2;color: #999;}
.style1 .dlnr input{background: #031557; color: #4f5b89;}
.style1 .dlnr input::-webkit-input-placeholder{background: #031557; color: #4f5b89;}
.style1 .btn1{color: #fff;background: #317aec;}
.style1 .btn2{color: #fff;}
.style1 p{color: #fff;}
.style1 .c1{opacity: 0;}
.style1 .c2{opacity: 1;}
/*style2*/
.style2.inbox{background: #3e3e3e;}
.style2 .wby1{background: #444444;}
.style2 .wby1::-webkit-input-placeholder{color:#999;}
.style2 .btn1{color: #333;background: #29e4ec;}
.style2 .btn2{color: #fff;}
.style2 p{color: #9e9e9e;}
.style2 .c1{opacity: 0;}
.style2 .c2{opacity: 1;}

/*启动页*/
.qdnr{padding-top: 4rem;}
.qdnr p{font-size: .42rem; text-align: center; color: #333333; margin-top: .94rem;}
.footer{position: fixed; width: 100%; left: 0; bottom: .78rem;}
.footer span{display: block; margin: 0 auto;width: .44rem;height: .44rem;}
.footer li.cur .dd1{background: url(../images/x1a.png);background-size: 100%;}
.footer li.cur .dd2{background: url(../images/x2a.png);background-size: 100%;}
.footer li.cur .dd3{background: url(../images/x3a.png);background-size: 100%;}
.footer li.cur .dd4{background: url(../images/x4a.png);background-size: 100%;}
.dd1{background: url(../images/x1.png);background-size: 100%;}
.dd2{background: url(../images/x2.png);background-size: 100%;}
.dd3{background: url(../images/x3.png);background-size: 100%;}
.dd4{background: url(../images/x4.png);background-size: 100%;}
.footer p{text-align: center; font-size: .26rem; color: #333333;}
/*style1*/
.style1 .qdnr p{color: #fff;}
.style1 .footer p{color: #fff;}
.style1 .dd1{background: url(../images/xx1.png);background-size: 100%;}
.style1 .dd2{background: url(../images/x2b.png);background-size: 100%;}
.style1 .dd3{background: url(../images/x3b.png);background-size: 100%;}
.style1 .dd4{background: url(../images/x4b.png);background-size: 100%;}
.style1 li.cur .dd1{background: url(../images/x1c.png);background-size: 100%;}
.style1 li.cur .dd2{background: url(../images/x2c.png);background-size: 100%;}
.style1 li.cur .dd3{background: url(../images/x3c.png);background-size: 100%;}
.style1 li.cur .dd4{background: url(../images/x4c.png);background-size: 100%;}
/*style2*/
.style2 .qdnr p{color: #fff;}
.style2 .dd1{background: url(../images/xxx1.png);background-size: 100%;}
.style2 .dd2{background: url(../images/x2d.png);background-size: 100%;}
.style2 .dd3{background: url(../images/x3d.png);background-size: 100%;}
.style2 .dd4{background: url(../images/x4d.png);background-size: 100%;}
.style2 li.cur .dd1{background: url(../images/x1e.png);background-size: 100%;}
.style2 li.cur .dd2{background: url(../images/x2e.png);background-size: 100%;}
.style2 li.cur .dd3{background: url(../images/x3e.png);background-size: 100%;}
.style2 li.cur .dd4{background: url(../images/x4e.png);background-size: 100%;}






/*注册*/
.top{position: fixed; width: 100%; top: 0;left: 0;background: #fff; }
.top h2{font-weight: bold; font-size: .34rem; line-height: 1.25rem;text-align: center; color: #333;}
.fhbtn{position: absolute;background: url(../images/a5.png);width: .44rem;height: .44rem;background-size: 100%;left: .38rem; top:50%; transform: translateY(-50%);}
.qxbtn{position: absolute; right: .32rem; top: 0; line-height: 1.25rem; font-size: .28rem; color: #333;}
.wby2{width:calc(100% - 2.5rem); padding: 0 .2rem 0 1.25rem;height: .8rem;border-radius: .4rem;border: none; line-height: .8rem; font-size: .3rem;background: #eeeeef;box-sizing: border-box;color: #999;}
.hqyzm{float: right;width: 2.25rem;text-align: center; line-height: .8rem;border-radius: .4rem; font-size: .3rem; color: #b5b5b5;background: #eeeeef;}
/*style1*/
.style1 .top{background: #3150a2;}
.style1 .top h2{color: #fff;}
.style1 .qxbtn{color: #fff;}
.style1 .fhbtn{background: url(../images/a5a.png);background-size: 100%;}
.style1 .hqyzm{background: #031557;color: #4f5b89;}
.style1 .wby2{background: #031557;color: #4f5b89;}
.style1 .wby2::-webkit-input-placeholder{color:#999;}
/*style2*/
.style2 .top{background: #3e3e3e;}
.style2 .top h2{color: #fff;}
.style2 .qxbtn{color: #fff;}
.style2 .fhbtn{background: url(../images/a5a.png);background-size: 100%;}
.style2 .hqyzm{background: #444444;}
.style2 .wby2{background: #444;}
.style2 .wby2::-webkit-input-placeholder{color:#999;}
/*修改昵称*/
.xgnc{padding-bottom: .42rem;}
.xgnc h3{font-size: .26rem; margin-bottom: .25rem;color: #999999;}
.xgnc h2{font-weight: bold; font-size: .6rem; color: #333333;}
.style1 .xgnc h3{color: #fff;}
.style1 .xgnc h2{color: #fff;}
.style2 .xgnc h3{color: #fff;}
.style2 .xgnc h2{color: #fff;}

/*账号管理-添加账号*/
.tjzh{padding: 1.6rem 3% 0 3%;}
.tjzh li{overflow: hidden; padding-bottom: .32rem;}
.tjzh span{float: left;width: 1.15rem;text-align: right; font-size: .26rem; color: #999999;line-height: .8rem;}
.wby3{float: right;width: calc(100% - 1.35rem); height: .8rem;border-radius: .15rem; line-height: .8rem; background: #eeeeef;border: none; padding: 0 .28rem;box-sizing: border-box;font-size: .26rem;}
.wby4{float: right; height: .8rem;border: none;background: url(../images/a10.png) no-repeat right center; background-size: .28rem .28rem; width: 1.1rem; border: none;font-size: .26rem;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.btn3{display: block; width: 5.6rem;height: .8rem; margin: 4rem auto 0 auto;border: none; border-radius: .15rem; color: #fff; font-size: .32rem;background: #317aec;}
/*1*/
.style1 .tjzh span{color: #98a7d0;}
.style1 .wby3{background: #264595;color: #fff;}
.style1 .wby3::-webkit-input-placeholder{color:#fff;}
.style1 .wby4{color: #fff;background: url(../images/a10a.png) no-repeat right center; background-size: .28rem .28rem;}
.style1 .wby3 option{color: #333;}
/*2*/
.style2 .tjzh span{color: #9e9e9e;}
.style2 .wby3{background: #444444;color: #fff;}
.style2 .wby3::-webkit-input-placeholder{color:#fff;}
.style2 .wby4{color: #fff;background: url(../images/a10a.png) no-repeat right center; background-size: .28rem .28rem;}
.style2 .wby3 option{color: #333;}
.style2 .btn3{color: #333;background: #29e4ec;}

/*客户管理-添加*/
.khdr{position: absolute; width: .44rem; right: .32rem;top:50%; transform: translateY(-50%);}
.khdr span{display: block; position: relative;width: .44rem;height: .44rem;}
.khdr img{top: 0;left: 0; position: absolute;}
.khdr p{font-size: .2rem; margin-top: .1rem;text-align: center;zoom: .9;color: #333;}
.btn4{display: block; width: 5.6rem;height: .8rem; margin: .32rem auto 0 auto;border: none; border-radius: .15rem; color: #fff; font-size: .32rem;background: #317aec;}
/*1*/
.style1 .khdr p{color: #fff;}
/*2*/
.style2 .khdr p{color: #fff;}
.style2 .btn4{color: #333;background: #29e4ec;}

/*模版管理-添加*/
.wby5{float: right;width: calc(100% - 1.35rem); height: 3.6rem;border-radius: .15rem; background: #eeeeef;border: none; padding:.28rem;box-sizing: border-box;font-size: .26rem;}
.wby6{float: right; height: .8rem;border: none;background: url(../images/a10.png) no-repeat right center; background-size: .28rem .28rem; width: 1.45rem; border: none;font-size: .26rem;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}

/*1*/
.style1 .wby5{background: #264595;color: #fff;}
.style1 .wby5::-webkit-input-placeholder{color:#fff;}


.style1 .wby5{background: #264595;color: #fff;}
.style1 .wby5::-webkit-input-placeholder{color:#999;}
.style1 .wby6{color: #fff;background: url(../images/a10a.png) no-repeat right center; background-size: .28rem .28rem;}


.style2 .wby5{color: #fff;background: #444;}
.style2 .wby6{color: #fff;background: url(../images/a10a.png) no-repeat right center; background-size: .28rem .28rem;}

/*外贸资讯-详情*/
.wzxq{position: relative; z-index: 10; border-radius: .55rem .55rem 0 0;background: #fff; margin-top: -.55rem; padding: 0 .35rem .35rem .35rem;}
.wzxq_title{padding: .55rem 0 .25rem;}
.wzxq_title h2{font-size: .3rem; line-height: 1.6; color: #333;}
.wzxq_title p{padding-top: .25rem; font-size: .24rem; color: #999;}
.wzxq_title b{background: url(../images/a12.png); width: .25rem;height: .27rem; display: inline-block;vertical-align: middle; margin: -.04rem .15rem 0 0;background-size: 100% 100%;}
.wzxq_nr{padding-bottom: 1rem;}
.wzxq_nr p{font-size: .26rem; line-height: 1.6; color: #333;}
.bottom_zz{position: absolute;left: 0; bottom: 0;  background-image: linear-gradient(transparent, #fff);height: 3rem;width: 100%;z-index: 10;}
/*1*/
.style1 .wzxq{background: #031557; padding-bottom: .55rem;}
.style1 .wzxq_title h2{color: #fff;}
.style1 .bottom_zz{display: none;}
.style1 .wzxq_nr p{color: #fff;}
.style2 .wzxq{background: #444;}
.style2 .wzxq_title h2{color: #fff;}
.style2 .bottom_zz{display: none;}
.style2 .wzxq_nr p{color: #fff;}

/*模版管理*/
.top_mb{height: 2.55rem; width: 100%; position: fixed; z-index: 100; top: 0;left: 0; background: #317aec;}
.mbtop{position: relative; height: 1.25rem;}
.mbfh {position: absolute;background: url(../images/a5a.png);width: .44rem;height: .44rem;background-size: 100%;left: .38rem; top:50%; transform: translateY(-50%);}
.sxbtn{position: absolute;right: .32rem;top:50%; transform: translateY(-50%); text-align: center;width: .5rem;}
.sxbtn p{font-size: .2rem; color: #fff; margin-top: .1rem;zoom: .9;}
.mbtop h2{font-size: .32rem; font-weight: bold; color: #fff;text-align: center; line-height: 1.25rem;}
.fldh{padding: .3rem .3rem 0 .3rem;}
.fldh ul{overflow: hidden; margin-left: -.25rem;}
.fldh li{float: left; width: 25%; padding-left: .25rem;box-sizing: border-box;}
.fldh a{display: block; line-height: .66rem;border-radius: .33rem;background: #eeeeef; font-size: .24rem;text-align: center;color: #333;}
.fldh a b{display: inline-block;vertical-align: middle; background: url(../images/a14.png); width: .32rem;height: .32rem;margin: -0.04rem .1rem 0 0; background-size: 100%;}

/*.mbgl{background: #f6f6f6; padding-bottom: .6rem; height: 100vh; overflow-y: scroll;}*/
.mbgl{background: #f6f6f6; padding-bottom: .6rem; height: 100vh; overflow-y: scroll;overflow-x: hidden;}
.mbgl ul{padding: 2.9rem .3rem 0.8rem .3rem;}
.mbgl li{padding-bottom: .3rem;}
.mbglbox{background: #fff;border-radius: .25rem;box-shadow:0 0 10px rgba(0, 0, 0, .1); padding: 0 .32rem; }
.mbglbox p{font-size: .26rem; color: #333; line-height: .92rem;}
.scbtn{display: inline-block;background: url(../images/a15.png); width: .32rem;height: .32rem;vertical-align: middle; background-size: 100%; margin-left: .25rem;}
.xgbtn{display: inline-block;background: url(../images/a16.png); width: .32rem;height: .32rem;vertical-align: middle; background-size: 100%; }
.mbglbox b{color: #999;}
.fldh ul li:nth-child(1) a{background: #0fc5b4;color: #fff;}
.fldh ul li:nth-child(2) a{background: #ec8282;color: #fff;}
/*1*/
.style1 .mbgl{background: #3150a2;}
.style1 .top_mb{background: #3150a2;}
.style1 .mbglbox{background: #031557;}
.style1 .mbglbox p{color: #fff;}
.style1 .scbtn{display: inline-block;background: url(../images/a15a.png); width: .32rem;height: .32rem;vertical-align: middle; background-size: 100%; margin-left: .25rem;}
.style1 .xgbtn{display: inline-block;background: url(../images/a16a.png); width: .32rem;height: .32rem;vertical-align: middle; background-size: 100%; }
.style1 .fldh a{background: #4768c0;color: #fff;}
.style1 .fldh a b{display: inline-block;vertical-align: middle; background: url(../images/a14a.png); width: .32rem;height: .32rem;margin: -0.04rem .1rem 0 0; background-size: 100%;}

.style2 .mbgl{background: #2e2e2e;}
.style2 .top_mb{background: #121212;}
.style2 .mbglbox{background: #3e3e3e;}
.style2 .mbglbox p{color: #fff;}
.style2 .scbtn{display: inline-block;background: url(../images/a15a.png); width: .32rem;height: .32rem;vertical-align: middle; background-size: 100%; margin-left: .25rem;}
.style2 .xgbtn{display: inline-block;background: url(../images/a16a.png); width: .32rem;height: .32rem;vertical-align: middle; background-size: 100%; }
.style2 .fldh a{background: #444444; color: #fff;}
.style2 .fldh a b{display: inline-block;vertical-align: middle; background: url(../images/a14a.png); width: .32rem;height: .32rem;margin: -0.04rem .1rem 0 0; background-size: 100%;}

/*模版管理-批量操作*/
.fldh li.cur a{color: #317AEC;}
.plcz_xx{position: fixed; bottom: 0;left: 50%; width: 750px; max-width: 100%; transform: translateX(-50%);background: #FFF; }
.plcz_xx ul{overflow: hidden;}
.plcz_xx li{float: left;width: 50%;overflow: hidden; line-height: .96rem;}
.plcz_xx span{display: block; font-size:.26rem; line-height: .96rem; color: #333; padding-left: .64rem;}
.sel{width: .24rem;height: .24rem;border: 2px solid #c4c4c4;border-radius: .1rem;vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.all{width: .24rem;height: .24rem;border: 2px solid #c4c4c4;border-radius: .1rem;vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.scdbbtn{display: block;text-align:  center;float: left; width: 50%; color: #fff; font-size: .26rem; background: #fa7979;display: block; line-height: .96rem;}
.scdbbtn b{background: url(../images/a15a.png);width: .32rem;height: .32rem;background-size: 100%; display: inline-block;vertical-align: middle; margin: -0.04rem .15rem 0 0;}
.wcbtn{display: block;text-align:  center;float: left; width: 50%; color: #fff; font-size: .26rem; background: #317aec;display: block; line-height: .96rem;}
/*1*/

.style2 .fldh li.cur a{color: #29e4ec;}
.style2 .fldh ul li:nth-child(2) a{background: #444444;}
.style2 .fldh ul li:nth-child(1) a{background: #444444;}
.style2 .plcz_xx{background: #121212;}
.style2 .plcz_xx span{color: #fff;}
.style2 .wcbtn{background: #29e4ec;color: #333;}

/*账号管理*/
.tjbtn{width: .5rem;text-align: center; position: absolute; left: .32rem;top:50%; transform: translateY(-50%);}
.tjbtn p{color: #fff; font-size: .24rem; margin-top: .1rem;zoom: .9;}
.tjdh ul{display: flex;justify-content : space-between; padding:.3rem .3rem 0 .3rem;}
.tjdh a{line-height: .66rem; border-radius: .33rem; background: #eeeeef; color: #333;padding: 0 .2rem; font-size: .26rem;display: inline-block;}
.smtp{background: #fff;border-radius: .25rem;box-shadow:0 0 10px rgba(0, 0, 0, .1);margin-bottom: .3rem; }
.smtpbox{padding: 2.9rem .3rem .3rem .3rem;}
.smtp{padding: 0 .25rem .3rem .25rem;}
.smtp h2{line-height: .78rem; border-bottom: 1px solid #dedede; font-size: 0.28rem;color: #333333;word-break: break-all;}

/*
.smtp h2 b{color: #fff; display: inline-block;vertical-align: middle; width: .36rem;text-align: center; line-height: .36rem; font-size: .28rem;background: #3476ff;border-radius: 50%; margin: -0.04rem .17rem 0 0;}

编号背景
.smtp h2 b{color: #fff; display: inline-block;vertical-align: middle;text-align: center; line-height: .36rem; font-size: .28rem;background: #3476ff;border-radius: 50%; margin: -0.04rem .17rem 0 0;}
*/
.smtp h2 b{color: #fff; display: inline-block;vertical-align: middle;text-align: center; line-height: .36rem; font-size: .28rem;color: #3476ff;border-radius: 50%; margin: -0.04rem .17rem 0 0;font-weight:bold;}

.smtp a{display: block;background: url(../images/a15.png); width: .32rem;height: .32rem;background-size: 100%;margin-top: .23rem; }
/*.smtp_nr{padding: .2rem 0 .3rem;height: 1.1rem; overflow: hidden;}*/

.smtp_nr{padding: .2rem 0 .3rem;height: 4.2rem; overflow: hidden;}
.smtp_nr dl{overflow: hidden;}
.smtp_nr dt{font-size: .28rem; line-height: .62rem; color: #333;overflow: hidden;}
.smtp_nr span{text-align: right; float: left; width: 1.3rem;color: #999;}
.smtp_nr b{float: right;width: calc(100% - 1.4rem);}
.mtp_jf{font-size: .28rem; text-align: center; color: #999;width: 1.4rem; margin: 0 auto;background: url(../images/a17.png) no-repeat right center;background-size: .28rem .28rem;}

.mtp_jf.on{background: url(../images/a18.png) no-repeat right center;background-size: .28rem .28rem;}
.dhbtn{position: fixed; width: 1.76rem;right: 0; bottom: 2rem;background: url(../images/dh.png);height: 1.76rem;background-size: 100%;}
.dhbtna{position: fixed; width: 1.76rem;right: 0; bottom: 2rem;background: url(../images/fanhui.png);height: 1.76rem;background-size: 100%;}
.footer{position: fixed; z-index: 90; left: 0;bottom: 0;background: #fff;padding: .16rem 0 .12rem;box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.footer ul{overflow: hidden;}
.footer li{float: left; width: 25%;}
.footer p{font-size: .24rem; margin-top: .1rem; color: #c1c1c1;}
.footer img{width: auto;height: .4rem;margin: 0 auto;}
.footer li.cur p{color: #3476ff;}

/*1*/
.style1 .tjdh a{color: #fff;background: #4768c0;}
.style1 .smtp{background: #031557;}
.style1 .smtp h2{color: #fff;border-bottom: 1px solid #243678;}
.style1 .smtp h2 b{color: #fff;background: #ee00ff;}
.style1 .smtp a{display: block;background: url(../images/a15a.png); background-size: 100%; }
.style1 .smtp_nr dt{color: #fff;}
.style1 .smtp_nr span{color: #fff;}
.style1 .mtp_jf{color: #7882a5;background: url(../images/a17a.png) no-repeat right center;background-size: .28rem .28rem;}
.style1 .mtp_jf.on{color: #7882a5;background: url(../images/a18a.png) no-repeat right center;background-size: .28rem .28rem;}
.style1 .footer{background: #3150a2;box-shadow:0 0 10px rgba(0, 0, 0, .5); }
.style1 .footer p{color: #6f84be;}
.style1 .footer li.cur p{color: #fff;}
.style1 .dhbtn{position: fixed; background: url(../images/dha.png);background-size: 100%;}
/*2*/
.style2 .tjdh a{color: #fff;background: #444444;}
.style2 .smtp{background: #3e3e3e;}
.style2 .smtp h2{color: #fff;border-bottom: 1px solid #dedede;}
.style2 .smtp_nr dt{color: #fff;}
.style2 .smtp_nr span{color: #9e9e9e;}

.style2 .mtp_jf{color: #949494;background: url(../images/a17b.png) no-repeat right center;background-size: .28rem .28rem;}
.style2 .mtp_jf.on{color: #949494;background: url(../images/a18b.png) no-repeat right center;background-size: .28rem .28rem;}
.style2 .smtp h2 b{color: #333;background: #29e4ec;}
.style2 .footer{background: #121212;box-shadow:0 0 10px rgba(0, 0, 0, .5); }
.style2 .footer p{color: #666;}
.style2 .footer li.cur p{color: #29e4ec;}
.style2 .dhbtn{position: fixed; background: url(../images/dhb.png);background-size: 100%;}

/*邮件群发*/
.mbglbtn{position: absolute; left: .32rem;width: .95rem;text-align: center;top:50%; transform: translateY(-50%);    }
.mbglbtn p{font-size: .2rem; color: #fff; margin-top: 0.1rem; zoom: .9;}
.mbglbtn img{width: .44rem; margin: 0 auto;}

/*全球展会*/
.szfl{padding: 0 .3rem .3rem .3rem;}
.szfl ul{display: flex;justify-content : space-between;}
.szfl li{ box-sizing: border-box;}
.wby7{color: #fff;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;background: none;background: url(../images/a10a.png) no-repeat right center;font-size: .28rem; background-size: .28rem .28rem; padding-right: .4rem;border: none;}
.wby7 option{background: #317aec; padding: 0 .15rem;}
.wzss{padding: 0 .3rem;}
.wzssbox{position: relative;background: #eeeeef;border-radius: .42rem;}
.wby8{width: 100%; height: .84rem; line-height: .84rem; border-radius: .42rem;border: none;font-size: .3rem; padding: 0 1.6rem 0 1.1rem;box-sizing: border-box;background: none;}
.top_mb_height{height: 3.2rem;}
.xtb2{background: url(../images/a21.png); width: .44rem;height: .44rem;background-size: 100%; position: absolute; left: .5rem;top:50%; transform: translateY(-50%);}
.btn5{position: absolute;width: 1.44rem;height: .80rem;background: #317aec;right: 1px; top: 1px;color: #fff;border: none;border-radius: 0 .42rem .42rem 0;font-size: .3rem;}
.smtpbox_height{padding-top: 3.4rem;  padding-bottom: 1.5rem; }
.smtp_nr em{text-align: right; float: left; width: 0.8rem;color: #999;font-style: normal;}
.smtp_nr i{float: right;width: calc(100% - 1rem);}
/*1*/
.style1 .wzssbox{background: #264595;}
.style1 .wby8{color: #92a2ca;}
.style1 .wby8::-webkit-input-placeholder{color:#92a2ca;}
.style1 .xtb2{background: url(../images/a21a.png) no-repeat center center;background-size: 100% 100%;}
.style1 .smtp_nr em{color: #fff;}

/*2*/
.style2 .wzssbox{background: #444444;}
.style2 .wby8{color: #a1a1a1;}
.style2 .wby8::-webkit-input-placeholder{color:#a1a1a1;}
.style2 .xtb2{background: url(../images/a21b.png) no-repeat center center;background-size: 100% 100%;}
.style2 .btn5{background: #29e4ec;color: #333;}
.style2 .smtp_nr em{color: #9e9e9e;}

/*客户管理*/
.smtp_nr dl .shfb{width: 50%; float: left;}
.smtp .xtb3{background: url(../images/a22.png); width: .32rem;height: .32rem;display: block; background-size: 100%; margin-right: .1rem;}
.style1 .smtp a{background: url(../images/a15a.png);background-size: 100%;}
.style1 .smtp a.xtb3{background: url(../images/a22a.png); background-size: 100%; }
.style2 .smtp a{background: url(../images/a15a.png);background-size: 100%;}
.style2 .smtp a.xtb3{background: url(../images/a22a.png); background-size: 100%; }

/*海关数据*/
.szfl span{font-size: .24rem; color: #fff;}
#start_date,#end_date{width: 2.2rem; height: .6rem; font-size: .24rem;border-radius: .6rem; border: none;background: url(../images/a23.png) no-repeat 93% center #fff;background-size: .32rem .32rem; padding: 0 0 0 .15rem; box-sizing: border-box;}

/*1*/
.style1 #start_date{background: url(../images/a23a.png) no-repeat 93% center #264595;background-size: .32rem .32rem;color: #fff; }
.style1 #start_date::-webkit-input-placeholder{color:#fff;}
.style1 #end_date{background: url(../images/a23a.png) no-repeat 93% center #264595;background-size: .32rem .32rem;color: #fff; }
.style1 #end_date::-webkit-input-placeholder{color:#fff;}
/*2*/
.style2 #start_date{background: url(../images/a23a.png) no-repeat 93% center #444444;background-size: .32rem .32rem;color: #fff; }
.style2 #start_date::-webkit-input-placeholder{color:#fff;}
.style2 #end_date{background: url(../images/a23a.png) no-repeat 93% center #444444;background-size: .32rem .32rem;color: #fff; }
.style2 #end_date::-webkit-input-placeholder{color:#fff;}

/*新闻资讯*/
.banner1{padding-top: 1.25rem;}
.top{width: 100%; position: fixed;background: #fff; top: 0;left: 0;height: 1.25rem;z-index: 100;}
.top h2{font-size: .32rem; font-weight: bold; color: #333333;text-align: center; line-height: 1.25rem;}
.banner{padding: 1.25rem 0 0 0;width: 94%; margin: 0 auto;overflow: hidden;position: relative;}
.banner img{width: 100%;border-radius: .25rem;}
.banner .swiper-pagination-bullet{width: .1rem;height: .1rem;}
.banner .swiper-pagination-bullet-active{background: #000;}
.news{padding: .4rem 0 1rem 0;width: 94%; margin: 0 auto;}
.news li{padding-bottom:.48rem;}
.news_xq{overflow: hidden;}
.news_tp{float: right;width: 2.5rem;}
.news_tp img{border-radius: .2rem;}
.news_text{float: left; width: calc(100% - 2.8rem);}
.news_text h2{font-size: .28rem; line-height: 1.5;color: #000;}
.news_text p{font-size: .3rem;margin-top: .1rem;color: #999;}
.news_text p b{background: url(../images/a12.png); width: .25rem;height: .27rem;background-size: 100% 100%;display: inline-block;vertical-align: middle; margin: -0.04rem .1rem 0 0;}
.news_text p b.on{background: url(../images/a25.png);background-size: 100% 100%;}
/*1*/
.style1 .top{background: #3150a2;}
.style1 .top h2{color: #fff;}
.style1 .news_text h2{color: #fff;}
.style1 .news_text p{ color: #fff; opacity: .4;}
.style1 .news_text p b{background: url(../images/a12a.png);background-size: 100% 100%;}
.style1 .news_text p b.on{background: url(../images/a25a.png);background-size: 100% 100%;}
.style2 .news_text h2{ color: #fff; }

/*我的*/
.grzx{padding: 1.7rem .6rem 1rem .6rem;}
.grzx_tx{width: 1.85rem;height: 1.85rem;border-radius: 50%;background:  #d6d6d6;position: relative;overflow: hidden;padding: .13rem;position: relative;}
.grzx_tx img{width: 1.85rem;height: 1.85rem;border-radius: 50%; z-index: 10;position: absolute;}
.grzx_tx:before{position: absolute; content: "";width: 50%; height: 100%;background: #3476ff;top: 0; right: 0;}
.grzx_text{padding-top: .47rem;}
.grzx_text h2{font-weight: bold; font-size: .6rem;color: #333;}
.grzx_text h2 b{background: url(../images/a27.png);display: inline-block;width: .32rem;height: .32rem;background-size: 100%; margin-left: .1rem;}
.grzx_text ul{padding: .5rem 0;}
.grzx_text li{line-height: .9rem; font-size: .26rem; color: #999;}
.grzx_text span{color: #333;}

.zttb1{display: inline-block;background: url(../images/a29.png); width: .44rem;height: .44rem;background-size: 100%; vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.zttb2{display: inline-block;background: url(../images/a30.png); width: .44rem;height: .44rem;background-size: 100%; vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.zttb3{display: inline-block;background: url(../images/a31.png); width: .44rem;height: .44rem;background-size: 100%; vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.zttb4{display: inline-block;background: url(../images/a32.png); width: .44rem;height: .44rem;background-size: 100%; vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.zttb5{display: inline-block;background: url(../images/a33.png); width: .44rem;height: .44rem;background-size: 100%; vertical-align: middle; margin: -0.04rem .2rem 0 0;}
.xtb4{background: url(../images/a34.png); width: .32rem;height: .32rem;background-size: 100%; display: inline-block;vertical-align: middle; margin: -0.04rem 0 0 .05rem;}

.tcbtn{display: block; text-align: center; width: 3.75rem; line-height: .78rem;border: 1px solid #c1c1c1;border-radius: .4rem; margin: 0 auto; font-size: .3rem; color: #333;}
.tcbtn b{background: url(../images/a28.png);width: .34rem;height: .32rem;display: inline-block;vertical-align: middle; margin: -0.04rem .18rem 0 0;background-size: 100% 100%;}

.bj{background: rgba(0,0,0,.7);z-index: 110;width: 100%;height: 100%;top: 0;left: 0; position: fixed;display: none;}
.txtc{position: fixed;z-index: 111;background: #fff;text-align: center;border-radius: .3rem .3rem 0 0; width: 100%; left: 0;bottom: -4.6rem;}
.txtc h2{color: #333; font-size: .3rem; line-height: .96rem; font-weight: bold;}
.sctp{width: 100%; height: .96rem; position: relative;}
.pzbtn{width: 100%; height: .96rem; position: absolute; top: 0;left: 0;opacity: 0;}
#abc{width: 100%; height: .96rem; position: absolute; top: 0;left: 0;opacity: 0;}
#file-upload-button{width: 100%; height: .96rem; position: absolute; top: 0;left: 0;}
.sctp span{text-align: center;display: block; line-height: .96rem; color: #333; font-size: .28rem;}
.txtc li{font-size: .28rem; line-height: .96rem;border-top: 1px solid #dedede;}
.txtc li a{display: block;color: #333;}
.qxbtn1{display: block;text-align: center;color: #333; font-size: .28rem; line-height: .96rem; border-top: .2rem solid #f6f6f6;}

.ggzt{position: fixed; width: 6.1rem;background: #fff;border-radius: .2rem; z-index: 111;left:50%; top:50%; transform:translate(-50%,-50%);padding: 0 .5rem .6rem .5rem;box-sizing: border-box;display: none;}
.ggzt h2{font-weight: bold; text-align: center; color: #333;font-size: .3rem; line-height: 1.6rem;}
.ggzt li{ transition: 0.5s; font-size: .26rem; line-height: 1.1rem; color: #999;}
.ggzt li.on{ padding: 0 .1rem; border: .01rem solid #eee; box-sizing: border-box;}
.qdbtn{display: block; text-align: center; color: #fff; line-height: .8rem; background: #317aec;font-size: .3rem;border-radius: .1rem;}
.ggzt img{display: inline-block;width: 1.39rem;vertical-align: middle; margin: -0.04rem .55rem 0 0;}
.ggzt ul li span{font-size: .26rem; color: #4d8cef;}
.gbztbtn{background: url(../images/a35.png); width: .64rem;height: .64rem;background-size: 100%; position: absolute; cursor: pointer; bottom: -1.25rem; left: 50%;transform: translateX(-50%);}


.daochutc{position: fixed; width: 6.1rem;background: #fff;border-radius: .2rem; z-index: 111;left:50%; top:50%; transform:translate(-50%,-50%);padding: 0 .5rem .6rem .5rem;box-sizing: border-box;display: none;}
.daochutc h2{font-weight: bold; text-align: center; color: #333;font-size: .3rem; line-height: 1.6rem;}
.daochutc li{ transition: 0.5s; font-size: .26rem; line-height: 1.1rem; color: #999;}
.daochutc li.on{ padding: 0 .1rem; border: .01rem solid #eee; box-sizing: border-box;}
.daochutc img{display: inline-block;width: 1.39rem;vertical-align: middle; margin: -0.04rem .55rem 0 0;}
.daochutc ul li span{font-size: .26rem; color: #4d8cef;}


/*1*/
.style1 .grzx_tx{background: #3150a2;}
.style1 .grzx_tx:before{background: #ee00ff;}
.style1 .inbj{background: #051856;}
.style1 .top1{background: #051856;}
.style1 .grzx_text h2{color: #fff;}
.style1 .zttb1{background: url(../images/a29a.png); background-size: 100%; opacity: 0.3;}
.style1 .zttb2{background: url(../images/a30a.png);background-size: 100%; opacity: 0.3;}
.style1 .zttb3{background: url(../images/a31a.png);background-size: 100%;opacity: 0.3;}
.style1 .zttb4{background: url(../images/a32a.png);background-size: 100%;opacity: 0.3; }
.style1 .zttb5{background: url(../images/a33a.png);background-size: 100%;opacity: 0.3;}
.style1 .grzx_text span{color: #fff;}
.style1 .xtb4 { background: url(../images/a34a.png);background-size: 100%;}
.style1 .tcbtn{border: 1px solid #2f4e9f;color: #2f4e9f;}
.style1 .tcbtn b{background: url(../images/a28a.png) no-repeat center center;background-size: 100%; opacity: 0.3;}
.style1 .ggzt{background: #3150a2;}
.style1 .ggzt h2{color: #fff;}
.style1 .ggzt li{color: #fff;}

.style1 .daochutc{background: #3150a2;}
.style1 .daochutc h2{color: #fff;}
.style1 .daochutc li{color: #fff;}


.style1 .qdbtn{background: #317aec;}
.style1 .txtc{background: #3150a2;}
.style1 .txtc h2{color: #fff;}
.style1 .txtc li{border-top: 1px solid #264595;}
.style1 .txtc li a{color: #fff;}
.style1 .qxbtn1{color: #fff;border-top: .2rem solid #264595;}
/*2*/
.style2 .grzx_tx{background: #d6d6d6;}
.style2 .grzx_tx:before{background: #29e4ec;}
.style2 .inbj{background: #3e3e3e;}

.style2 .grzx_text h2{color: #fff;}
.style2 .zttb1{background: url(../images/a29a.png); background-size: 100%; }
.style2 .zttb2{background: url(../images/a30a.png);background-size: 100%; }
.style2 .zttb3{background: url(../images/a31a.png);background-size: 100%;}
.style2 .zttb4{background: url(../images/a32a.png);background-size: 100%; }
.style2 .zttb5{background: url(../images/a33a.png);background-size: 100%;}
.style2 .grzx_text span{color: #fff;}
.style2 .xtb4 { background: url(../images/a34b.png);background-size: 100%;}
.style2 .tcbtn{border: 1px solid #787878;color: #fff;}
.style2 .tcbtn b{background: url(../images/a28a.png) no-repeat center center;background-size: 100%; opacity: 0.3;}
.style2 .ggzt{background: #3e3e3e;}
.style2 .ggzt h2{color: #fff;}
.style2 .ggzt li{color: #9e9e9e;}
.style2 .ggzt ul li span{color: #000;}

.style2 .daochutc{background: #3e3e3e;}
.style2 .daochutc h2{color: #fff;}
.style2 .daochutc li{color: #9e9e9e;}
.style2 .daochutc ul li span{color: #000;}

.style2 .gbztbtn{opacity: 0.6;}
.style2 .qdbtn{background: #29e4ec; color: #000;}
.style2 .txtc{background: #3e3e3e;}
.style2 .txtc h2{color: #fff;}
.style2 .txtc li{border-top: 1px solid #787878;}
.style2 .txtc li a{color: #fff;}
.style2 .qxbtn1{color: #fff;border-top: .2rem solid #787878;}

/*账号管理-设置*/
.zhgl{padding:1.5rem .3rem 0 .3rem;}
.zhgl li{padding-bottom: .3rem;font-size: .26rem; color: #999;overflow: hidden;}
.wby7a{border: none; width: 2.5rem; line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem; text-align: center;background: #eeeeef; margin: 0 .15rem;}
.zhgl b{font-size: .26rem; color: #333;}
.zhgl p{font-size: .26rem; margin-bottom: .2rem; color: #999;}
.zhgl span{line-height: .8rem;}
.wby8a{border: none; width: 4.9rem; line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box; margin-right: .15rem;}
.wby9{border: none; width: 100%; line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box; margin-right: .15rem;}
.wby10{float: right;width: calc(100% - 4rem);border: none;line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box;text-align: right;}
.tao1{height: .2rem;background: #f6f6f6;}

.wzfj{padding: .2rem .3rem;}
.wzfj ul{padding-bottom: .2rem;}
.wzfj li{overflow: hidden; padding-bottom: .3rem;}
.wzfj li span{float: left; font-size: .26rem; color: #999;line-height: .8rem;}
.wby11{float: right;border: none;background: url(../images/a10.png) no-repeat right center; background-size: .28rem .28rem; font-size: .26rem; color: #333; height: .8rem;width: .7rem;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.wby12{float: right;width: calc(100% - 1.5rem);border: none;line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box;text-align: right;float: right;}
.wby13{float: right;width: calc(100% - 2.5rem);border: none;line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box;text-align: right;float: right;}
.wby14{float: right;width: calc(100% - 1.5rem);border: none;line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box;float: right;}
.wby15{float: right;width: calc(100% - 2.5rem);border: none;line-height: .8rem;border: none;border-radius: .15rem; font-size: .26rem;background: #eeeeef;padding: 0 .2rem; font-size: .26rem;box-sizing: border-box;float: right;}

/*1*/
.style1 .zhgl span{color: #98a7d0;}
.style1 .zhgl p{color: #98a7d0;}
.style1 .zhgl b{color: #fff;}
.style1 .wby7a{background: #264595;color: #fff;}
.style1 .wby7a::-webkit-input-placeholder{color:#fff;}
.style1 .wby8a{background: #264595;color: #fff;}
.style1 .wby8a::-webkit-input-placeholder{color:#fff;}
.style1 .wby9{background: #264595;color: #fff;}
.style1 .wby9::-webkit-input-placeholder{color:#fff;}
.style1 .wby10{background: #264595;color: #fff;}
.style1 .wby10::-webkit-input-placeholder{color:#fff;}
.style1 .wby11{color: #fff;background: url(../images/a10a.png) no-repeat right center;background-size: .28rem .28rem;}
.style1 .wby12{background: #264595;color: #fff;}
.style1 .wby12::-webkit-input-placeholder{color:#fff;}
.style1 .wby13{background: #264595;color: #fff;}
.style1 .wby13::-webkit-input-placeholder{color:#fff;}
.style1 .wby14{background: #264595;color: #fff;}
.style1 .wby14::-webkit-input-placeholder{color:#fff;}
.style1 .wby15{background: #264595;color: #fff;}
.style1 .wby15::-webkit-input-placeholder{color:#fff;}
.style1 .tao1{background: #29489a;}

/*1*/
.style2 .zhgl span{color: #9e9e9e;}
.style2 .zhgl p{color: #9e9e9e;}
.style2 .zhgl b{color: #fff;}
.style2 .wby7a{background: #444444;color: #fff;}
.style2 .wby7a::-webkit-input-placeholder{color:#fff;}
.style2 .wby8a{background: #444444;color: #fff;}
.style2 .wby8a::-webkit-input-placeholder{color:#fff;}
.style2 .wby9{background: #444444;color: #fff;}
.style2 .wby9::-webkit-input-placeholder{color:#fff;}
.style2 .wby10{background: #444444;color: #fff;}
.style2 .wby10::-webkit-input-placeholder{color:#fff;}
.style2 .wby11{color: #fff;background: url(../images/a10a.png) no-repeat right center;background-size: .28rem .28rem;}
.style2 .wby12{background: #444444;color: #fff;}
.style2 .wby12::-webkit-input-placeholder{color:#fff;}
.style2 .wby13{background: #444444;color: #fff;}
.style2 .wby13::-webkit-input-placeholder{color:#fff;}
.style2 .wby14{background: #444444;color: #fff;}
.style2 .wby14::-webkit-input-placeholder{color:#fff;}
.style2 .wby15{background: #444444;color: #fff;}
.style2 .wby15::-webkit-input-placeholder{color:#fff;}
.style2 .tao1{background: #2e2e2e;}

/*地图搜索*/
.bddta{height: 8.5rem; position: relative; width: 100%;}
#allmap{width: 100%; height: 9.5rem;}
.dtss{position: absolute; width: 100%; left: 0; top: 0;z-index: 10; padding: 0 .3rem;box-sizing: border-box;}
.dtss h2{color: #333; font-size: .34rem; font-weight: bold; text-align: center; width: 100%;line-height: 1.2rem;} 
.ssnrb{overflow: hidden; height: .8rem;background: #fff;border-radius: .4rem; box-shadow:0 0 10px rgba(0, 0, 0, .1); }
.ssnr_left{float: left; width: 4.75rem; padding-top: .18rem;overflow: hidden;}
.wby16{float: left; width: 1.88rem; height: .44rem;border: none;border-right: 1px solid #e5e5e5;font-size: .3rem; padding-left: .3rem;box-sizing: border-box;background: url(../images/a10.png) no-repeat 92% center;background-size: .28rem .28rem;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;outline:none;}
.wby17{float: right;width: calc(100% - 1.88rem);height: .4rem; line-height: .4rem; padding-left: .2rem;box-sizing: border-box; font-size: .3rem;border: none;}
.ssnrbox{float: right; width: calc(100% - 4.75rem); overflow: hidden;}
.ssnrbox ul{overflow: hidden;}
.ssnrbox li{float: left; width: 50%;position: relative;}
.ssnrbox a{display: block; text-align: center; line-height: .8rem; color: #fff; font-size: .26rem;background: #317aec;}
.ssnrbox li:before{position: absolute; content: "";border-right: 1px solid rgba(255,255,255,.4);height: .4rem; right: 0;top:50%; transform: translateY(-50%);}
.ssnrbox li:nth-child(2):before{ border: none;}

.flbtn{position: absolute;right: 0; bottom: .6rem; width: 1.75rem;z-index: 10;}
.flbtn li{ margin-top: -.3rem;}
/*
.dttext{position: fixed; background: #fff;z-index: 10; padding: 0 .3rem 1rem .3rem; border-radius: .3rem .3rem 0 0;width: 100%;box-sizing: border-box;overflow: auto;height: 5.5rem; left: 0; bottom: 0;}
*/
.dttext{position: fixed; background: #fff;z-index: 10; padding: 0 .3rem 1rem .3rem; width: 100%;box-sizing: border-box;overflow: auto;height: 5.5rem; left: 0; bottom: 0;}

.dt_ssknr{padding: .35rem 0;overflow: hidden;}
.wby18{float: left;width: calc(100% - 1.56rem);border-radius: .4rem 0 0 .4rem; border: none;height: .8rem; line-height: .8rem; font-size: .26rem; padding-left: .45rem;box-sizing: border-box;background: #eeeeef;}
.btn8{float: right;width: 1.56rem;height: .8rem; color: #fff; font-size: .28rem; border-radius: 0 .4rem .4rem 0;box-sizing: border-box;background: #317aec;border: none;}
.d3{background: url(../images/dh.png); width: 1.76rem;height: 1.76rem; display: block;background-size: 100%;}
/*1*/
.style1 .dttext{background: #3150a2;}
.style1 .d3{background: url(../images/dha.png);background-size: 100%; }
.style1 .wby18{background: #264595;color: #fff;}
.style1 .wby18::-webkit-input-placeholder{color:#fff;}

.style2 .dttext{background: #3e3e3e;}
.style2 .d3{background: url(../images/dhb.png);background-size: 100%; }

.style2 .wby18{background: #444444;color: #999;}
.style2 .wby18::-webkit-input-placeholder{color:#999;}
.style2 .btn8{background: #29e4ec;color: #000;}
.style2 .ssnrbox a{background: #29e4ec;color: #000;}

/*index*/
.top_mb_dygd{height: 4rem;}
.dcbt{padding: 1rem 0 .34rem;}
.dcbt p{font-size: .28rem; color: #999;}
.ggzt dl{padding-bottom: .3rem;}
.ggzt dt{padding-bottom: .3rem;overflow: hidden;}
.ggzt dt span{float: left; font-size: .26rem; color: #999; line-height: .8rem;}

.daochutc dl{padding-bottom: .3rem;}
.daochutc dt{padding-bottom: .3rem;overflow: hidden;}
.daochutc dt span{float: left; font-size: .26rem; color: #999; line-height: .8rem;}

.wby19{float: right;width: calc(100% - 1rem); padding: 0 .2rem; height: .8rem;border: none; line-height: .8rem; color: #999; font-size: .26rem;border-radius: .1rem;box-sizing: border-box;background: #eeeeef;}

.ssyj{width: 100%;height: 100%; position: fixed; top: 0;left: 0;background: #317aec;z-index: 102;}
.ssyj_nr{padding: 1.65rem 0 0 0; position: relative;overflow: auto;box-sizing: border-box;height: 100%;width: 65%;background: url(../images/s5.png) no-repeat 1.55rem bottom;background-size: 2.2rem auto;}
.logo2{width: 3.14rem; padding-left: .65rem; margin-bottom: .28rem;}
.ssyjbox li{position: relative;}
.ssyjbox a{display: block; padding-left: .65rem; line-height: 1.25rem;color: #fff; font-size: .34rem;position: relative;}
.ssyj_nr b{display: inline-block;vertical-align: middle;width: .46rem;height: .46rem; margin-right: .35rem;}
.dhtb1{background: url(../images/n1.png);background-size: 100%;}
.dhtb2{background: url(../images/n2.png);background-size: 100%;}
.dhtb3{background: url(../images/n3.png);background-size: 100%;}
.dhtb4{background: url(../images/n4.png);background-size: 100%;}
.dhtb5{background: url(../images/n5.png);background-size: 100%;}
.dhtb6{background: url(../images/n6.png);background-size: 100%;}
.dhtb7{background: url(../images/n7.png);background-size: 100%;}
.dhtb8{background: url(../images/n8.png);background-size: 100%;}
.ssdh{position: absolute; width: .62rem;height: .62rem;background: url(../images/n9.png);background-size: 100%;right: 0; top: .85rem;}

.ssyjbox li.cur a:before {border-left: .11rem solid #fff;height: 100%;top: 0;left: 0; position: absolute; content: ""; background-image: linear-gradient(to right, rgba(255,255,255,.1), transparent);width: 100%; height: 100%;}



.ssdhb{width: 100%;height: 100%; position: fixed;top: 0;left: 0;background: #317aec;z-index: 101;}
.ssdh_nr{padding: 1.65rem 0 0 0; position: relative;overflow: auto;box-sizing: border-box;height: 100%;background: url(../images/s1.png) no-repeat 1.3rem 85%;background-size: 1.32rem auto;width: 60%; padding-right: .3rem;}
.ssdh_nr::-webkit-scrollbar {width:0px; height:0px;}
.logo3{width: 3.55rem; padding-left: .65rem;}
.ssdhb ul{padding: .55rem 0 0 .65rem;}
.ssdhb h3{position: relative;overflow: hidden;line-height: .6rem;}
.ssdhb h3 a{display: block; color: #fff; font-size: .28rem; padding-left: .45rem;position: relative;background: url(../images/s2.png) no-repeat left .25rem;background-size: .16rem .16rem;float: left;}
.ssdhb h4 {position: relative;overflow: hidden;}
.ssdhb h4 a{display: block;font-size: .24rem; color: #fff; position: relative; padding-left: .6rem;line-height: .6rem;float: left;}
.ssdhb h4 a:before{position: absolute; width: .12rem;height: .12rem; content: "";border-radius: 50%;background: rgba(255,255,255,.7);left: .34rem;top:50%; transform: translateY(-50%);}

.my_protoco2 .input_agreement_protocol { appearance: none; -webkit-appearance: none;  outline: none;  display: none;  }
.my_protoco2 .input_agreement_protocol+span {cursor:pointer;width: .28rem;height: .28rem;display: inline-block;position: relative;top: -2px; margin-right:4px;background: url(../images/s4.png);background-size: 100%;position: absolute; right: 0;top:50%; transform: translateY(-50%); }
.my_protoco2 .input_agreement_protocol:checked+span {background-image: url(../images/s3.png); background-size:100% 100%;}
.ssdh_nr dl dt dl dt{position: relative;}
.ssdh_nr dl dt dl dt a{ padding-left: 1rem; font-size: .24rem;color: #fff;line-height: .6rem; position: relative;display: block;}
.ssdhb  dl dt dl dt a:before{position: absolute; width: .12rem;height: .12rem; content: "";border-radius: 50%;background: rgba(255,255,255,.7);left: .65rem;top:50%; transform: translateY(-50%);}

.yhdh{background: rgba(0,0,0,.7);position: fixed;z-index: 105;width: 100%;height: 100%; top: 0;left: 0;}
.yhdhbox{position: absolute; width: 100%;left:50%; top:50%; transform:translate(-50%,-50%);}
.yhdhbox img{width: 2.82rem; margin: 0 auto;}
.yhdhbox p{padding: .5rem 0 1.4rem; color: #fff;height: .36rem;text-align: center;font-size: .26rem;}
.zdbtn{display: block; text-align: center; line-height: .78rem;border: 1px solid #fff;border-radius: .4rem; color: #fff; font-size: .32rem;text-align: center; width: 3.78rem; margin: 0 auto;}

/*1*/
.style1 .ssyj{background: #031557;}
.style1 b{display: inline-block;vertical-align: middle;width: .46rem;height: .46rem; margin-right: .35rem;opacity: 0.7;}
.style1 .ssyjbox li.cur b{opacity: 1;}
.style1 .ssyjbox li.cur a:before {border-left: .11rem solid #ee00ff;height: 100%;top: 0;left: 0; position: absolute; content: ""; background-image: linear-gradient(to right, rgba(255,255,255,.1), transparent);width: 100%; height: 100%;}

.style1 .ssdhb{background: #031557;}
.style1 .my_protoco2 .input_agreement_protocol+span {cursor:pointer;width: .28rem;height: .28rem;display: inline-block;position: relative;top: -2px; margin-right:4px;background: url(../images/s4a.png);background-size: 100%;position: absolute; right: 0;top:50%; transform: translateY(-50%); }
.style1 .my_protoco2 .input_agreement_protocol:checked+span {background-image: url(../images/s3a.png); background-size:100% 100%;}

/*2*/
.style2 .ssyj{background: #121212;}
.style2 b{display: inline-block;vertical-align: middle;width: .46rem;height: .46rem; margin-right: .35rem;opacity: 0.7;}
.style2 .ssyjbox li.cur b{opacity: 1;}
.style2 .ssyjbox  a{opacity: 0.5;}
.style2 .ssyjbox li.cur a:before {border-left: .11rem solid #3e3e3e;height: 100%;top: 0;left: 0; position: absolute; content: ""; background-image: linear-gradient(to right, rgba(255,255,255,.1), transparent);width: 100%; height: 100%;}

.style2 .ssdhb{background: #121212;}
.style2 .logo3{opacity: 0.6;}
.style2  a{opacity: 0.3;}
.style2 .my_protoco2 .input_agreement_protocol+span {cursor:pointer;width: .28rem;height: .28rem;display: inline-block;position: relative;top: -2px; margin-right:4px;background: url(../images/s4b.png);background-size: 100%;position: absolute; right: 0;top:50%; transform: translateY(-50%); }
.style2 .my_protoco2 .input_agreement_protocol:checked+span {background-image: url(../images/s3b.png); background-size:100% 100%;}