﻿@charset "utf-8";
/*定义全局*/
* { margin: 0; padding: 0; outline: 0;-webkit-tap-highlight-color: rgba(0,0,0,0); }
html { -webkit-text-size-adjust: none; word-wrap: break-word ;}
body, input, button, textarea, select, option { font-size: normal 100%; }
body { width: 100%; max-width:640px; margin:0 auto; min-width:320px; font-family:inherit; font-size: 20px; color: #333; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
li { list-style: none; }
input { font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif; border:0; background:transparent;  -webkit-appearance:none;  box-sizing:border-box;  -webkit-box-sizing:border-box;}
a { text-decoration: none; color:#3e3c39; }
input, button, textarea { border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box;  box-sizing: border-box;}
button { outline: none;}


body{background:#efefef;}
.clear {clear:both;height:0;overflow:hidden;font-size:0px;line-height:0;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.wid93{ width:93%; margin:0 auto;}
.wid96{ width:96%; margin:0 auto;}
.wid97{ width:97%; margin:0 auto;}
.wid89{ width:89.5%; margin:0 auto;}
.margintop{ margin-top:8px;}
.more{ font:normal 15px/15px "Microsoft YaHei"; padding-top:20px; text-align:center; color:#a1a1a1;}
.more a{color:#a1a1a1;}
.jg{ height:44px;}
.transparent{background-color:rgba(0, 0, 0, 0.4); width:100%; height:100%; position:fixed; z-index:3001; left:0; top:0;}
.bgbody{ background-color:#FFF;}
.navbodybg{ background-color:#f2f2f2;}
.padbottom{ padding-bottom:20px;}
.red{ color: #dd4a4a;}


/*头部*/
.header{ background-color:#ffffff; height:32px; border-bottom:#f1f1f1 1px solid; border-top:#e8e8e8 1px solid; width:100%; padding-top:12px;}
.header .logo{ background:url(../../images/Supplier/logo.png) no-repeat 0 0; background-size:93px 24px; width:93px; height:24px; display:inline-block;  }
.header .logosearch{ background:url(../../images/Supplier/search.png) no-repeat 0 1px; background-size:20px; width:20px; height:20px; display:inline-block;}
.header .nav{position:relative; z-index:800;}
.header .nav .logonav{ background:url(../../images/Supplier/nav.png) no-repeat 0 0px; background-size:20px 17px; width:20px; height:17px; display:inline-block; padding-right:26px;}
.header .nav .nums{position:absolute; top:1px; left:22px;  font-style:normal; color:#fff; background-color:#f63756;border-radius:50px; width:5px; height:5px; padding:0;  z-index:10;}

.header .fork{ background:url(../../images/Supplier/fork.png) no-repeat 0 0; background-size:20px; width:20px; height:20px; display:inline-block;}


/*底部*/
.footposition{ position:relative;}
.foot{ background-color:#232323; position:absolute; bottom:0px; width:100%; }
.foot{ margin-top:8px; background-color:#232323; }
.foot .foottop{ padding:23px 10%;}
.foot dl{display:-webkit-box; display:-moz-box; width:237px; margin:0 auto;}
.foot dl dt{ width:93px; height:93px; overflow:hidden;}
.foot dl dd{-webkit-box-flex:1; -moz-box-flex:1; padding-left:10px;}
.foot dl dd h2{ margin-top:13px; color:#fff; font:normal 17px/23px "Microsoft YaHei"; font-weight:bold;}
.foot dl dd p{margin-top:5px; color:#aba6a6; font:normal 13px/21px "Microsoft YaHei";}



.foot .footdowm{ background-color:#2d2d2d; border-top:#3c3c3c; height:33px; padding-left:13%; padding-right:13%;}
.foot .footdowm li{width:43.5%; text-align:center;}
.foot .footdowm li a{ font:normal 14px/33px "Microsoft YaHei"; color:#6f6f6f; display:block;}


/*底部*/
.footAbout{ border-top:#d8d8d8 1px solid; padding-bottom:20px; padding-top:10px;}
.footAbout p{font:normal 12px/17px "宋体", Helvetica, Arial, sans-serif;  text-align:center; color:#484848;}
.footAbout .p2{ color:#59b1f1;}
.footAbout .p2 span{ vertical-align:middle; padding-right:1px;}
.footAbout .p2 img{width:10px; height:14px;}
.footAbout .p3 img{ width:70px; height:18px; margin-top:3px;}


/*低部*/
.footer{ height:49px; padding:0em 0em;}
.footer ul{ width:100%; margin:0px auto; height:49px;border-top:1px solid #b2b2b2;background:#f8f8f8; position:fixed; bottom:0px; }
.footer ul li{ float:left; font-size:10px; width:25%; color:929292; text-align:center;}
.footer ul li a{ color:#929292;}
.footer ul li b{text-align:center;display:block;width:100%; height:34px;}
.footer ul li a .library{ background:url(../../images/library.png) no-repeat center 5px; background-size:2.6em;   }
.footer ul li a .information{ background:url(../../images/information.png) no-repeat center 5px; background-size:2.6em; }
.footer ul li a .purchase{ background:url(../../images/purchase.png) no-repeat center 5px; background-size:2.6em;}
.footer ul li a .mall{ background:url(../../images/mall.png) no-repeat center 5px; background-size:2.6em; }
.footer ul li a .my{ background:url(../../images/my.png) no-repeat center 5px; background-size:2.6em; }
.footer ul li a .librarySelect{ background:url(../../images/librarySelect.png) no-repeat center 5px; background-size:2.6em;}
.footer ul li a .informationSelect{ background:url(../../images/informationSelect.png) no-repeat center 5px; background-size:2.6em; }
.footer ul li a .purchaseSelect{ background:url(../../images/purchaseSelect.png) no-repeat center 5px; background-size:2.6em;}
.footer ul li a .mallSelect{ background:url(../../images/mallSelect.png) no-repeat center 5px; background-size:2.6em; }
.footer ul li a .mySelect{ background:url(../../images/mySelect.png) no-repeat center 5px; background-size:2.6em; }
.footer ul li a.select{ color:#015289;}
.footer ul li a .connections{background:url(../../images/contacts.png) no-repeat center 5px; background-size:2.6em;}
.footer ul li a .connectionsSelect{background:url(../../images/contactsSelect.png) no-repeat center 5px; background-size:2.6em;}

/*浮动层 新 cheny 2016-11-15 */
.transparent {background-color: rgba(0, 0, 0, 0.6);filter: alpha(opacity=40);width: 100%;height: 100%;position: fixed;z-index: 3001;left: 0;top: 0;}
.relieveBai {width: 80%;margin: 0px auto;background: #FFF;border-radius: 0.3em;margin-top: 100px;text-align: center;padding-top: 25px;font-size: 16px;}
.relieveBai p {font-size: 0.9em;height: 3em;text-align: center;}
   
.relieveBai_top{ margin-right:10px;}
.relieveBai_top img{ width:17px; height:17px;}

.relieveBai_middle{ margin-top:12px; padding-bottom:27px;}
.relieveBai_middle .td1{}
.relieveBai_middle .td1 img{ width:55px; height:55px; text-align:center;  }
.relieveBai_middle .td2{ width:80%;font:normal 18px/22px "宋体",DIN-Regular; text-align:left; margin-right:15px; padding-left:8px;}
.relieveBai_middle .td2 span{ color:#ff6600;}


.relieveBai_db ul { overflow:hidden; width:100%;border-top:1px solid #dadadd;}
.relieveBai_db ul li{ float:left; width:49%; border-right:1px solid #dadadd;font:normal 18px/43px "宋体",DIN-Regular; }
.relieveBai_db ul .li1 a{color:#3aabed;}
.relieveBai_db ul li a{ color:#333; display:block;}
.relieveBai_db ul li:nth-last-child(1){ border: none}

.relieveBai_db2{overflow:hidden; width:100%;border-top:1px solid #dadadd;}
.relieveBai_db2 a{font:normal 18px/43px "宋体",DIN-Regular; color:#000000; }
.relieveBai_db2 a img{ width:12px; height:18px; vertical-align:middle; padding-right:5px;}

/*反馈*/
.GYSflot{ position:fixed;z-index:100;top:62%; right:1px;}
.GYSflot .gysicon{ background:url(../../images/Supplier/gys.png) no-repeat 0 0; background-size:60px; width:60px; height:60px;overflow:hidden; display:block;}



/*回到顶部*/
.Backtop {    /*width: 50px;    height: 50px;*/    overflow: hidden;    position: fixed;    z-index: 100;    top: 70%; /*left:89.5%;*/    right: 1px;
    _position: absolute;    _right: expression(eval(document.documentElement.scrollRight)+10);    _top: expression(eval(document.documentElement.scrollTop));}

.Backtop a.openapps{ background:#fff; border:1px solid #d2d2d2; width:48px; height:50px; text-align:center; font-size:12px; display:block; line-height:20px; padding:10px 0 0 0; color:#606060;}
.Backtop a.openapp{ background:#fff; border:1px solid #d2d2d2; border-bottom:0; width:48px; height:50px; text-align:center; font-size:12px; display:block; line-height:20px; padding:10px 0 0 0; color:#606060;}
.Backtop a.ui-link{ width:50px; height:50px; display:block;}
.Backtop img { width: 100%; }
