/**GENERAL UI ELEMENTS**/
*{-webkit-user-select: none;/* Prevent copy paste for all elements except text fields*/-webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* set highlight color for user interaction*/-moz-tap-highlight-color: rgba(0, 0, 0, 0);/* set highlight color for user interaction*/-ms-touch-action: none;-moz-user-select: -moz-none;-webkit-touch-callout: none;/* prevent the popup menu on any links*/margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{overflow-x: hidden;-webkit-text-size-adjust: none;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;display: -webkit-box;/* We want to layout our first container vertically*/-webkit-box-orient: vertical;/* we want our child elements to stretch to fit the container*/-webkit-box-align: stretch;font-size: 14px;line-height:1.8em;}

@-ms-viewport{width: device-width;}
a:link, a:visited, a:hover, a:active{color: #2d2d2d; text-decoration: none;}
#afui > #header{background-color: #e00000; color: white;}
#afui #backButton{background-image: url(../images/icon-36x36-back.png);}

#afui #modalContainer{width: 100%;}
#afui #modalContainer > *{-webkit-backface-visibility: hidden;-webkit-perspective: 1000;background: black;color: white;}
#afui .afScrollPanel{width: 100%;min-height: 100%;}
#afui{position: absolute;top: 0;bottom: 0;overflow: hidden;width: 100%;min-width: 320px;}
#afui > #splashscreen{position:absolute;top:45%;background:rgba(0,0,0,0.5) !important;color:white !important;font-size:30px;text-align:center;z-index:9999;display:block;}
/**header**/
#afui > #header{position: absolute;display: block;z-index: 250;-webkit-box-sizing: border-box;box-sizing: border-box;height: 44px;left: 0;right: 0;}
/* This is masthead bar that appears at the top of the UI*/
#afui #header h1{overflow: hidden;position: absolute;left: 27.5%;z-index: 1;width: 45%;height: 100%;padding: 10px 0;text-align: center;color: inherit;font-size: 18px;font-weight: bold;text-align: center;white-space: nowrap;}
/* This is text that appears in the header at the top of the screen*/
#afui #header >a, #afui #header >*>a{display: block;position: absolute;width: 48px;height: 100%;background-position: center;background-repeat: no-repeat;text-indent: -5000px;}
#afui #header .back{top: 0px;left: 0px;}
#afui #header .home{top: 0px;right: 0px;}
/**CONTENT AREA**/
#afui #content{z-index: 180;display: block;position: absolute;top: 0px;bottom: 49px;left: 0;right: 0;overflow: hidden;}
/* Accounts for positioning of the content area, which is everything below the header and above the navbar.*/
#afui .panel{z-index: 180;width: 100%;height: 100%;/*display:none;*/position: absolute;top: 0;left: 0;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-backface-visibility: visible;}
/*首页*/
#content{background-size:100% auto ;background-repeat: no-repeat;background-position: center center;}
/*logo*/
.logo{line-height:140px;font-size:32px;font-family:"Microsoft YaHei";color:#8302fe;text-align:center;font-weight:700;}

.menuvice{position: relative;margin: auto;width: 310px;height: 310px;background: url(../images/user_bg.png) no-repeat center;background-size: 100%;}
.menuvice a{display: block;overflow: hidden;width: 77px;height: 155px;text-align: center;position: absolute;background-repeat: no-repeat;color: #fff;}
.menuvice span{display: block;overflow: hidden;margin: auto;position: absolute;width: 75px;text-overflow: ellipsis;white-space: nowrap;line-height: 220%; color: #141418}
.menuvice a:nth-child(1) span{top: 45px;left: 10px;}
.menuvice a:nth-child(2) span{top: 48px;right: 5px;}
.menuvice a:nth-child(3) span{top: 55px;right: 10px;}
.menuvice a:nth-child(4) span{top: 55px;left: 10px;}
.menuvice a:nth-child(5) span{top: 40px;left: 15px;}
.menuvice a:nth-child(6) span{top: 40px;left: 10px;}
.menuvice a:nth-child(7) span{top: 35px;right: 5px;}
.menuvice a:nth-child(1){top: 110px;left: 110px;width: 90px;height: 90px;background-position: center 10px;}
.menuvice a:nth-child(2){top: 105px;left: 0px;width: 86px;height: 78px;background-position: center 15px;}
.menuvice a:nth-child(3){top: 10px;left: 50px;width: 100px;height: 80px;background-position: center 25px;}
.menuvice a:nth-child(4){top: 10px;right: 60px;width: 90px;height: 90px;background-position: center 18px;}
.menuvice a:nth-child(5){top: 115px;right: 0px;width: 90px;height: 80px;background-position: center 0px;}
.menuvice a:nth-child(6){bottom: 30px;left: 60px;width: 90px;height: 70px;background-position: center 5px;}
.menuvice a:nth-child(7){bottom: 20px;left: 165px;width: 80px;height: 80px;background-position: center 0px;}

#menu .menu_33{background-image: url("../images/icon_files/index/guanyuwomen.png");}
#menu .menu_333{background-image: url("../images/icon_files/index/1.png");}
#menu .menu_333.pressed{background-image: url("../images/icon_files/index/1.png");}
#menu .menu_34{background-image: url("../images/icon_files/index/lvyoutehui.png");}
#navbar .menu_33{background-image: url("../images/icon_files/index/aboutus.png");}
#navbar .index{background-image: url("../images/index.png");}
#navbar .menu_34{background-image: url("../images/icon_files/index/feedback.png");}
#navbar .news{background-image: url("../images/icon_files/index/newsico.png");}
#navbar .systemc_qmenu{background-image: url("../images/icon_files/index/caidan.png");}
.menuvice .gbook {background-image: url("../images/icon_files/index/liuyan.png");}
.menuvice .menu_33{background-image: url("../images/icon_files/index/guanyuwomen.png");}
.menuvice .menu_34{background-image: url("../images/icon_files/index/lvyoutehui.png");}
.menuvice .menu_36{background-image: url("../images/icon_files/index/zhaoxiang.png");}
.menuvice .news{background-image: url("../images/icon_files/index/yezi.png");}
.menuvice .products{background-image: url("../images/icon_files/index/weilvyou.png");}
.menuvice .systemc_phone{background-image: url("../images/icon_files/index/dianhua.png");}

.icon::before {content: "";display: block;position: absolute;top: 0px;left: 0px; height: 100%;width: 100%;background-repeat: no-repeat;background-position: center center;}
.icon.home::before {background-image:url("../images/icon-36x36-home.png");}

/*新闻*/
.lists.news .nl{padding-top:44px;}
.lists.news .nl a{display: block; position: relative; overflow: hidden;  padding-top: 10px;  white-space: nowrap;}  
.lists.news .nl a.xinwen{height:90px;border-bottom: 1px solid #ffffff; box-shadow: 0px 1px 0px #dcdcdc;margin:0px 10px;padding-bottom:10px;}
.lists.news .nl a > span{display: block;} 
.lists.news .nl a > span:nth-of-type(1){line-height: 2em; color: #e00000; text-indent: 10px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold;}
.lists.news .nl a > span:nth-of-type(2){color: #5c5959; font-size: 13px; line-height:180%; white-space: normal; overflow: hidden; text-overflow: ellipsis; padding: 0px 0px 0px 10px;} 
.lists.news .nl a > span:only-of-type{line-height: 52px;}

/*产品列表*/
.lists.news .nl .pro_li{padding-left:5px;width:49.2%;display: inline-block;letter-spacing: normal;word-spacing: normal;vertical-align: top;sstext-rendering: auto;}
.lists.news .nl .pro_li a.pic img{border:1px solid #ccc;width:100%;height:auto;}
.lists.news .nl .pro_li a.pic span{line-height:1.5em;font-weight:normal;color:#666;}

.page{ line-height:40px; height:40px; color:#BABABA; font-size:12px; text-align:center; color:#666;margin-top:10px;}
.page a{ padding:0 5px; color:#666;}
.page a.cur{color:#E00000;}

/*详细页*/
.views{padding: 10px;margin-top:44px;} 
.views .title{line-height:2em;text-align: center;} 
.views .infos{line-height: 3em; font-size: 12px;text-align: center;} 
.views .img{display: block; text-align: center;} 
.views img{width: 100%; margin:0 auto 10px; display: block;}
.views .remark{margin-bottom: 10px;}
.view_btn_box > *{margin: 5px;}
.views span{display:block;line-height:2em;}

/** iOS 7 theme */
#afui #navbar{display: block; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1000; border-top:1px solid #9ca0a4; height: 49px;background:url(../images/icon_files/index/navbg.jpg) repeat-x left center } 
#afui #navbar > *>*, #afui #navbar > a, #afui #navbar > span{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; float: left; width: 25%; height: 100%; font-weight: normal; color: #fff; text-align: center; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; font-size: 12px; line-height: 75px; background-position: center 5%; background-repeat:no-repeat; background-size:25px;} 

.wbytable td{ padding:8px;} 
.wbytable .wbytext{ outline:none; padding:5px; height:22px; width:320px; border:1px solid #e3e3e3;}    
.wbytable .wbyarea{ padding:5px; outline:none; width:450px; border:1px solid #e3e3e3; height:125px;}   
.wbytable .msgbut{ width:90px; height:32px; line-height:32px; cursor:pointer; color:#555;}             
.wbytable .wbytextyz{ outline:none; padding:5px; height:22px; width:100px; border:1px solid #e3e3e3;float:left;} 
.wbytable .wyzm{ padding-top:6px; display:block; width:48px; height:22px; float:left; padding-left:8px;}