body,h1,h2,h3,h4,h5,h6,p,ul,li,p,input,button,textarea,form,img,dl,dt,dd,select{margin:0;padding:0;font-family:"微软雅黑";line-height:normal;list-style: none; color: #333; font-size: 14px;}
a{ color: #333; text-decoration:none;}
a:hover{ color: #0179ff;text-decoration:none !important; }
input{outline: none; border: 0;}
button{outline: none}
select{outline: none}
textarea{outline: none}
img{display: block;max-width: 100%}
.text-center{text-align: center}
i{ font-style: normal;}
.left,.fl {float:left;}
.right,.fr {float:right;}
.ellipsis {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ellipsiss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsisss{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.w1200,.box-1200{width: 1200px;margin-left: auto;margin-right: auto}
.clearfix,.clear{clear:both;}

/*联系客服弹窗*/
#public-contact-box{padding: 10px 30px;max-width: 230px}
#public-contact-box .qrcode{width: 170px;height: 170px;margin: 0 auto}
#public-contact-box .qrcode img{display: inline-block}
#public-contact-box p{margin: 5px 0}
/*首页*/

/*头部*/
.pageheader{ width: 100%; background: #fff; }
.pageheader .headerTop{ width: 100%; background: #282828;overflow: hidden;}
.header-link{ font-size: 12px; height: 38px; color: #666; }
.header-link .city{display: inline-block; margin-left: 10px;line-height: 36px}
.header-link .city span{margin-right: 10px}
.header-link span{ display: block; float: left; line-height: 38px; font-size: 12px; color: #ccc; }
.header-link-list{ float: right; }
.header-link-list>img{ float: left; margin: 12px 8px 0 0;}
.header-link-list>i{ float: left; display: block; margin: 14px 15px; width: 1px; height: 12px; background: #dddddd;}
.header-link-list>a{ float: left; display: block; line-height: 38px; color: #ccc;}
.header-link-list>a:hover{ text-decoration: underline; }

.header-box{ height:115px; }
.header-box .logo{ margin-top: 15px;}
.header-box .header-gg{ margin: 0 25px; }
.header-box .header-tel{ margin: 35px 0 0 0; background: url(../images/6.png) no-repeat;}
.header-box .header-tel i{ display: block; margin: 0 0 0 30px; color: #ff7200; font-size: 12px;}
.header-box .header-tel span{display: block; margin: 0 0 0 43px; color: #ff7200; font-size: 22px; font-weight: bold;}
.header-box .header-center{ margin: 30px 0 0 120px; }
.header-box .header-center .search-input{ height: 40px; border: 2px solid #0179ff;position: relative}
.header-box .header-center .search-input .searchTxt{ float: left; width: 200px; height: 40px; line-height: 36px; padding: 0 0 0 10px;  font-size: 14px; color: #666; outline: none;}
.header-box .header-center .search-input .searchSub{ float: left; width: 90px; height: 40px; background: #0179ff; color: #fff; font-size: 16px; text-align: center; line-height: 40px; outline: none; cursor: pointer;}

.search-hot{ margin-top: 6px; height: 17px; overflow: hidden;}
.search-hot a{ font-size: 12px; color: #999; margin-right: 15px; float: left;}

.header-nav{ width: 100%; height: 55px; background: #0179ff;}
.header-nav h2{ float: left; font-weight: normal; }
.header-nav h2 a{ width: 150px; height: 39px; padding: 16px 0 0 50px; display: block; font-size: 16px; color: #fff; font-weight: bold; background:#0155ff url(../images/14.png) no-repeat 20px 19px;}
.nav-list{ height: 55px; float: left;}
.nav-list a{ float: left; display: block; width: 100px; height: 55px; line-height: 53px; text-align: center; font-size: 16px; color: #fff; transition: all .3s;}
.nav-list a:hover{ background: #0155ff;}

/*banner上菜单*/
.sybanner .pros{ position: relative;}
.nybanner{ width: 1200px; margin: 0 auto;}
.nybanner .slideBanner{ position: absolute;}
.course-nav{ width: 200px; height: 500px; background:rgba(12,56,105,.8); position: absolute; top: 0; left: 0; z-index: 99;}
.course-nav>ul>li{border-bottom: #144c8e solid 1px;}
.course-nav>ul>li:hover{background: #0179ff; }
.course-nav>ul>li:hover>div>span>a{ color: #fff;}
.course-nav>ul>li>div{ height: 96px; overflow: hidden; padding-bottom: 3px;}
.course-nav>ul>li>div>h3{ margin: 10px 0 0 15px; color: #fff; }
.course-nav>ul>li>div>span{ padding: 10px 5px 10px 15px; display: block; display: flex; flex-wrap: wrap; }
.course-nav>ul>li>div>span>a{ margin-right: 15px; margin-bottom: 10px; color: #81a3cd; font-size: 12px; }

.course-nav .coursePen{display: none; width: 753px; height: 500px; background: #fff; position: absolute; left: 200px; top: 0; z-index: 199;}

.coursePen-left{ width: 700px; height: 460px; float: left; margin: 20px 20px 0 20px; font-size: 12px;}
.coursePen-left-list{ margin:0 0 15px 10px; overflow: hidden; }
.coursePen-left-list>h5{ width: 100px; float: left; height: 14px;  margin: 0 10px 0 0; text-align: right; font-size: 12px; color: #666;}
.coursePen-left-list>span{ display: block; float: left; width: 560px; border-bottom: #e0e0e0 dashed 1px; overflow: hidden; }
.coursePen-left-list>span>a{ padding: 0 20px; margin: 10px 0 15px 0; color: #666; border-right: #e0e0e0 solid 1px; float: left;}
.coursePen-left-list>span>a:first-child{border-left: #e0e0e0 solid 1px;}

.coursePen-left-list>span>a:hover{ color: #0179ff; }

/*公告*/
.userPen{ width: 210px; height: 500px; position: absolute; top: 0; right: 0; z-index: 9;background: #fff;}
.userPen .userFix{ padding: 25px 15px; border-bottom: #eaeaea solid 1px; overflow: hidden}
.userPen .userFix .user-img{ width: 50px; height: 50px; border-radius: 100%;  overflow: hidden;}
.userPen .userFix .fr p{ font-size: 12px; color: #666; padding-bottom: 5px;}
.userPen .userFix .fr a{ width: 52px; height: 26px; display: block; float: left; font-size: 12px; color: #fff; line-height: 26px; text-align: center;}
.userPen .userFix .fr a.goLogin{ background: #ff7800; margin-right: 10px;}
.userPen .userFix .fr a.goReg{ background: #039e41;}
.penNews{ overflow: hidden;}
.penNews h2{ height: 36px; color: #333; font-size: 14px; font-weight: bold; padding:5px 15px 0 15px; line-height: 36px;}
.penNews h2 a{ float: right; font-weight: normal; font-size: 12px;}
.penNews ul{ padding: 0 15px 15px 15px; border-bottom: #eaeaea solid 1px; }
.penNews ul li{ height: 30px; background: url(../images/title-icon.png) no-repeat left center; overflow: hidden; padding: 0 0 0 10px;}
.penNews ul li a{ line-height: 30px; font-size: 12px; color: #333; }
.penNews ul li a:hover{ color: #0179ff;}
.penNews dl{ overflow: hidden;}
.penNews dl dt{ float: left; margin-bottom: 5px; width: 70px; text-align: center;}
.penNews dl dt a{ color: #666; font-size: 12px;}
.penNews dl dt a:hover{ color: #0179ff;}
.penNews dl dt img{ margin: 0 auto; margin-top: 10px; margin-bottom: 5px;}

/*banner*/
.slideBanner{ width: 100%; height: 500px; position: relative; overflow: hidden;}
.slideBanner .hd ul{ width: 100%; height: 15px; position: absolute; bottom: 15px; text-align: center; z-index: 5;}
.slideBanner .hd li{ display: inline-block; margin: 0 3px; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 100%; cursor: pointer;}
.slideBanner .hd li.on{ width: 10px; height: 10px; background: #fff;}
.slideBanner .bd{ position:relative; height:100%; z-index:0;}
.slideBanner .bd li{ zoom:1; vertical-align:middle; width: 100%; height:500px;}
.slideBanner .bd li a{ height:500px; display:block;}

.package{ width: 1200px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; }
.package .part{ width: 285px; box-shadow: 0 0 10px #eaeaea; }
.package .part .header{ height: 80px;}
.package .part:nth-of-type(1) .header{ background: url(../images/20.png) no-repeat;}
.package .part:nth-of-type(2) .header{ background: url(../images/21.png) no-repeat;}
.package .part:nth-of-type(3) .header{ background: url(../images/22.png) no-repeat;}
.package .part:nth-of-type(4) .header{ background: url(../images/23.png) no-repeat;}
.package .part .header h2{ float: left; margin: 26px 0 0 25px; color: #fff; font-size: 20px; font-weight: normal;}
.package .part .header img{ float: right; margin: 20px 20px 0 0; width: 40px; height: 40px;}
.package .part .content{ padding: 15px 20px; border-bottom: #eaeaea solid 1px;}
.package .part .content h3{ height: 40px; font-size: 16px; overflow: hidden; }
.package .part .content p{ margin: 20px 0 10px 0; font-size: 12px; color: #999; overflow: hidden;}
.package .part .content span{ display: flex; flex-wrap: wrap; justify-content: flex-start; overflow: hidden;}
.package .part .content span a{ display: block; float: left; margin-right: 10px; margin-top: 8px; padding: 2px 5px; border: #dddddd solid 1px; color: #999; }
.package .part .content span a:hover{ border: #0179ff solid 1px; color: #0179ff;}
.package .part .price{ padding: 0 20px; height: 65px; display: flex; justify-content: space-between; align-items: center;}
.package .part .price span{ font-size: 22px; color: #ff4800; }
.package .part .price a{ display: block; width: 70px; line-height: 24px; text-align: center; font-size: 12px; }
.package .part:nth-of-type(1) .price a{ border: #ff5431 solid 1px; color: #ff5431; }
.package .part:nth-of-type(2) .price a{ border: #00ca90 solid 1px; color: #00ca90; }
.package .part:nth-of-type(3) .price a{ border: #00a5ff solid 1px; color: #00a5ff; }
.package .part:nth-of-type(4) .price a{ border: #ffb502 solid 1px; color: #ffb502; }

.floor{ width: 1200px; margin: 0 auto; margin-top: 40px;}
.floor .header{ display: flex; }
.floor .header .title{ padding-left: 12px; height: 26px; line-height: 26px; font-size: 26px;}
.floor:nth-of-type(1) .header .title{ color: #0179ff; border-left: #0179ff solid 7px;}
.floor:nth-of-type(2) .header .title{ color: #ff9700; border-left: #ff9700 solid 7px;}
.floor:nth-of-type(3) .header .title{ color: #626bf0; border-left: #626bf0 solid 7px;}
.floor:nth-of-type(4) .header .title{ color: #ff5c5c; border-left: #ff5c5c solid 7px;}
.floor:nth-of-type(1) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #0179ff; border-radius: 28px; }
.floor:nth-of-type(2) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #ff9700; border-radius: 28px; }
.floor:nth-of-type(3) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #626bf0; border-radius: 28px; }
.floor:nth-of-type(4) .header .more-btn{ width: 105px; height: 28px; line-height: 28px; text-align: center; color: #fff; background-color: #ff5c5c; border-radius: 28px; }
.floor .header .link { margin: 12px 0 0 20px; flex: 1; display: flex;}
.floor .header .link a{ height: 14px; line-height: 14px; margin-left: 20px; padding-right: 20px; border-right: #e0e0e0 solid 1px; color: #666;}
.floor .header .link a:hover{ color: #0179ff;}
.floor .content{ margin-top: 15px; display: flex; justify-content: space-between; }
.floor .content .left{ width: 225px; height: 476px; }
.floor .content .left a img{ width: 225px; height: 476px; }
.floor .content .right{ width: 955px; height: 476px; }
.floor .content .right .part{ width: 225px; height: 230px; float: left; margin-right: 18px; background-color: #fff;}
.floor .content .right .part:nth-of-type(4n){ margin-right: 0;}
.floor .content .right .part:nth-of-type(n+5){ margin-top: 15px;}
.floor .content .right .part:hover img{ transform: scale(.95);}
.floor .content .right .part img{ width: 225px; height: 168px; transition: all .3s;}
.floor .content .right .part h5{ width: 195px; margin: 0 auto; margin-top: 10px; font-weight: normal;}
.floor .content .right .part span{ display: block; width: 195px; margin: 0 auto; margin-top: 5px; color: #f15821; font-size: 16px; }

.four-bussiness-box{ height: 130px; background-color: #ffffff; }
.four-bussiness{ width: 1200px; margin: 0 auto; margin-bottom: 30px; display: flex; justify-content: space-between; overflow: hidden;}
.four-bussiness .part{ width: 270px; margin: 35px 0 0 0; }
.four-bussiness .part img{ float: left; margin: 0 20px 0 0;}
.four-bussiness .part div h5{ margin-bottom: 5px; font-size: 18px; color: #666;font-weight: normal }
.four-bussiness .part div p{ color: #999;}

.synewsbox{ padding-bottom: 40px; padding-top: 40px; background-color: #ffffff;}
.box-title h3{ text-align: center; font-size: 36px;}
.sy-news{ margin-top: 20px; display: flex; justify-content: space-between;}
.sy-news-part{ width: 370px; }
.sy-news-part>h3{ margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #333;}
.sy-news-part>img{ margin-bottom: 10px; box-shadow: 0 10px 10px #eaeaea;}
.sy-news-part .list-box .list{ margin-bottom: 25px;min-height: 165px}
.sy-news-part .list-box .list a{ display: block; width: 370px; margin-bottom: 15px; overflow: hidden;}
.sy-news-part .list-box .list a h5{ width: 316px; float: left; font-size: 16px;font-weight: normal}
.sy-news-part .list-box .list a span{ float: right; font-size: 14px; color: #999;}
.sy-news-part .list-box .more{ display: block; width: 120px; height: 40px; line-height: 40px; color: #999; text-align: center; color: #fff; border-radius: 40px; transition: all .3s;}
.sy-news-part .list-box .more:hover{ width: 110px; }
.sy-news-part .list-box .list a:hover {color: #3c7ee5;text-decoration: none;}

.youshi{ height: 150px; background-color: #0179ff; }
.youshi .content{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.youshi .content .part{ width: 300px;}
.youshi .content .part img{ float: left; margin: 40px 20px 0 0;}
.youshi .content .part h3{ margin: 40px 0 10px 0; color: #fff; }
.youshi .content .part p{ color: #95bbf3; }

.pagebottom{ background-color: #202a35; overflow: hidden;clear: both;}
.pagebottom .content{ width: 1200px; margin: 0 auto; margin-top: 50px; display: flex; }
.pagebottom .content .part{ width: 140px;}
.pagebottom .content .part:last-child{ flex: 1;}
.pagebottom .content .part h5{ color: #fff; font-weight: normal; font-size: 16px; }
.pagebottom .content .part a{ display: block; color: #9ea0a9; margin-top: 20px;}
.pagebottom .content .part a:hover{ color: #0179ff;}
.vertical-line{ margin-right: 70px; width: 1px; background-color: #383b50;}
.pagebottom .content .part .tel{ margin-top: 20px; overflow: hidden;}
.pagebottom .content .part .tel img{ display: block; float: left; margin-right: 10px; margin-top: 5px; }
.pagebottom .content .part .tel i{ color: #9ea0a9;}
.pagebottom .content .part .tel span{ display: block; color: #ff7200; font-size: 25px; font-weight: bold;}
.pagebottom .content .part .add{ color: #9ea0a9; }
.pagebottom .content .part .qqnum{ color: #9ea0a9; }
.pagebottom .content .part .code{ margin-top: 10px; width: 117px; color: #9ea0a9; font-size: 12px; text-align: center; }
.pagebottom .content .part .code img{ margin-bottom: 5px;width:120px;}
.pagebottom .links{ height: 52px; line-height: 50px; background-color: #f5f5f5;}
.pagebottom .links a{ float: left; margin-left: 20px;}
.pagebottom .copyright{ background-color: #fff; }
.pagebottom .copyright p{ width: 1200px; margin: 0 auto; /*padding: 20px 0;*/ line-height: 25px; text-align: center; color: #999; text-align: center; }
.pagebottom .copyright p a{ color: #999;}

.right-bar-tab-on{ background-color: #000;}
.right-bar{ position: fixed; width: 40px; height: 100%; background-color: #333333; top: 0; right: 0; z-index: 299; }
.right-bar-tab{ position: relative; height: 350px; top: 50%; margin-top: -175px; }
.right-bar-tab>div{ padding: 10px 0; text-align: center; cursor: pointer; }
.right-bar-tab>div img{ display: block; margin: 0 auto;}
.right-bar-tab .zxzx{ background-color: #ff7200;}
.right-bar-tab .zxzx a{ color: #fff;}
.right-bar-tab .gotop{ border-top: #3f3f3f solid 1px;}
.right-bar-content{ position: relative; right: 150px; top: 50%; margin-top: -222px; }
.right-bar-content div img{ display: block; margin: 0 auto; }
.right-bar-content div:nth-of-type(2){  width: 120px; padding: 10px; border-top: #2a7efb solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.right-bar-content div:nth-of-type(3){ margin-top: 50px; width: 120px; padding: 10px; border-top: #2a7efb solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }
.right-bar-content div:nth-of-type(4){ margin-top: 100px; width: 120px; padding: 10px; border-top: #2a7efb solid 5px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; box-shadow: 0 0 5px #eee; background-color: #fff; }



.search-tag{font-size: 12px;font-weight: 600;color: #666;margin-right: 10px;border-radius: 2px 2px 0 0;display: inline-block;padding: 3px 7px;cursor: pointer}
.search-tag.active{background: #2a7efb;color: #fff}
.search-category{float: left;position: relative;width: 100px;text-align: center;cursor: pointer;color: #666}
.search-category>span{display: inline-block;padding: 11px 14px;color: #666}
.search-category i{margin-left: 2px;color: #aaa}
.search-category-list{z-index: 9999;position: absolute;top:44px;left: -2px;width: 100px;background: #fff;border: 1px solid #DDDDDD;overflow: hidden;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px}
.search-category-list li{padding: 11px 16px;border-bottom: 1px solid #ddd}
.search-category-list li:hover{background: #2a7efb;color: #fff;border-bottom: 1px solid #2a7efb}
.search-tm-category{float: left;text-align: center;cursor: pointer;color: #666;width: 100px}
.search-tm-category>span{display: inline-block;padding: 11px 13px;color: #666}
.search-tm-category i{margin-left: 2px;color: #aaa}
.search-tm-category-list{position: absolute;background: #fff;z-index: 99999;top: 42px;left: -2px;right: -2px;border: 1px solid #eee}
.search-tm-category-list li{float: left;border-right: 1px solid #eee;border-bottom: 1px solid #eee;color:#666;width: 99px;line-height: 40px;}
.search-tm-category-list li.active{background: #2a7efb;color: #fff}
.search-tm-category-list li:hover{color: #2a7efb}
.search-tm-category-list li.active:hover{color: #fff}
.search-category-selected{text-align: right;padding: 10px;border: 1px solid #eee;}
.search-category-selected span{margin-left: 10px;}
.text-danger{color: #f15821}


/*版权登记*/
.ny-bqdj-fw{ width: 1200px; margin: 0 auto; margin-bottom: 10px; margin-top: 40px; display: flex; justify-content: space-between; }
.ny-bqdj-fw-part{ width: 580px; background-color: #ffffff; box-shadow: 0 0 15px #dddddd;}
.ny-bqdj-fw-part .header{ height: 70px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
.ny-bqdj-fw-part .header img{ float: left; margin: 12px 10px 0 20px; }
.ny-bqdj-fw-part .header h3{ float: left; line-height: 70px; font-size: 22px; color: #ffffff;}
.ny-bqdj-fw-part .content{ padding: 30px 25px 20px 25px; border-bottom: #eaeaea dashed 1px;}
.ny-bqdj-fw-part .content p{ line-height: 24px; color: #666666; }
.ny-bqdj-fw-part .content .type{ display: flex; justify-content: space-between; margin: 15px 0; }
.ny-bqdj-fw-part .content .type span{ width: 125px; display: block; text-align: center; height: 32px; line-height: 32px; border: #eaeaea solid 1px; color: #333333; }
.ny-bqdj-fw-part .buy{ padding: 0 25px; height: 80px; display: flex; justify-content: space-between; align-items: center; }
.ny-bqdj-fw-part .buy .price{ font-size: 30px; color: #ff4800; }
.ny-bqdj-fw-part .buy .price i{ font-size: 14px; font-style: normal;}
.ny-bqdj-fw-part .buy .btn{ width: 160px; height: 42px; line-height: 42px; font-size: 16px; color: #ffffff; background-color: #ff4800; text-align: center; border-radius: 42px; transition: all .3s; }
.ny-bqdj-fw-part .buy .btn:hover{ width: 150px;}
.ny-bqdj-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-bqdj-lc>span{ display: block; margin: 10px 0 0 0; font-size: 18px; }
.ny-bqdj-lc>div{ margin-bottom: 40px; font-size: 16px; text-align: center; line-height: 24px; font-weight: bold; }
.ny-bqdj-lc>div>i{ display: block; margin: 0 auto; margin-bottom: 15px; width: 40px; height: 40px; line-height: 40px; font-style: normal; text-align: center; color: #ffffff; text-align: center; background-color: #2a7efb; border-radius: 40px; }
.ny-bqdj-lc>div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-bqdj-lc>div p{ display: block; margin: 10px 0 0 0; text-align: center; color: #666; font-weight: normal; }
.ny-bqdj-sqcl{ display: flex; justify-content: space-between; margin-bottom: 60px; }
.ny-bqdj-sqcl-part{ width: 580px; height: 325px; border-radius: 10px;}
.ny-bqdj-sqcl-part .title{ width: 520px; height: 75px; line-height: 75px; margin: 0 auto; margin-top: 30px; border-radius: 10px; text-align: center; font-size: 24px; color: #fff; }
.ny-bqdj-sqcl-part:nth-of-type(1){background: url(../images/264.png) no-repeat 400px 150px #ffffff;}
.ny-bqdj-sqcl-part:nth-of-type(1) .title{ background-color: #2a7efb; }
.ny-bqdj-sqcl-part:nth-of-type(2){background: url(../images/265.png) no-repeat 400px 150px #ffffff;}
.ny-bqdj-sqcl-part:nth-of-type(2) .title{ background-color: #ffa200; }
.ny-bqdj-sqcl-part .wz{ width: 520px; margin: 0 auto; margin-top: 15px; overflow: hidden; }
.ny-bqdj-sqcl-part .wz span{ margin-top: 20px; padding-left: 15px; display: block; background: url(../images/266.png) no-repeat 0 4px; }
.ny-bqdj-yycj{ display: flex; justify-content: space-between; margin-bottom: 60px; }
.ny-bqdj-yycj-part{ width: 375px; padding-top: 15px; }
.ny-bqdj-yycj-part:nth-of-type(1){ background: url(../images/267.png) no-repeat 80px 0;}
.ny-bqdj-yycj-part:nth-of-type(2){ background: url(../images/268.png) no-repeat 80px 0;}
.ny-bqdj-yycj-part:nth-of-type(3){ background: url(../images/269.png) no-repeat 100px 0;}
.ny-bqdj-yycj-part h3{ margin-bottom: 30px; text-align: center; font-size: 20px; }
.ny-bqdj-yycj-part p{ min-height: 120px; padding: 30px; line-height: 30px; background-color: #f5f5f5; border-radius: 10px; }
.ny-bqdj-fwys{ display: flex; justify-content: space-between; margin-bottom: 30px; }
.ny-bqdj-fwys-part{ width: 375px; padding-top: 15px; }
.ny-bqdj-fwys-part img{ display: block; margin: 0 auto;}
.ny-bqdj-fwys-part h3{ margin-top: 20px; text-align: center; font-size: 20px; }
.ny-bqdj-fwys-part p{ text-align: center; padding: 20px; line-height: 30px; }

.ny-bqdj-wt{ display: flex; justify-content: space-between; margin-bottom: 30px; }
.ny-bqdj-wt-part{ width: 580px; margin-top: 20px; }
.ny-bqdj-wt-part .title{ height: 74px; line-height: 74px; border-radius: 10px; text-align: center; font-size: 24px; color: #ffffff; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one{ margin: 20px 0;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-q{ display: flex;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-q span{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background-color: #2a7efb; border-radius: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-q h3{ margin-left: 10px; line-height: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-a{ margin: 5px 0; min-height: 100px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-one .ny-bqdj-wt-part-one-a p{ color: #666666; line-height: 24px;}

.ny-bqdj-wt-part .ny-bqdj-wt-part-two{ margin: 20px 0;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-q{ display: flex;}
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-q span{ display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #ffffff; background-color: #ffa200; border-radius: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-q h3{ margin-left: 10px; line-height: 30px; font-size: 16px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-a{ margin: 5px 0; min-height: 100px; }
.ny-bqdj-wt-part .ny-bqdj-wt-part-two .ny-bqdj-wt-part-two-a p{ color: #666666; line-height: 24px;}

.member-top{width: 1200px;height: 90px;margin: 0 auto;}
.member-top img{float: left; height: 80px;}
.member-top>a{ display: block; margin: 30px 30px 0 20px; float: right; padding: 5px 15px; border-radius: 30px; background-color: #2a7efb; color: #ffffff;}
.member-top span{display: block;float: right;margin-top: 36px;font-size: 14px;}
.member-top span a{ color: #2a7efb;}
.member-middle{ min-height: 550px; background: url("../images/56.png") no-repeat center; overflow: hidden;}
.member-middle-login{ width: 1200px; margin: 0 auto;}
.login-content{ width: 410px; padding-bottom: 40px; background: #fff; margin: 20px 0 20px 770px; border-radius: 10px; overflow: hidden;}
.login-title{ width: 330px; margin: 0 auto; margin-top: 30px; display: flex; justify-content: space-between; overflow: hidden;}
.login-title span{ display: block; width: 175px; height: 50px; line-height: 50px; text-align: center; font-size: 18px; color: #999; border:#eeeeee solid 1px; cursor: pointer; background-color: #f5f5f5;}
.login-title-on{ color: #333!important; background-color: #fff!important; }
.login-form{ width: 330px; margin: 0 auto; margin-top: 20px;}
.logo-inputline input{ width: 290px; height: 43px; border: #d0d0d0 solid 1px; margin-bottom: 20px; padding-left: 40px; overflow: hidden;}
.logo-inputline .phone-icon{background: url("../images/57.png") no-repeat 10px 12px;}
.logo-inputline .img-icon{ width: 150px; background: url("../images/58.png") no-repeat 10px 12px;}
.logo-inputline .mes-icon{ width: 150px; background: url("../images/58.png") no-repeat 10px 12px;}
.logo-inputline .password-icon{ background: url("../images/59.png") no-repeat 10px 12px;}
.logo-inputline .name-icon{ background: url("../images/63.png") no-repeat 10px 12px;}
.logo-inputline .company-icon{ background: url("../images/64.png") no-repeat 10px 12px;}
.login-code{ float: right;  width: 132px; height: 45px;}
.login-btn{ display: block; width: 330px; height: 50px;line-height: 50px; text-align: center; color: #fff; background: #2a7efb; font-size: 18px; border-radius: 3px;}
.login-btn:hover{ color: #fff;}
.login-getpassword{ float: right; margin: 10px 0 0 0;}
.login-bg{ background: #fff;}
.message-code{ cursor: pointer;float: right; display: block; width: 132px; height: 45px; line-height: 45px; text-align: center; background-color: #2a7efb; border-radius: 3px; color: #fff; }
.disable_message-code{ cursor: pointer;float: right; display: block; width: 132px; height: 45px; line-height: 45px; text-align: center; background-color: #e2e2e2; border-radius: 3px; color: #fff; }
.message-code:hover{ color: #fff;}
.login-other{ width: 330px; margin: 0 auto; margin-top: 20px; }
.login-other .xy{ float: left; width: 260px; }
.login-other .xy a{ color: #2a7efb;}
.login-other .wj{ float: right; }
.login-other .sf{ margin-top: 10px; float: left; width: 260px; color: #999; }
.login-other .sf img{ margin-left: 15px;}
.login-other .gw{ margin-top: 30px; float: right; }
.login-other .gw a{ color: #999;}
.member-bottom{ padding:0 0 10px 0; overflow: hidden; }
.member-bottom .left{ margin: 40px 0 0 0; overflow: hidden;float: left}
.member-bottom .left .link a{ margin-right: 20px;}
.member-bottom .left .link{ margin: 0 0 10px 0; }
.member-bottom .left .copyright{ color: #999; line-height: 24px;}
.member-bottom .right{ margin-top: 20px;float: right }
.member-bottom .right{ width: 110px; text-align: center; font-size: 12px; }
.member-bottom .right img{ width: 110px; height: 110px;}



.m-top{ height: 90px; }
.m-top .logo{ float: left; height: 80px; }
.m-top .search{ float: left; margin: 25px 0 0 330px; overflow: hidden; }
.m-top .search input{ float: left; padding-left: 10px; width: 270px; height: 36px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: #ff8400 solid 1px; }
.m-top .search a{ display: block; float: left; width: 85px; height: 38px; color: #fff; font-size: 16px; text-align: center; line-height: 36px; background-color: #ff8400; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.m-top .search a i{ margin-right: 5px;}
.m-top .link{ float: right; margin-top: 35px; overflow: hidden;}
.m-top .link a{ float: left; display: block; color: #999;}
.m-top .link i{ float: left; display: block; margin: 3px 20px 0 20px; width: 1px; height: 11px; background-color: #cccccc; }

.m-left{ width: 210px; margin: 20px 0;}
.m-left .header{ background: linear-gradient(0deg,#ffb03e,#ff9018); padding: 20px; border-top-left-radius:6px;  border-top-right-radius:6px; }
.m-left .header h3{ text-align: center; color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 10px;}
.m-left .header span{ display: block; text-align: center; color: #fff;}
.m-left-list{ float: left; width: 210px; background-color: #fff; }
.m-left-list-menu{ border-bottom: #f1f1f1 solid 1px; width: 210px; overflow: hidden;}
.m-left-list-menu h3{ overflow: hidden; cursor: pointer; }
.m-left-list-menu h3 span{ display: block; float: left; height: 50px; line-height: 48px; font-size: 16px; }
.m-left-list-menu h3 img{ display: block; float: right; margin-right: 20px; margin-top: 20px; transition: all .3s;}
.m-left-list-menu h3 i{ float: left; margin: 16px 10px 0 30px; color: #666; font-size: 18px; }
.m-left-list-menu ul{}
.m-left-list-menu ul li{ width: 210px;}
.m-left-list-menu ul li a{ display: block; margin-left: 60px; height: 40px; line-height: 38px; font-size: 14px; color: #666; }
.m-left-list-menu ul li a:hover{ color: #2a7efb;}
.m-left-list-menu-on{ color: #2a7efb; background-color: #f0faff;}
.m-left-list-menu-on a{ color: #2a7efb!important;}
.rotating{ transform: rotate(180deg);}
.login-out{ display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; border-radius: 6px; width: 150px; height: 36px; line-height: 36px; color: #999; border: #eaeaea solid 1px; text-align: center;}

.m-right{ width: 970px; margin: 20px 0; border-radius: 6px; overflow: hidden; background-color: #fff;}
.m-right .people{ width: 870px; margin: 40px 0 0 50px; overflow: hidden;}
.m-right .people .people-img{ width: 110px; height: 110px; border-radius: 110px; }
.m-right .people .people-xx{ margin-left: 30px;}
.m-right .people .people-xx .title{ margin: -3px 0 15px 0; font-size: 24px; color: #666; font-weight: bold; }
.m-right .people .people-xx .name{ margin-bottom: 15px; overflow: hidden;}
.m-right .people .people-xx .name h3{ float: left; margin-right: 10px; font-size: 20px; }
.m-right .people .people-xx .name span{ float: left; margin-top: 4px; }
.m-right .people .people-xx .name span img{ float: left; margin-right: 10px;}
.m-right .people .people-xx .grade div{ float: left; margin-right: 40px; line-height: 30px; overflow: hidden;}
.m-right .people .people-xx .grade div img{ float: left; margin-right: 10px; }
.m-right .recharge{ width: 870px; margin: 40px 0 0 50px; padding-bottom: 25px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.m-right .recharge .recharge-icon{ float: left; margin: 25px 20px 0 40px;}
.m-right .recharge .recharge-num{ float: left; margin: 35px 0 0 0; font-size: 16px; }
.m-right .recharge .recharge-num span{ margin-left: 15px; color: #ff0000; font-size: 16px;}
.m-right .recharge .recharge-btn{ float: left; display: block; margin: 30px 0 0 80px ; padding: 6px 15px; border-radius: 3px; background-color: #ff8400; color: #fff;}
.m-right .recharge .recharge-record{ float: right; display: block; margin: 30px 20px 0 0 ; padding: 5px 15px; border-radius: 3px; border: #ff8400 solid 1px; color: #ff8400;}
.m-right .recharge .recharge-invoice{ float: right; display: block; margin: 30px 40px 0 0 ; padding: 5px 15px; border-radius: 3px; border: #ff8400 solid 1px; color: #ff8400;}
.m-right .shortcut{ width: 770px; margin: 20px 0 0 50px; padding: 0 50px; display: flex; justify-content: space-between; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.m-right .shortcut span{ margin: 30px;}
.m-right .shortcut span img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.m-right .list{ }
.m-right .list .header{ padding-bottom: 10px; overflow: hidden; border-bottom: #e8e8e8 solid 1px;}
.m-right .list .header h3{ float: left; border-left: #2a7efb solid 5px; padding-left: 10px; font-size: 16px; font-weight: bold;}
.m-right .list .header a{ float: right; color: #999; }
.m-right .list .content{ padding-top: 15px;}
.m-right .list .content a{ margin-bottom: 15px; overflow: hidden; }
.m-right .list .content a span{ float: right; color: #999;}
.m-right .list .order{ padding-top: 15px;}
.m-right .list .order a{ margin-bottom: 15px; overflow: hidden;display: block }
.m-right .list .order a img{ float: left; width: 112px; height: 70px; }
.m-right .list .order .order-xx{ float: left; width: 200px; margin: 0 0 0 10px;}
.m-right .list .order .order-xx h4{ height: 30px;}
.m-right .list .order .order-xx span{ display: block; height: 25px; color: #999;}
.m-right .list .order .order-price{ float: right; text-align: right; overflow: hidden;}
.m-right .list .order .order-price h5{ display: block; height: 30px; font-style: normal;}
.m-right .list .order .order-price span{ display: block; color: #ff4800;}
.m-right .list .myservice{ padding-top: 15px;}
.m-right .list .myservice a{ width: 205px; height: 78px; display: block; float: left; margin-right: 16px; margin-bottom: 15px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden; }
.m-right .list .myservice a:nth-of-type(4n){ margin-right: 0;}
.m-right .list .myservice a h5{ text-align: center; margin-top: 15px;}
.m-right .list .myservice a span{ color: #999;margin-top: 10px; display: block; text-align: center;}
.m-right .contact-us{ width: 870px; height: 150px; margin: 10px 0 20px 50px; border: #eaeaea solid 1px;}
.m-right .contact-us h3{ float: left; width: 50px; height: 120px; padding-top: 30px; border-right: #eaeaea solid 1px; background-color: #f5f5f5; font-weight: bold; text-align: center; }
.m-right .contact-us .wz{ float: left; margin: 20px 0 0 40px; }
.m-right .contact-us .wz span{ display: block; height: 32px; color: #666; line-height: 32px; padding-left: 40px; background: url(../images/90.png) no-repeat; }
.m-right .contact-us .wz p{ margin-top: 20px; line-height: 25px; }
.m-right .contact-us .code{ float: right; margin: 10px 10px 0 0; font-size: 12px; text-align: center;width: 120px }
.m-right .contact-us .code img{ display: block;}
.member-copyright{background-color: #2b364a; text-align: center; height: 55px; line-height: 55px; color: #999999;clear: both}

.m-right .header-title{ width: 910px; margin: 30px 0 0 30px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .header-title h3{ padding-left: 10px; margin-bottom: 10px; font-size: 20px; border-left: #ff8400 solid 6px;}
.m-right .m-recharge{ width: 910px; margin: 30px 0 0 30px; padding-bottom: 25px; box-shadow: 0 0 15px #f1f1f1; overflow: hidden;}
.m-right .m-recharge .recharge-icon{ float: left; margin: 25px 20px 0 40px;}
.m-right .m-recharge .recharge-num{ float: left; margin: 35px 0 0 0; font-size: 16px; }
.m-right .m-recharge .recharge-num span{ margin-left: 15px; color: #ff0000; font-size: 16px;}
.m-right .m-recharge .record-btn{ margin: 30px 30px 0 0; float: right; width: 120px; height: 30px; border: #dddddd solid 1px; border-radius: 3px; text-align: center; line-height: 30px; }
.m-right .recharge-form{ width: 910px; margin: 30px 0 20px 30px; border: #eaeaea solid 1px;}
.m-right .recharge-form .form{ margin: 30px 0 0 60px;}
.m-right .recharge-form .form .input-line{ margin-bottom: 20px; overflow: hidden;}
.m-right .recharge-form .form .input-line img{ margin: 0 10px;}
.m-right .recharge-form .form .recharge-btn{  margin:20px 0 0 70px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }
.m-right .recharge-form .recharge-tips{ margin-top: 40px; padding: 20px 0 0 40px; background-color: #fffaf5; border-top: #eaeaea solid 1px; overflow: hidden;}
.m-right .recharge-form .recharge-tips h3{ height: 20px; color: #ff0000; background: url(../images/93.png) no-repeat; padding-left: 30px;}
.m-right .recharge-form .recharge-tips p{ margin: 10px 0 20px 0; color: #666; line-height: 30px;}

.m-right .table-gray{ margin: 0 auto; margin-bottom: 20px; border: #eaeaea solid 1px;}
.m-right .table-gray .table-header{ display: flex; justify-content: space-between; height: 45px; background-color: #f9f9f9;}
.m-right .table-gray .table-header span{ padding-left: 20px; font-size: 16px; line-height: 45px; }
.m-right .table-gray .table-header span:nth-of-type(1){ width: 35%; }
.m-right .table-gray .table-header span:nth-of-type(2){ width: 35%; }
.m-right .table-gray .table-header span:nth-of-type(3){ width: 30%; }
.m-right .table-gray .table-line{ display: flex; justify-content: space-between; height: 60px;}
.m-right .table-gray .table-line:nth-of-type(2n+1){ background-color: #f9f9f9;}
.m-right .table-gray .table-line span{ padding-left: 20px;line-height: 60px; }
.m-right .table-gray .table-line span:nth-of-type(1){ width: 35%; }
.m-right .table-gray .table-line span:nth-of-type(2){ width: 35%; }
.m-right .table-gray .table-line span:nth-of-type(3){ width: 30%; }
.m-right .table-gray .table-line .orange{ color: #ff4800;}
.m-right .table-gray .table-line .gray{ color: #999;}
.table-page{ padding: 10px; margin: 20px 0 0 0; text-align: center;}
.table-page a{ display: inline-block; padding: 5px 15px; background-color: #fff;}
.table-page .on{ background-color: #1795fc; color: #fff;}

.m-right .form-information{ width: 910px; margin: 0 auto; margin-bottom: 20px;}
.m-right .form-information .header{ height: 45px; background-color: #f9f9f9; overflow: hidden;}
.m-right .form-information .header h3{ margin: 12px 0 0 20px; font-weight: bold; font-size: 16px; }
.m-right .form-information .form{ margin-top: 20px; overflow: hidden;}
.m-right .form-information .form .input-box{ width: 670px;}
.m-right .form-information .form .input-box .input-line{ margin-bottom: 10px; overflow: hidden;}
.m-right .form-information .form .input-box .input-line .name{ display: block; width: 130px; margin-top: 10px; text-align: right;}
.m-right .form-information .form .input-box .input-line label input{ width: 300px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.m-right .form-information .form .input-box .input-line .btn{ margin-left: 3px; display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; border: #dddddd solid 1px;}
.m-right .form-information .form .input-box .input-line select{ height: 40px;}
.m-right .form-information .form .input-box .input-line textarea{ padding: 10px; border: #eaeaea solid 1px; }
.m-right .form-information .photo-box{ width: 110px; text-align: center; margin: 0 50px 0 0;}
.m-right .form-information .photo-box .photo{ width: 110px; height: 110px; border-radius: 110px;}
.m-right .form-information .photo-box .upload-photo{ color: #2a7efb; text-decoration: underline;}
.m-right .form-information .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }

.m-right .table-sim{ margin: 0 auto; margin-bottom: 20px;}
.m-right .table-sim .table-line{ display: flex; justify-content: space-between; height: 60px;}
.m-right .table-sim .table-line:nth-of-type(2n+1){ background-color: #f9f9f9;}
.m-right .table-sim .table-line span{ padding-left: 20px;line-height: 60px; }
.m-right .table-sim .table-line span:nth-of-type(1){ width: 2%; }
.m-right .table-sim .table-line span:nth-of-type(2){ width: 78%; }
.m-right .table-sim .table-line span:nth-of-type(3){ width: 20%; }
.m-right .table-sim .table-line span img{ float: left; margin: 20px 0 0 0;}
.m-right .table-sim .table-line .orange{ color: #ff4800;}
.m-right .table-sim .table-line .gray{ color: #999;}

.m-right .notice-xx{ width: 850px; padding: 30px; background-color: #f9f9f9; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;  }
.m-right .notice-xx .title{ margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.m-right .notice-xx .time{ color: #999; }
.m-right .notice-xx .wz{ margin-top: 20px; }
.m-right .notice-xx .wz p{ line-height: 30px;}
.m-right .notice-xx .wz img{ max-width: 850px;}

.m-right .order-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; border: #eaeaea solid 1px; }
.m-right .order-box .order-tab{ height: 45px; text-align: center; background-color: #f9f9f9;}
.m-right .order-box .order-tab span{ padding: 0 30px; display: block; float: left; line-height: 45px; font-size: 16px; cursor: pointer; }
.order-tab-on{ color: #2a7efb; background-color: #fff;}
.m-right .order-box .order-tab span i{ display: inline-block; margin-left: 5px; width: 22px; height: 22px; line-height: 22px; border-radius: 22px;font-size: 12px; font-style: normal; color: #fff; background-color: #ff0000;}
.m-right .order-box .order-list .one{ width: 870px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .order-box .order-list .one a{ display: block; overflow: hidden;}
.m-right .order-box .order-list .one a .img{ width: 144px; height: 90px;}
.m-right .order-box .order-list .one a .product{ width:710px; margin-left: 15px; overflow: hidden;}
.m-right .order-box .order-list .one a .product span{ display: block;}
.m-right .order-box .order-list .one a .product .title{ float: left; width: 430px; font-size: 16px; font-weight: bold;}
.m-right .order-box .order-list .one a .product .ordernum{ float: right; margin-right: 40px; color: #999; }
.m-right .order-box .order-list .one a .product .state{ float: right; }
.m-right .order-box .order-list .one a .product .type{ float: left; margin-top: 15px; margin-right:40px; }
.m-right .order-box .order-list .one a .product .time{ float: left; margin-top: 15px; }
.m-right .order-box .order-list .one a .product .num{ float: right; margin-top: 15px; }
.m-right .order-box .order-list .one a .product .price{ float: left;margin-top: 15px; }
.m-right .order-box .order-list .one .total{ float: right; margin-right: 30px; height: 36px; line-height: 36px; color: #ff4800;}
.m-right .order-box .order-list .one .btn{ float: right; width: 80px; height: 36px;display: inline-block; border: #eaeaea solid 1px; text-align: center;}

.m-right .orderxx-box{ width: 910px; margin: 0 auto; margin-top: 20px; border: #eaeaea solid 1px;}
.m-right .orderxx-box .header{ padding-left: 20px; height: 45px; line-height: 45px; background-color: #f9f9f9;}
.m-right .orderxx-box .header span{ margin-right: 30px;}
.m-right .orderxx-box .content{ overflow: hidden;}
.m-right .orderxx-box .content .content-left{ float: left; margin: 20px 0 0 30px;}
.m-right .orderxx-box .content .content-left h2{ font-size: 24px; font-weight: bold; }
.m-right .orderxx-box .content .content-left span{ margin: 20px 0 5px 0; display: block; color: #999; }
.m-right .orderxx-box .content .content-left a{ display: block; width: 100px; height: 32px; text-align: center; line-height: 32px; color: #fff; background-color: #ff8400 }
.m-right .orderxx-box .content .content-right{ float: right; margin: 20px 0 0 300px;}
.m-right .orderxx-box .content .content-right .line{ overflow: hidden; }
.m-right .orderxx-box .content .content-right .line span{ line-height: 36px;}
.m-right .orderxx-box .content .content-right .line span:nth-of-type(1){ float: left; width: 70px; text-align: right; }
.m-right .orderxx-box .content .content-right .line span:nth-of-type(2){ float: left; }
.m-right .orderxx-box .content .content-right .line .price{ font-size: 24px; color: #ff4800;}
.m-right .orderxx-box .content .process{ width: 612px; margin: 0 auto; margin-top: 40px; height: 50px; background: url(../images/97.png) no-repeat center top; overflow: hidden;}
.m-right .orderxx-box .content .process div{ width: 50px; height: 50px; float: left;}
.m-right .orderxx-box .content .process span{ width: 137px; height: 5px; float: left;}
.m-right .orderxx-box .content .process .on{ background: url(../images/96.png) no-repeat;}
.m-right .orderxx-box .content .process .line{ margin: 23px 0 0 0; background-color: #2a7efb;}
.m-right .orderxx-box .content .process-wz { margin-bottom: 30px; overflow: hidden; }
.m-right .orderxx-box .content .process-wz div{ float: left; width: 190px; text-align: center;}
.m-right .orderxx-box .content .process-wz div span{ display: block; font-size: 12px; color: #999;}
.m-right .orderxx-box .content .process-wz div:nth-of-type(1){ margin-left: 76px;}
.m-right .ordersh-box{ width: 910px; margin: 0 auto; margin-bottom:20px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.m-right .ordersh-box .ordersh{ width: 885px; background-color: #f5f5f5; margin: 12px; overflow: hidden;}
.m-right .ordersh-box .ordersh .ordersh-left{ float: left; margin: 10px 0 0 10px;}
.m-right .ordersh-box .ordersh .ordersh-left .line{ overflow: hidden;}
.m-right .ordersh-box .ordersh .ordersh-left .line span{ line-height: 36px; color: #666;}
.m-right .ordersh-box .ordersh .ordersh-left .line span:nth-of-type(1){ float: left; margin-right: 20px; width: 80px; text-align: right; }
.m-right .ordersh-box .ordersh .ordersh-left .line span:nth-of-type(2){ float: left; }

.m-right .ordersh-box .ordersh .ordersh-right{ width: 400px; float: left; margin: 10px 0 0 100px;}
.m-right .ordersh-box .ordersh .ordersh-right h5{ font-weight: bold; margin-top: 8px;}
.m-right .ordersh-box .ordersh .ordersh-right img{ float: left; margin: 5px 20px 0 25px; width: 85px; height: 85px; border-radius: 85px;}
.m-right .ordersh-box .ordersh .ordersh-right .line{ width: 200px; overflow: hidden;}
.m-right .ordersh-box .ordersh .ordersh-right .line span{ line-height: 36px; color: #666;}
.m-right .ordersh-box .ordersh .ordersh-right .line span:nth-of-type(1){ float: left; margin-right: 20px; width: 80px; text-align: right; }
.m-right .ordersh-box .ordersh .ordersh-right .line span:nth-of-type(2){ float: left; }

.m-right .orderxx-list{width: 910px; margin: 0 auto; margin-bottom:20px; border: #eaeaea solid 1px;  overflow: hidden;}
.m-right .orderxx-list .header{ height: 45px; display: flex; justify-content: space-between; background-color: #f9f9f9; }
.m-right .orderxx-list .header span{ line-height: 45px; font-weight: bold; color: #666;}
.m-right .orderxx-list .header span:nth-of-type(1){ flex: 1; padding-left: 20px; }
.m-right .orderxx-list .header span:nth-of-type(2){ width: 15%; }
.m-right .orderxx-list .header span:nth-of-type(3){ width: 10%; }
.m-right .orderxx-list .header span:nth-of-type(4){ width: 10%; }
.m-right .orderxx-list .header span:nth-of-type(5){ width: 10%; }

.m-right .orderxx-list .content{ display: flex; justify-content: space-between; align-items: center; }
.m-right .orderxx-list .content div{ margin: 20px 0; color: #666;}
.m-right .orderxx-list .content .type{ flex: 1; padding-left: 20px; }
.m-right .orderxx-list .content .price{ width: 15%; }
.m-right .orderxx-list .content .num{ width: 10%; }
.m-right .orderxx-list .content .discount{ width: 10%; }
.m-right .orderxx-list .content .total{ width: 10%; color: #ff4800; }
.m-right .orderxx-list .content .type img{ margin: 0 20px 0 0; width: 144px; height: 90px; float: left;}
.m-right .orderxx-list .content .type h3{ font-weight: bold; font-size: 16px;}
.m-right .orderxx-list .content .type span{ display: block; margin-top: 15px;}

.m-right .order-box .order-list .part{ padding-bottom: 20px; overflow: hidden;}
.m-right .order-box .order-list .part>.type{ float: left; width: 165px; font-size: 16px; padding: 20px; margin: 20px 0 0 18px; text-align: center; box-shadow: 0 0 15px #f1f1f1; }
.m-right .order-box .order-list .part>.type:nth-of-type(4n){ margin-right: 0;}
.m-right .order-box .order-list .part>.type>div{ width: 145px; padding: 10px; margin-top: 10px; background-color: #f8f8f8;}
.m-right .order-box .order-list .part>.type>div>span{ display: block; font-size: 14px; line-height: 25px; color: #999;}

.m-right .order-box .order-list .part>.rg-help{ width: 868px; margin: 20px 0 0 20px; line-height: 36px; overflow: hidden;}
.m-right .order-box .order-list .part>.rg-help>a{ display: block; float: right; padding-left: 40px; width: 100px; height: 36px; line-height: 36px; border-radius: 3px; background: url(../images/98.png) no-repeat 15px 9px #2a7efb; color: #fff;}
.m-right .order-box .order-list .part>.type{ float: left; width: 165px; font-size: 16px; padding: 20px; margin: 20px 0 0 18px; text-align: center; box-shadow: 0 0 15px #f1f1f1; }
.m-right .order-box .order-list .part>.type:nth-of-type(4n){ margin-right: 0;}
.m-right .order-box .order-list .part>.gd-type{ width: 868px; margin: 20px 0 0 20px; line-height: 36px;}
.m-right .order-box .order-list .part>.gd-type a{ float: left; margin-right: 28px; margin-bottom: 20px; display: block; width: 270px; height: 170px; text-align: center; box-shadow: 0 0 15px #f1f1f1;}
.m-right .order-box .order-list .part>.gd-type a:nth-of-type(3n){ margin-right: 0;}
.m-right .order-box .order-list .part>.gd-type a img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 15px; }
.m-right .order-box .order-list .part>.gd-type a h3{ margin-bottom: 10px; font-size: 16px; font-weight: bold; }

.timesearch{ width: 870px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
.timesearch .left{ border: #eaeaea solid 1px; background-color: #f9f9f9; }
.timesearch .left a{ display: block; width: 80px; height: 31px; line-height: 31px; float: left; border-right: #eaeaea solid 1px; text-align: center; }
.timesearch .left .on{ background-color: #fff;}
.timesearch .right{ height: 31px; border: #eaeaea solid 1px; }
.timesearch .right input{ padding: 0 10px; width: 200px; height: 31px;}
.timesearch .right a{ display: inline-block; padding: 0 5px; height: 31px; }

.table-gd{ margin: 0 auto; margin-bottom: 20px; border: #eaeaea solid 1px;}
.table-gd .table-header{ display: flex; justify-content: space-between; height: 45px; background-color: #f9f9f9;}
.table-gd .table-header span{ padding-left: 20px; font-size: 14px; line-height: 45px; color: #666; font-weight: bold; }
.table-gd .table-header span:nth-of-type(1){ width: 15%; }
.table-gd .table-header span:nth-of-type(2){ width: 10%; }
.table-gd .table-header span:nth-of-type(3){ width: 35%; }
.table-gd .table-header span:nth-of-type(4){ width: 10%; }
.table-gd .table-header span:nth-of-type(5){ width: 10%; }
.table-gd .table-header span:nth-of-type(6){ width: 20%; }
.table-gd .table-line{ display: flex; justify-content: space-between; height: 60px;}
.table-gd .table-line:nth-of-type(2n){ background-color: #f9f9f9;}
.table-gd .table-line span{ padding-left: 20px;line-height: 60px; }
.table-gd .table-line span:nth-of-type(1){ width: 15%; }
.table-gd .table-line span:nth-of-type(2){ width: 10%; }
.table-gd .table-line span:nth-of-type(3){ width: 35%; }
.table-gd .table-line span:nth-of-type(4){ width: 10%; }
.table-gd .table-line span:nth-of-type(5){ width: 10%; }
.table-gd .table-line span:nth-of-type(6){ width: 20%; }
.table-gd .table-line .orange{ color: #ff4800;}
.table-gd .table-line .gray{ color: #999;}

.gt-list{ padding: 20px 0; width: 870px; margin: 0 auto;}
.gt-list .ask{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: #eaeaea dashed 1px; overflow: hidden; }
.gt-list .ask .ask-left{ float: left; width: 62px; height: 62px; border-radius: 62px; }
.gt-list .ask .ask-middle{ float: left; width: 660px; }
.gt-list .ask .ask-middle p{ margin-bottom: 8px; }
.gt-list .ask .ask-middle p span{ margin: 0 15px; color: #999; }
.gt-list .ask .ask-right{ float: right; font-size: 12px; color: #999; }
.gt-list .ans{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: #eaeaea dashed 1px; overflow: hidden; }
.gt-list .ans .ask-left{ float: left; width: 62px; height: 62px; border-radius: 62px; }
.gt-list .ans .ask-middle{ float: left; width: 660px; }
.gt-list .ans .ask-middle p{ margin-bottom: 8px; }
.gt-list .ans .ask-middle p span{ margin: 0 15px; color: #999; }
.gt-list .ans .ask-right{ float: right; font-size: 12px; color: #999; }

.gt-bar{ width:870px; display: flex; padding: 30px 20px; justify-content: space-between; margin: 0 auto; margin-top: 20px; box-shadow: 0 0 15px #f1f1f1;}
.gt-bar .state span{ margin-left: 20px; color: #2a7efb; }
.gt-bar .num span{ margin-left: 20px; color: #999; }
.gt-bar .name span{ margin-left: 20px; color: #999; }
.gt-bar .tel span{ margin-left: 20px; color: #999; }
.gt-bar .btn a{ color: #fff; display: block; width: 60px; height: 30px; line-height: 30px; background-color: #e63333; text-align: center; border-radius: 3px; }

.m-right .order-box .coupon-list .part{ padding-bottom: 20px; overflow: hidden;}
.m-right .order-box .coupon-list .part .coupon{ float: left; margin: 20px 0 0 20px; width: 200px; height: 300px; overflow: hidden; }
.m-right .order-box .coupon-list .part .notused{ background: url(../images/103.png) no-repeat;}
.m-right .order-box .coupon-list .part .used{ background: url(../images/104.png) no-repeat;}
.m-right .order-box .coupon-list .part .notused .price{ display: block; margin-top: 20px; text-align: center; font-size: 40px; color: #ff5b01; }
.m-right .order-box .coupon-list .part .notused .price i{ font-size: 30px; font-style: normal; }
.m-right .order-box .coupon-list .part .notused .condition{ display: block; margin-top: 10px; text-align: center;color: #ff5b01; }
.m-right .order-box .coupon-list .part .notused .time{ display: block; margin-top: 50px; text-align: center;color: #fff; font-size: 12px; }
.m-right .order-box .coupon-list .part .notused .type{ display: block; margin-top: 15px; text-align: center;color: #fff; font-size: 12px; }
.m-right .order-box .coupon-list .part .notused .num{ display: block; margin-top: 15px; text-align: center;color: #fff; font-size: 12px; }
.m-right .order-box .coupon-list .part .notused .btn{ display: block; width: 120px; line-height: 36px;background-color: #fff; border-radius: 36px; margin: 0 auto; margin-top: 20px; text-align: center;color: #ff5b01; }

.m-right .order-box .coupon-list .part .used .price{ display: block; margin-top: 20px; text-align: center; font-size: 50px; color: #fff; }
.m-right .order-box .coupon-list .part .used .price i{ font-size: 30px; font-style: normal; }
.m-right .order-box .coupon-list .part .used .condition{ display: block; margin-top: 10px; text-align: center;color: #fff; }
.m-right .order-box .coupon-list .part .used .time{ display: block; margin-top: 30px; text-align: center;color: #999999; font-size: 12px; }
.m-right .order-box .coupon-list .part .used .type{ display: block; margin-top: 10px; text-align: center;color: #999999; font-size: 12px; }
.m-right .order-box .coupon-list .part .used .num{ display: block; margin-top: 10px; text-align: center;color: #999999; font-size: 12px; }
.m-right .order-box .coupon-list .part .used .state{ display: block; width: 120px; height: 36px; line-height: 36px; margin: 0 auto; margin-top: 20px; text-align: center; color: #999999; }

.m-right .invoice-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}
.m-right .invoice-box .invoice-list{  }
.m-right .invoice-box .invoice-list .invoice-one{ margin-bottom: 15px; padding: 18px; border: #eaeaea solid 1px; overflow: hidden; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-img{ width: 144px; height: 90px; float: left; margin: 0 15px 0 0; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-middle { width: 520px; float: left;}
.m-right .invoice-box .invoice-list .invoice-one .invoice-middle h5 span{ color: #999; margin-right: 20px; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-middle h3{ font-weight: bold; margin: 15px 0; font-size: 16px; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-right{ float: right; }
.m-right .invoice-box .invoice-list .invoice-one .invoice-right a{ display: inline-block; margin-top: 24px; margin-left: 15px; width: 90px; height: 34px; line-height: 34px; text-align: center; border: #ddd solid 1px; }

.invoice-form{ padding: 20px 0; border: #eaeaea solid 1px;}
.invoice-form .input-line{ margin-bottom: 10px; overflow: hidden;}
.invoice-form .input-line .name{ display: block; width: 180px; margin-top: 10px; text-align: right;}
.invoice-form .input-line label input{ width: 300px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.invoice-form .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }
.invoice-tab span{ display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; border: #ddd solid 1px; cursor: pointer; }
.invoice-tab-on{ background-color: #2a7efb; border: #2a7efb solid 1px; color: #fff;}
.invoice-content-tab span{ display: inline-block; width: 150px; height: 40px; line-height: 40px; text-align: center; border: #ddd solid 1px; cursor: pointer; }

.ny-sbzc-sm-title{ width: 500px; margin: 0 auto; margin-top: -20px; border: #ddd solid 1px; border-radius: 30px; overflow: hidden; }
.ny-sbzc-sm-title span{ display: inline-block; padding: 3px 20px;}
.ny-sbzc-sm-title span i{ margin-right: 10px; color: #ffa200;}
.ny-sbzc-hot{ float: left;  margin: 30px 27px 40px 0; width: 380px; border: #eeeeee solid 1px; }
.ny-sbzc-hot .header{ height: 90px; padding: 15px 20px; border-bottom: #eeeeee solid 1px;}
.ny-sbzc-hot .header h3{ margin-bottom: 10px; font-size: 24px; color: #2a7efb; }
.ny-sbzc-hot .header p{ font-size: 14px; color: #999; }
.ny-sbzc-hot .middle{ height: 80px; padding: 20px; }
.ny-sbzc-hot .middle span{ display: block; margin-bottom: 15px; color: #666;}
.ny-sbzc-hot .middle span i{ color: #ffa200; margin-right: 5px; }
.ny-sbzc-hot>h3{ margin: 20px 0 0 20px; color: #ff4800; font-size: 30px; }
.ny-sbzc-hot>h3 i:nth-of-type(1){ font-size: 14px; font-weight: bold; font-style: normal;}
.ny-sbzc-hot>h3 i:nth-of-type(2){ font-size: 14px; color: #333; font-style: normal;}
.ny-sbzc-hot .bottom{ margin-top: 20px; display: flex; justify-content: space-between; height: 50px;}
.ny-sbzc-hot .bottom a{ flex: 1; line-height: 50px; text-align: center; color: #fff; font-size: 16px; }

.ny-sbzc-why{ float: left; margin: 10px 1px 30px 0; width: 239px; height: 320px; background-color: #fff;}
.ny-sbzc-why img{ display: block; margin: 35px 0 0 35px;}
.ny-sbzc-why h3{ font-size: 16px; font-weight: bold; text-align: center;}
.ny-sbzc-why p{ padding: 20px; color: #999; line-height: 30px; }

.ny-sbzc-gcys{ height: 570px; position: relative; background: url(../images/117.png) no-repeat center;}
.ny-sbzc-gcys .one{ width: 330px; height: 75px; padding: 30px; border-radius: 6px; background-color: #fff; box-shadow: 0 0 5px #ddd; }
.ny-sbzc-gcys .one img{ float: left; margin-right: 20px; }
.ny-sbzc-gcys .one h3{ font-size: 24px; margin-bottom: 15px; }
.ny-sbzc-gcys .one p{ font-size: 16px; color: #999; }
.ny-sbzc-gcys .one:nth-of-type(1){ position: absolute; left: 50px; }
.ny-sbzc-gcys .one:nth-of-type(2){ position: absolute; left: 740px; }
.ny-sbzc-gcys .one:nth-of-type(3){ position: absolute; top:190px; }
.ny-sbzc-gcys .one:nth-of-type(4){ position: absolute; top:190px; left: 780px; }
.ny-sbzc-gcys .one:nth-of-type(5){ position: absolute; left: 50px; top:380px; }
.ny-sbzc-gcys .one:nth-of-type(6){ position: absolute; top:380px; left: 740px; }

.ny-sbzc-zbcl{ margin-bottom: 50px; }
.ny-sbzc-zbcl .one{ padding: 20px; border: #eaeaea solid 1px; overflow: hidden;}
.ny-sbzc-zbcl .one>img{ float: left; margin-right: 30px; }
.ny-sbzc-zbcl .one>div{ float: left; }
.ny-sbzc-zbcl .one>div img{ display: block; margin: 0 auto;}
.ny-sbzc-zbcl .one>div p{ text-align: center; }

.ny-sbzc-ddcl{ display: flex; justify-content: space-between; overflow: hidden;}
.ny-sbzc-ddcl .one{ width: 288px; height: 344px; margin: 40px 0 0 0;}
.ny-sbzc-ddcl .one:nth-of-type(1){ background: url(../images/129.png) no-repeat;}
.ny-sbzc-ddcl .one:nth-of-type(2){ background: url(../images/130.png) no-repeat;}
.ny-sbzc-ddcl .one:nth-of-type(3){ background: url(../images/131.png) no-repeat;}
.ny-sbzc-ddcl .one span{ display: block; margin: 230px 0 0 80px; width: 130px; height: 50px; line-height: 50px; background-color: #2a7efb; color: #fff; font-size: 18px; font-weight: bold; border-radius: 50px; text-align: center;}
.ny-sbzc-ddcl .one p{ text-align: center; color: #666; line-height: 36px; }

.ny-sbzc-fwys{ display: flex; justify-content: space-between; margin: 20px 0 40px 0; overflow: hidden; }
.ny-sbzc-fwys .one{ text-align: center; font-size: 16px; line-height: 24px; }
.ny-sbzc-fwys .one img{ display: block; margin-bottom: 15px; }

.ny-it-sz .tab{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-it-sz .tab div{ flex: 1; text-align: center; font-size: 18px; }
.ny-it-sz .tab div span{ display: block; height: 40px; padding-top: 80px; font-size: 18px; cursor: pointer; }
.ny-it-sz .tab div:nth-of-type(1) span{ background: url(../images/141.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(2) span{ background: url(../images/143.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(3) span{ background: url(../images/145.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(4) span{ background: url(../images/147.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(5) span{ background: url(../images/149.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(6) span{ background: url(../images/151.png) no-repeat center top;}
.ny-it-sz .tab div:nth-of-type(1) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/140.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(2) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/142.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(3) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/144.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(4) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/146.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(5) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/148.png) no-repeat center top !important;}
.ny-it-sz .tab div:nth-of-type(6) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/150.png) no-repeat center top !important;}
.ny-it-sz .content .one{ width: 1200px; height: 500px; margin: 0 auto;}
.ny-it-sz .content .one .left{ float: left; width: 500px; margin-top: 100px;}
.ny-it-sz .content .one .left h3{ font-size: 32px; margin-bottom: 40px; }
.ny-it-sz .content .one .left p{ font-size: 16px; line-height: 30px; color: #666; }
.ny-it-sz .content .one .left div{ margin-top: 50px; overflow: hidden;}
.ny-it-sz .content .one .left div a{ display: block; float: left; width: 110px; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; border-radius: 40px;}
.ny-it-sz .content .one .left div a:nth-of-type(1){ background-color: #2a7efb; color: #fff;}
.ny-it-sz .content .one .left div a:nth-of-type(2){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-sz .content .one .left div a:nth-of-type(3){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-sz .content .one .right{ float: right; margin-top: 40px; }

.ny-it-crm{ height: 680px; position: relative; background: url(../images/158.png) no-repeat center 100px;}
.ny-it-crm .one{ position: absolute; overflow: hidden;}
.ny-it-crm .one img{ float: left; margin-bottom: 50px; margin-right: 15px;}
.ny-it-crm .one h3{ margin-bottom: 10px; font-size: 20px; color: #fff;}
.ny-it-crm .one p{ font-size: 14px; color: #aaaaaa;}
.ny-it-crm .one:nth-of-type(1){ position: absolute; width: 300px; top: 50px;}
.ny-it-crm .one:nth-of-type(2){ position: absolute; width: 300px; top: 50px; left: 900px;}
.ny-it-crm .one:nth-of-type(3){ position: absolute; width: 300px; top: 250px;}
.ny-it-crm .one:nth-of-type(4){ position: absolute; width: 300px; top: 250px; left: 900px;}
.ny-it-crm .one:nth-of-type(5){ position: absolute; width: 730px; top: 450px;}
.ny-it-crm .one:nth-of-type(6){ position: absolute; width: 300px; top: 450px; left: 900px;}
.ny-it-crm .btn{ position: absolute; top: 580px; left: 520px; width: 170px; text-align: center; height: 50px; line-height: 50px; font-size: 16px; border-radius: 50px; color: #fff; background-color: #ffa200; }

.ny-it-xt .tab{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-it-xt .tab div{ flex: 1; text-align: center; font-size: 18px; }
.ny-it-xt .tab div span{ display: block; height: 40px; padding-top: 80px; font-size: 18px; cursor: pointer; }
.ny-it-xt .tab div:nth-of-type(1) span{ background: url(../images/166.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(2) span{ background: url(../images/168.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(3) span{ background: url(../images/170.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(4) span{ background: url(../images/172.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(5) span{ background: url(../images/174.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(6) span{ background: url(../images/176.png) no-repeat center top;}
.ny-it-xt .tab div:nth-of-type(1) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/165.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(2) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/167.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(3) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/169.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(4) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/171.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(5) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/173.png) no-repeat center top !important;}
.ny-it-xt .tab div:nth-of-type(6) .it-on{ border-bottom: #2a7efb solid 4px; background: url(../images/175.png) no-repeat center top !important;}
.ny-it-xt .content .one{ width: 1200px; height: 350px; margin: 0 auto;}
.ny-it-xt .content .one .left{ float: left; width: 600px; margin-top: 50px; margin-left: 20px;}
.ny-it-xt .content .one .left h4{ width: 220px; height: 60px; line-height: 60px; border-radius: 60px; font-size: 32px; margin-bottom: 40px; color: #2a7efb; text-align: center; background-color: #fff; }
.ny-it-xt .content .one .left ul li{ font-size: 16px; line-height: 40px; color: #fff; list-style-type: circle; }
.ny-it-xt .content .one .left div{ margin-top: 50px; overflow: hidden;}
.ny-it-xt .content .one .left div a{ display: block; float: left; width: 110px; height: 40px; margin-right: 20px; line-height: 40px; text-align: center; border-radius: 40px;}
.ny-it-xt .content .one .left div a:nth-of-type(1){ background-color: #2a7efb; color: #fff;}
.ny-it-xt .content .one .left div a:nth-of-type(2){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-xt .content .one .left div a:nth-of-type(3){ border: #2a7efb solid 1px; color: #2a7efb;}
.ny-it-xt .content .one .right{ float: right; margin-top: 40px; }

.ny-it-tc{ display: flex; justify-content: space-between; }
.ny-it-tc .one{ margin-bottom: 20px; width: 380px; box-shadow: 0 0 10px #eaeaea;}
.ny-it-tc .one .top{ height: 90px; background: linear-gradient(90deg,#658ffe,#4eaeff); border-top-left-radius: 6px;  border-top-right-radius: 6px; }
.ny-it-tc .one .top h3{ font-size: 30px; color: #fff; text-align: center; line-height: 90px;}
.ny-it-tc .one .middle .price{ margin: 30px 0 10px 0; text-align: center; }
.ny-it-tc .one .middle .price i{ font-style: normal; color: #ff4800;}
.ny-it-tc .one .middle .price strong{ font-size: 36px; color: #ff4800;}
.ny-it-tc .one .middle .btn{ display: block; margin: 0 auto; width: 160px; height: 44px; font-size: 16px; color: #2a7efb; line-height: 44px; text-align: center; border: #2a7efb solid 1px; border-radius: 22px;}
.ny-it-tc .one .middle .list{ min-height: 170px; margin-top: 15px; padding: 0 20px;}
.ny-it-tc .one .middle .list h5{ color: #666; font-size: 16px; font-weight: bold; }
.ny-it-tc .one .middle .list span{ display: block; margin-top: 10px; color: #666; }
.ny-it-tc .one .middle .list span i{ margin-right: 10px; color: #ffa200; }
.ny-it-tc .one .middle .list span em{ margin-left: 10px; font-style: normal; color: #ff4800; }
.ny-it-tc .one .bottom{ padding: 20px 0; text-align: center;}
.ny-it-tc .one .bottom a{ margin: 30px 0; width: 150px; text-align: center; color: #999;}

.ny-gszc-zbcl{ margin-top: 30px; margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center; }
.ny-gszc-zbcl div{ font-size: 16px; text-align: center;}
.ny-gszc-zbcl div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-gszc-lc .new-lc{ margin-top: 10px; padding-bottom: 30px; height: 550px; background: url(../images/192.png) no-repeat; overflow: hidden;}
.ny-gszc-lc .new-lc h3{ font-size: 24px; text-align: center; margin-top: 30px;}
.ny-gszc-lc .new-lc h3 strong{ color: #ff0054;}
.ny-gszc-lc .new-lc .new-lc-top{ width: 1100px; height: 310px; margin: 0 auto; position: relative;}
.ny-gszc-lc .new-lc .new-lc-top div{ position: absolute; color: #fff; font-size: 24px; overflow: hidden; }
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(1){ top: 60px; left: 15px;}
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(2){ top: 60px; left: 410px;}
.ny-gszc-lc .new-lc .new-lc-top div:nth-of-type(3){ top: 60px; left: 810px;}
.ny-gszc-lc .new-lc .new-lc-top div strong{ float: right; font-size: 18px; margin: 45px 0 0 80px;}
.ny-gszc-lc .new-lc .new-lc-bottom{ width: 1060px; margin: 0 auto; display: flex; justify-content: space-between;}
.ny-gszc-lc .new-lc .new-lc-bottom div{ width: 160px; padding: 20px; text-align: center; }
.ny-gszc-lc .new-lc .new-lc-bottom div h5{ margin-bottom: 10px; font-size: 16px; }
.ny-gszc-lc .new-lc .new-lc-bottom div p{ color: #666;}
.ny-gszc-hdzl{ padding: 30px; margin-bottom: 40px; margin-top: 20px; box-shadow: 0 0 10px #eaeaea; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-hdzl div{ text-align: center; font-size: 16px; }
.ny-gszc-hdzl div img{ display: block; margin-bottom: 15px; }
.ny-gszc-fw .top{ margin-top: 20px; height: 420px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .top>div{ width: 370px; overflow: hidden ; }
.ny-gszc-fw .top>div h3{ margin-top: 30px; margin-bottom: 15px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-gszc-fw .top>div p{ height: 230px; color: #666; text-align: center; }
.ny-gszc-fw .top>div span{ display: block; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .top>div span i{ display: inline-block; width: 200px; font-style: normal; text-align: center;}
.ny-gszc-fw .top>div a{ display: block; margin: 0 auto; margin-top: 15px; width: 150px; height: 40px; line-height: 40px; background-color: #ff4800; color: #fff; border-radius: 40px; text-align: center; }
.ny-gszc-fw .bottom{ margin-top: 70px; height: 370px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .bottom>div{ width: 280px; overflow: hidden ; }
.ny-gszc-fw .bottom>div h3{ margin-top: 30px; margin-bottom: 15px; font-size: 20px; font-weight: bold; text-align: center; }
.ny-gszc-fw .bottom>div p{ height: 210px; color: #666; text-align: center; }
.ny-gszc-fw .bottom>div span{ display: block; display: flex; justify-content: space-between; overflow: hidden;}
.ny-gszc-fw .bottom>div span i{ display: inline-block; width: 200px; font-style: normal; text-align: center;}

.ny-gszc-btns{ width: 1000px; text-align: center; height: 74px; margin: 0 auto; margin-top: 30px; overflow: hidden;}
.ny-gszc-btns a{ display: inline-block; margin: 0 20px; padding-left: 70px; width: 200px; height: 74px; line-height: 74px; border-radius: 74px; font-size: 24px; color: #fff;}
.ny-gszc-btns a:nth-of-type(1){ background: url(../images/199.png) no-repeat 60px 15px #29bae9;}
.ny-gszc-btns a:nth-of-type(2){ background: url(../images/200.png) no-repeat 60px 15px #ed842f;}
.ny-gszc-btns a:nth-of-type(3){ background: url(../images/201.png) no-repeat 60px 15px #1fd198;}

.ny-gszc-wt{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ny-gszc-wt .part{ width: 525px; height: 110px; margin-bottom: 30px; padding: 30px; box-shadow: 0 0 10px #eaeaea; }
.ny-gszc-wt .part .title{ margin-bottom: 20px; overflow: hidden; }
.ny-gszc-wt .part .title span{ float: left; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #ffa200; text-align: center; }
.ny-gszc-wt .part .title h3{ float: left; font-size: 16px; font-weight: bold; margin: 5px 0 0 10px; }
.ny-gszc-wt .part .content{ overflow: hidden;}
.ny-gszc-wt .part .content span{ float: left; display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; color: #fff; background-color: #2a7efb; text-align: center; }
.ny-gszc-wt .part .content p{ width: 480px; float: left; margin: 5px 0 0 10px; line-height: 24px; }
.ny-gszc-wt-btn{ display: block; margin: 0 auto; margin-bottom: 30px; width: 195px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #ffa200; }

.ny-gszc-other{ margin-bottom: 30px; display: flex; justify-content: space-between; }
.ny-gszc-other a{ display: block; width: 180px; height: 175px; box-shadow: 0 0 10px #eaeaea; text-align: center; font-size: 16px; }
.ny-gszc-other a img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }

.cylb{ background: url(../images/208.png) no-repeat center; height: 181px;}
.cylb .left{ margin: 60px 0 0 350px;}
.cylb .left h3{ margin-bottom: 15px; font-size: 36px; color: #fff961; font-weight: bold; text-shadow: 0 5px 5px #d28500;}
.cylb .left span{ font-size: 18px; color: #fff; }
.cylb .right{ margin: 80px 0 0 0;}
.cylb .right a{ display: block; width: 160px; height: 50px; line-height: 50px; font-size: 18px; border-radius: 50px; color: #ff8a00; text-align: center; background-color: #fff;}

.ny-dljz-fw{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.ny-dljz-fw .part{ width: 350px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px; overflow: hidden;}
.ny-dljz-fw .part .top{ height: 210px; overflow: hidden; }
.ny-dljz-fw .part:nth-of-type(1) .top{ background-color: #4765ff;}
.ny-dljz-fw .part:nth-of-type(2) .top{ background-color: #ff9630;}
.ny-dljz-fw .part:nth-of-type(3) .top{ background-color: #ee6660;}
.ny-dljz-fw .part:nth-of-type(1) .top span{ color: #99aafe;}
.ny-dljz-fw .part:nth-of-type(2) .top span{ color: #fedab6;}
.ny-dljz-fw .part:nth-of-type(3) .top span{ color: #fec4c1;}
.ny-dljz-fw .part .top img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }
.ny-dljz-fw .part .top h3{ font-size: 22px; text-align: center; color: #fff; }
.ny-dljz-fw .part .top span{ display: block; text-align: center; margin-top: 10px; }
.ny-dljz-fw .part .bottom{ height: 70px;  }
.ny-dljz-fw .part .bottom a{ display: block; margin: 0 auto; margin-top: 20px; width: 200px; height: 45px; line-height: 45px; text-align: center; border-radius: 45px; }
.ny-dljz-fw .part:nth-of-type(1) .bottom a{ color: #4765ff; border: #4765ff solid 1px;}
.ny-dljz-fw .part:nth-of-type(2) .bottom a{ color: #ff9630; border: #ff9630 solid 1px;}
.ny-dljz-fw .part:nth-of-type(3) .bottom a{ color: #ee6660; border: #ee6660 solid 1px;}

.ny-dljz-zbcl{ margin-top: 30px; display: flex; justify-content: center; flex-wrap: wrap; }
.ny-dljz-zbcl>div{ margin-bottom: 60px; width: 211px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.ny-dljz-zbcl>span{ display: block; margin: 60px 40px;}

.ny-dljz-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-dljz-lc>div{ margin-bottom: 60px; width: 120px; font-size: 16px; text-align: center; line-height: 30px; }
.ny-dljz-lc>span{ display: block; margin: 60px 40px; font-size: 18px; }

.ny-dljz-tc{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.ny-dljz-tc .part{ margin-bottom: 30px; width: 585px; height: 245px; background-color: #fff; border-radius: 10px; display: flex; justify-content: space-between; overflow: hidden;}
.ny-dljz-tc .part .left{ width: 430px;}
.ny-dljz-tc .part .left h3{ font-size: 24px; font-weight: bold; margin: 30px 0 20px 30px;}
.ny-dljz-tc .part .left div{ overflow: hidden; }
.ny-dljz-tc .part .left div span{ float: left; margin-left: 30px; font-size: 16px; margin-bottom: 15px; }
.ny-dljz-tc .part .right{ width: 135px; }
.ny-dljz-tc .part .right h3{ margin-top: 85px; font-size: 24px; color: #fff; text-align: center; }
.ny-dljz-tc .part .right div{ font-size: 30px; color: #fff; text-align: center; }
.ny-dljz-tc .part .right div i{ font-size: 14px; font-weight: bold; font-style: normal;}

.ny-dljz-tc-btn{ display: block; margin: 0 auto; margin-bottom: 30px; width: 195px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; color: #fff; text-align: center; background-color: #ffa200; }

.ny-gssj-fw{ margin-bottom: 30px; display: flex; justify-content: space-between;}
.ny-gssj-fw .part{ width: 270px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px;}
.ny-gssj-fw .part img{ display: block; margin: 0 auto; margin-top: 30px; margin-bottom: 20px;}
.ny-gssj-fw .part h3{ font-size: 22px; text-align: center; }
.ny-gssj-fw .part p{ color: #999; padding: 20px; line-height: 24px; }

.ny-gssj-zbcl{ margin-top: 30px; display: flex; justify-content:space-between; flex-wrap: wrap; }
.ny-gssj-zbcl>div{ margin-bottom: 40px; width: 211px; color: #fff; font-size: 16px; text-align: center; line-height: 30px; }
.ny-gssj-zbcl>div>h5{ margin: 5px 0 10px 0; color: #fff; font-size: 16px; }
.ny-gssj-zbcl>div>p{ color: #8ebbff; }

.ny-gssj-zj{ display: flex; justify-content: space-between; }
.ny-gssj-zj .part{ width: 350px; margin: 30px 0 70px 0; border-radius: 10px; background-color: #fff; overflow: hidden;}
.ny-gssj-zj .part img{ width: 350px; height: 240px;}
.ny-gssj-zj .part>div{ padding: 20px 30px; height: 150px;}
.ny-gssj-zj .part>div h3{ display: inline-block; margin-right: 10px; font-size: 18px; font-weight: bold; }
.ny-gssj-zj .part>div span{ display: inline-block; width: 60%;}
.ny-gssj-zj .part>div p{ margin-top: 15px; color: #999; line-height: 24px; }

.ny-ssch-fw{ margin-bottom: 50px; display: flex; justify-content: space-between;}
.ny-ssch-fw .part{ width: 270px; height: 270px; box-shadow: 0 0 10px #eaeaea; border-radius: 10px;}
.ny-ssch-fw .part:nth-of-type(1){ background: url(../images/253.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(2){ background: url(../images/254.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(3){ background: url(../images/255.png) no-repeat;}
.ny-ssch-fw .part:nth-of-type(4){ background: url(../images/256.png) no-repeat;}
.ny-ssch-fw .part h3{ margin-top: 35px; font-size: 22px; text-align: center; color: #fff; }
.ny-ssch-fw .part p{ margin-top: 70px; color: #999; padding: 20px; line-height: 24px; }

.ny-ssch-fa{ margin-bottom: 50px; margin-top: 30px; display: flex; justify-content: space-between; }
.ny-ssch-fa .part{ width: 580px; }
.ny-ssch-fa .part .top{ height: 160px; overflow: hidden; }
.ny-ssch-fa .part .top img{ float: left; margin: 30px 30px 30px 40px; }
.ny-ssch-fa .part .top h3{ float: left; margin-top: 25px; font-size: 30px; color: #fff; }
.ny-ssch-fa .part .top p{ float: left; width: 370px; margin-top: 10px; color: #fff; }
.ny-ssch-fa .part .bottom{ padding: 40px 32px; background-color: #fff; overflow: hidden; }
.ny-ssch-fa .part .bottom span{ display: block; float: left; width: 155px; height: 40px; text-align: center; line-height: 40px; margin-right: 20px; margin-bottom: 15px; border: #ddd solid 1px; }
.ny-ssch-fa .part .bottom span:nth-of-type(3n){ margin-right: 0 ;}

.ny-ssch-lc{ margin-top: 30px; display: flex; justify-content: center; }
.ny-ssch-lc>span{ display: block; margin: 60px 40px; font-size: 18px; }
.ny-ssch-lc>div{ margin-bottom: 40px; width: 180px; font-size: 18px; text-align: center; line-height: 30px; }
.ny-ssch-lc>div img{ display: block; margin: 0 auto; margin-bottom: 10px;}
.ny-ssch-lc>div p{ display: block; margin: 10px 0 0 0; text-align: center; color: #999; }


.anli{ margin: 25px 0 30px 0; width: 1200px;}
.anli .header{ display: flex; justify-content: space-between;}
.anli .header h3{ padding-bottom: 10px; font-size: 30px; border-bottom: #2a7efb solid 1px; }
.anli .header div{ flex: 1; border-bottom: #dddddd solid 1px;}
.anli-part a{ display: block; float: left; margin-right: 20px; margin-top: 30px;}
.anli-part a:nth-of-type(5n){ margin-right: 0;}
.anli-part a h5{ padding: 0 20px; height: 40px; line-height: 40px; text-align: center;}
.anli-part a img{ width: 222px; height: 76px; border: #eeeeee solid 1px;}
.anli-part a:hover img{ box-shadow: 0 0 10px #eaeaea; border: #fff solid 1px;}

/*----------------------------------------------------*/
.order-shxx{ width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 20px; display: flex; justify-content: space-between; border: #eaeaea solid 1px;}
.order-shxx .left{ margin: 20px 0 0 40px;}
.order-shxx .left h2{ margin-bottom: 20px; font-size: 18px; font-weight: bold; }
.order-shxx .left span{ display: block; margin-bottom: 15px; color: #666;}
.order-shxx .right{ margin: 80px 40px 0 0; }
.order-shxx .right a{ display: block; width: 72px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; border: #ccc solid 1px;}
.order-shxx .right a:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}
.order-spxx{ width: 1192px; margin: 0 auto; padding-bottom: 30px; border: #eaeaea solid 5px; }
.order-spxx h2{ margin: 20px 0 20px 40px; font-size: 18px; font-weight: bold; }
.order-spxx .part{ margin: 0 40px; overflow: hidden;}
.order-spxx .part img{ width: 144px; height: 90px; float: left; margin: 0 20px 0 0; }
.order-spxx .part .name{ float: left; width: 700px;}
.order-spxx .part .name h3{ font-size: 16px; font-weight: bold; }
.order-spxx .part .name span{ display: inline-block; color: #666; margin-right: 30px; margin-top: 15px; }
.order-spxx .part .name .dprice{ display: block;}
.order-spxx .part .number{ float: left; width: 100px; margin: 35px 0 0 0; }
.order-spxx .part .price{ float: right; width: 100px; margin: 35px 0 0 0; text-align: right; color: #ff4800;}
.order-yhq{ width: 1200px; height: 80px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; border: #eaeaea solid 1px; overflow: hidden; }
.order-yhq h2{ margin: 0 40px; font-size: 18px; font-weight: bold; }
.order-yhq .part{ display: flex; align-items: center; overflow: hidden; }
.order-yhq .part span{ margin-right: 50px;}
.order-yhq .part a{ margin-right: 40px; display: block; width: 72px; height: 32px; line-height: 32px; border-radius: 3px; text-align: center; border: #ccc solid 1px;}
.order-yhq .part a:hover{ background-color: #2a7efb; color: #fff; border: #2a7efb solid 1px;}
.order-js{ width: 1120px; margin: 0 auto; margin-bottom: 30px; border-left: #eaeaea solid 1px; border-right: #eaeaea solid 1px; border-bottom: #eaeaea solid 1px; }
.order-js{ padding: 20px 40px; overflow: hidden; }
.order-js>div{ text-align: right;}
.order-js>div>span{ display: inline-block; width: 120px; margin-bottom: 15px;}
.font24{ font-size: 24px; color: #ff4800;}
.order-js>a{ float: right; display: block; width: 190px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #ff4800; color: #fff; }

.order-tjcg{width: 1200px; margin: 0 auto; margin-top: 30px; padding-bottom: 30px; border: #eaeaea solid 1px;}
.order-tjcg .header{ margin: 40px; padding-bottom: 30px; border-bottom: #eaeaea solid 1px; overflow: hidden; }
.order-tjcg .header>i{ margin: 0 30px 0 0; float: left; font-size: 85px; color: #31c91d;}
.order-tjcg .header .st{ float: left;}
.order-tjcg .header .st h1{ font-size: 30px; }
.order-tjcg .header .st span{ display: block; margin-top: 20px; color: #666;}
.order-tjcg .header .st span i{ color: #ff4800; font-style: normal;}
.order-tjcg .header .price{ float: right;}
.order-tjcg .header .price span{ color: #ff4800; font-size: 24px; }
.order-tjcg .content{ padding-left: 145px;}
.order-tjcg .content>div{ margin-bottom: 10px;}
.order-tjcg .content>div>span{ display: inline-block; min-width: 100px;}

.order-zffs{margin: 0 auto; margin-top: 20px;max-width: 1200px; margin-bottom: 30px; padding-bottom: 30px; border: #eaeaea solid 1px; overflow: hidden;}
.order-zffs>a{ float: right; margin-right: 40px; display: block; width: 190px; height: 40px; line-height: 40px; border-radius: 3px; text-align: center; background-color: #ff4800; color: #fff; }
.order-zffs h2{ margin: 20px 0 0 40px; font-size: 18px; font-weight: bold;}
.order-zffs .order-zffs-img{ margin: 20px 0 20px 40px;overflow: hidden;}
.order-zffs .order-zffs-img span{ float: left; margin-right: 30px;  cursor: pointer; }
.order-zffs .order-zffs-img span img{ display: block; width: 150px; height: 60px;}
.zffs-selected{ border: #2a7efb solid 1px;}

/*确认订单*/
.change-address{ position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 299;}
.change-address .change-address-box{ width: 700px; overflow: hidden;}
.change-address .change-address-box .header{ height: 50px; background-color: #f5f5f5; overflow: hidden;}
.change-address .change-address-box .header h3{ float: left; margin: 13px 0 0 20px; font-size: 16px; }
.change-address .change-address-box .header i{ float: right; margin: 14px 15px 0 0; font-size: 20px; cursor: pointer; color: #999; }
.change-address .change-address-box .header i:hover{ color: #d22828;}
.change-address .change-address-box .content{ padding: 30px 0; background-color: #fff;}
.change-address .content .form{ overflow: hidden;}
.change-address .content .form .input-box{ }
.change-address .content .form .input-box .input-line{ margin-bottom: 10px; overflow: hidden;}
.change-address .content .form .input-box .input-line .name{ display: block; width: 130px; margin-top: 10px; text-align: right;}
.change-address .content .form .input-box .input-line label input{ width: 500px; padding-left: 10px; height: 40px; border: #dddddd solid 1px; line-height: 40px;}
.change-address .content .form .input-box .input-line .btn{ margin-left: 3px; display: block; width: 70px; height: 40px; line-height: 40px; text-align: center; border: #dddddd solid 1px;}
.change-address .content .form .input-box .input-line select{ height: 40px;}
.change-address .content .form .input-box .input-line textarea{ padding: 10px; border: #eaeaea solid 1px; }
.change-address .content .sub-btn{ margin:10px 0 20px 130px; display: block; width: 100px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #ff8400; }

.use-coupon{ position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 299;}
.use-coupon .use-coupon-box{ width: 700px; overflow: hidden;}
.use-coupon .use-coupon-box .header{ height: 50px; background-color: #f5f5f5; overflow: hidden;}
.use-coupon .use-coupon-box .header h3{ float: left; margin: 13px 0 0 20px; font-size: 16px; }
.use-coupon .use-coupon-box .header i{ float: right; margin: 14px 15px 0 0; font-size: 20px; cursor: pointer; color: #999; }
.use-coupon .use-coupon-box .header i:hover{ color: #d22828;}
.use-coupon .use-coupon-box .content{ height: 400px; padding: 30px 0; background-color: #fff; overflow-y: auto;}
.use-coupon .use-coupon-box .content .coupon-list{ width: 620px; margin: 0 auto;}
.use-coupon .use-coupon-box .content .coupon-list a{ display: block; margin-bottom: 10px; cursor: pointer; overflow: hidden;}
.use-coupon .use-coupon-box .content .coupon-list a .left{ width: 180px; height: 100px; float: left; background-color: #ff5b01; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.use-coupon .use-coupon-box .content .coupon-list a .left h3{padding-top: 10px;font-size: 40px; color: #fff; text-align: center; }
.use-coupon .use-coupon-box .content .coupon-list a .left h3 i{ font-size: 30px; color: #fff; font-style: normal; }
.use-coupon .use-coupon-box .content .coupon-list a .left span{ display: block; font-size: 14px; color: #fff; text-align: center; }
.use-coupon .use-coupon-box .content .coupon-list a .right{ float: right; padding: 10px 30px; width: 375px; height: 80px; background-color: #ffecd4; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.use-coupon .use-coupon-box .content .coupon-list a .right span{ display: block; margin-bottom: 10px;}
.use-coupon .use-coupon-box .content .coupon-list .used{ filter: opacity(.5) grayscale(1); }
.coupon-list .active{border: 2px solid #ff5b01;border-radius: 15px}
#open-address,#open-coupon{ cursor: pointer; }


.m-right .favorites-box{ width: 910px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
.m-right .favorites-box .favorites-list .one{ width:910px; margin: 0 auto; margin-top: 20px; margin-bottom: 10px; padding-bottom: 20px; border-bottom: #eaeaea solid 1px; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a{ display: block; float: left; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a .img{ float: left; width: 144px; height: 90px;}
.m-right .favorites-box .favorites-list .one a .product{ float: left; width:640px; margin-left: 15px; overflow: hidden;}
.m-right .favorites-box .favorites-list .one a .product .title{ width: 430px; margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.m-right .favorites-box .favorites-list .one a .product .type{ margin-right:40px; }
.m-right .favorites-box .favorites-list .one a .product .time{  }
.m-right .favorites-box .favorites-list .one a .product .price{ display: block; margin-top: 15px; }
.m-right .favorites-box .favorites-list .one .btn{ float: right; margin-top: 20px; width: 80px; height: 36px; line-height: 36px; display: block; border: #eaeaea solid 1px; text-align: center;}


.order-box{padding: 20px;background: #fff}
.order-box .tab-title{border-left: 3px solid #0179ff;padding-left: 15px}
.order-box .tab-info{padding: 20px}
.order-box .tab-info p{margin-bottom: 15px}
.order-box .tab-info p span:first-child{width: 100px;display: inline-block;text-align: right;margin-right: 10px}
.order-box .table{width: 800px;border: 1px solid #f0f4f7;border-spacing: 0;margin-bottom: 20px}
.order-box .table th{text-align: left;background: #f0f4f7;font-weight: normal;padding: 5px 9px}
.order-box .table td{text-align: left;font-weight: normal;padding: 8px 9px;border-top: 1px solid #f0f4f7;}
.order-box .info-tab .confirm-pay{background: #ffa200;color: #fff;padding: 7px 12px;display: inline-block;margin-bottom: 25px;margin-left: 740px}
.order-box .trademark-img{width: 130px;height: auto;margin-right: 10px;border: 1px solid #eee;cursor: pointer}
.flow{margin-bottom:30px;height:40px}
.flow .item{float:left;width:205px;height:40px;line-height:40px;font-size:18px;color:#fff;background:#72b2ff;text-align:center;position:relative}
.flow .item.on{background:#ff8e66}
.flow .item.on + .last:before{border-left-color:#ff8e66}
.flow .tri-item{float:left;width:30px;height:40px;position:relative}
.flow .tri-item:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:20px solid transparent;border-left:20px solid #ff8e66;border-bottom:20px solid transparent;background:transparent}
.flow .tri-item:after{content:" ";position:absolute;right:0;top:0;width:0;height:0;border-top:20px solid #ff8e66;border-left:20px solid transparent;border-bottom:20px solid #ff8e66;background:transparent}
.flow .tri-item.last:after{border-top-color:#72b2ff;border-bottom-color:#72b2ff}
.flow .tri-item.last:before{border-left-color:#72b2ff}


.operate-box {
    margin-bottom: 10px
}
td{vertical-align: middle !important;}
.no-border{border: unset !important;}
.layui-btn+.layui-btn{margin-left: 5px !important;}
.faupload-preview{text-align: center}
.faupload-preview li{margin-top:10px;padding: 5px;}
.faupload-preview .img-box {height: 100px;overflow: hidden;text-align: center; vertical-align: middle;display: flex;align-items: center;justify-content: center;padding: 5px;border: 1px solid #eee;background-color: #fff;}
.faupload-preview .img-box a{display: contents;}
.faupload-preview .img-box img{max-height: 100%;}
.faupload-preview .del-box{padding: 0 10px;margin-top: 5px}
.faupload-preview .del-box .layui-icon{color: #fff;vertical-align: -1px}
.faupload-preview .del-box a{display: block;color: #fff}

    .flow{margin-bottom:30px;height:40px}
    .flow .item{float:left;width:205px;height:40px;line-height:40px;font-size:18px;color:#fff;background:#72b2ff;text-align:center;position:relative}
    .flow .item.on{background:#ff8e66}
    .flow .item.on + .last:before{border-left-color:#ff8e66}
    .flow .tri-item{float:left;width:30px;height:40px;position:relative}
    .flow .tri-item:before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:20px solid transparent;border-left:20px solid #ff8e66;border-bottom:20px solid transparent;background:transparent}
    .flow .tri-item:after{content:" ";position:absolute;right:0;top:0;width:0;height:0;border-top:20px solid #ff8e66;border-left:20px solid transparent;border-bottom:20px solid #ff8e66;background:transparent}
    .flow .tri-item.last:after{border-top-color:#72b2ff;border-bottom-color:#72b2ff}
    .flow .tri-item.last:before{border-left-color:#72b2ff}

    .opus_rg_detail{padding:30px;background:#fff}
    .opus_rg_detail .detail-item,.opus_rg_detail .detail-item > div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}
    .opus_rg_detail .detail-item{color:#333;border-bottom:3px double #eee}
    .opus_rg_detail .detail-item > div{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:14px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .opus_rg_detail .detail-item,.opus_rg_detail .detail-item > div{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}
    .opus_rg_detail .detail-item > div > label{width:190px}
    .opus_rg_detail .detail-item > div > label{width:130px;color:#000;font-weight:800}
    .opus_rg_detail .detail-item > div .detail-item-detail{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:normal;word-break:break-all;margin-right:15px;margin-left: 15px}
    .opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item:last-of-type{margin-bottom:0}
    .opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}
    .opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item > .detail-item-detail-item-text,.opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item > div{-webkit-box-flex:1;-ms-flex:1;flex:1}
    .opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item > .detail-item-detail-item-text .top{color:#000}
    .opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item > .detail-item-detail-item-text p{margin-bottom:15px}
    .opus_rg_detail .detail-item > div .detail-item-detail span{margin-right:15px}
    .opus_rg_detail .detail-item > div .detail-item-detail .detail-item-detail-item .detail-item-detail-item-img .hd_img{display:inline-block}
    .opus_rg_detail .detail-item .hd_img{border:1px solid #dce4e6;border-radius:5px}
.qrcode-box{background: #fff;text-align: center;padding: 10px 40px}
.qrcode-box img{display: inline-block}