/*html { margin-left: -30px; padding-left: calc(100vw - 100%); padding-left: -webkit-calc(100vw - 100%); padding-left: -moz-calc(100vw - 100%); }*/
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
img { font-size: 14px; line-height: 24px; color: #555;background: url(../images/styleImg/qctswLogo.png) no-repeat center;background-size: 150px 65px; }
p { line-height: 24px; font-family: "Microsoft YaHei"; }
.fl { float: left; }
.fr { float: right; }

/*clear*/
.fix { zoom: 1; }
.fix:after { display: block; visibility: hidden; content: "."; overflow: hidden; width: 0; height: 0; clear: both; }
.show { display: block; }
.hide { display: none; }

.adBanner {margin: 10px 0;}

/*外层布局*/
#header { width: 100%; }
#wrapper { margin: 0 auto; width: 1000px; /*letter-spacing: -3px; font-size: 0;*/ }
 .l-Content {float: left;display: inline-block;width: 700px;letter-spacing: 0;font-size: 14px;box-sizing: border-box;}
 .r-Content {float: right;display: inline-block;width: 270px;letter-spacing: 0;font-size: 14px;box-sizing: border-box;}
#footer { width: 100%; }

.tit {height: 38px;line-height: 38px;/*color: #47A6FF;*/color: #333;font-size: 18px;font-weight: bold;border-bottom: 2px solid #4eb7f0;}

/*返回顶部*/
.returnTop { position: fixed; display: none; bottom: 150px; right: 10px; width: 60px; height: 60px; cursor: pointer; background: url(../images/styleImg/returnTop.png) no-repeat center center; background-size: 60px 60px; z-index: 100; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.returnTop:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }

.fixedClass { position: fixed;top: 0;width: 300px; }

.gray { [filter:alpha(opacity=80);-moz-opacity:0.8; opacity:0.8;];-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
/*投诉流程图*/
.stepBox {position: relative;margin: 15px 0;padding: 5px 0 15px;width: 1000px;box-sizing: border-box;}
.stepBox .stepList {z-index: 100;}
.stepBox .stepList:before {position: absolute;display: block;content: " ";z-index: -10;left: 50px;top: 40px;width: 75%;height: 3px;background-color: #44B5DF;}
.stepBox .stepList li {float: left;width: 120px;height: 80px;text-align: center;}
.stepBox .stepList li:last-child {width: 140px;border-left: 1px solid #DDD}
.stepBox .stepList li img {width: 60px;height: 60px;z-index: 100;background: transparent;}
.stepBox .stepList li p {color: #555;font-size: 18px;font-weight: bold;font-family: "Microsoft YaHei";}
.stepBox .myTs {display: inline-block;float: right;margin-top: 20px;width: 125px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;font-weight: bold;color: #FFF;background-color: #FF6600;}
.stepBox .myTs:hover {text-decoration: none;box-shadow: 0 0 8px #666;-webkit-box-shadow: 0 0 8px #666;-moz-box-shadow: 0 0 8px #666;-o-box-shadow: 0 0 8px #666;}

/*翻页*/
.endPageNum {margin-top: 15px;text-align: center;}
.endPageNum a {display: inline-block;margin: 0 1px;padding: 5px 8px;color: #333;box-sizing: border-box;border: 1px solid #E7E7E7;}
.endPageNum a:hover {color: #FFF;text-decoration: none;border-color: #7CC0FF;background-color: #7CC0FF;}
.endPageNum .active {color: #FFF;border-color: #7CC0FF;background-color: #7CC0FF;}


/*头部*/
/*header*/
.w1000 {margin: 0 auto;width: 1000px;}
a:hover {color: #F20;text-decoration: none;}
#header {width: 100%;height: 85px;border-bottom: 1px solid #E7E7E7;background: url(../images/styleImg/navBg.png) repeat left top;background-size: 100% 100%;}

#header .logo {margin-right: 10px;height: 86px;overflow: hidden;box-shadow: 0 -8px 8px #666;-webkit-box-shadow: 0 -8px 8px #666;-moz-box-shadow: 0 -8px 8px #666;-o-box-shadow: 0 -8px 8px #666;}
#header .logo a {display: inline-block;padding: 3px 2px;height: 86px;overflow: hidden;box-sizing: border-box;background-color: #FFF;}
#header .logo a img {width: 156px;height: 80px;}
.navBox {width: 810px;font-size: 14px;color: #FFF;}
.navBox .navHead {height: 35px;line-height: 35px;font-size: 12px;text-align: right;}
.navBox .navHead span {margin-left: 16px;font-size: 18px;font-family: "华文行楷";}
.navBox .loginTsp {display: none;font-size: 14px;color: #FFF;}
.navBox .loginTsp i {padding:  0 4px;font-weight: bold;font-size: 13px;color: #F60;}
.navBox .loginTsp a {margin: 0 10px 0 5px;color: #F60;}
.navBox .loginBtn {float: right;display: inline-block;margin-right: 5px;}
.navBox .loginBtn a {float: left;display: inline-block;padding: 0 8px;color: #EEE;}
.navBox .loginBtn a:hover {color: #FFF;text-decoration: none;background-color: #F60;transition-duration: .3s;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;-o-transition-duration: .3s;}
.navBox .loginBtn a.active {color: #FFF;text-decoration: none;background-color: #F60;}
.navBox .showNum {float: right;position: relative;display: inline-block;padding: 0 2px;color: #EEE;cursor:pointer;z-index: 100;font-style: normal;}
.navBox .showNum:before {display: block;content: " ";float: right;margin: 5px 0 0 0;width: 24px;height: 24px;background: url(../images/styleImg/icon-login.png) no-repeat -6px -6px;}
.navBox .twoNum {position: absolute;display: none;top: 35px;right: -20px;width: 240px;height: 200px;z-index: 1000;border: 2px solid #E7E7E7;}
.navBox .navBar {float: right;}
.navBox .navBar ul {}
.navBox .navBar ul li {position: relative;float: left;height: 50px;line-height: 50px;box-sizing: border-box;}
.navBox .navBar ul li a {display: inline-block;margin-left: 1px;padding: 0 15px;height: 50px;line-height: 50px;font-size: 18px;color: #FFF;text-align: center;}
.navBox .navBar ul li:hover a {text-decoration: none;background-color: #1EA3EB;}
.navBox .navBar ul li.active {}
.navBox .navBar ul li.active a {font-weight: bold;background-color: #1396DD;}
.navBox .navBar ul li.active a:before {position: absolute;display: block;content: " ";top: -2px;left: 0;width: 100%;height: 2px;line-height: 2px;z-index: 1000;background-color: #1396DD;}
.navBox .navBar ul li a.iconText {position: relative;padding: 0 16px 0 40px;}
.navBox .navBar ul li a.iconText:after {position: absolute;display: inline-block;top: 17px;left: 14px;content: " ";width: 18px;height: 18px;background: url(../images/styleImg/qctsw_body.png) no-repeat 0 -88px;}
.navBox .navBar ul li .dropDownSelect {position: absolute;z-index: 100000;display: none;top: 50px;left: 0;width: 110px;line-height: 38px;border: 1px solid #E7E7E7;background-color: #FFF;}
.navBox .navBar ul li .dropDownSelect a {display: inline-block;margin: 0;padding: 0;width: 100%;height: 38px;line-height: 38px;text-align: center;font-size: 14px;font-weight: 500;color: #666;border: none;background-color: #FFF;}
.navBox .navBar ul li .dropDownSelect a:before {background: transparent;}
.navBox .navBar ul li .dropDownSelect a:last-child {border-bottom: none;}
.navBox .navBar ul li .dropDownSelect a:hover {color: #1396DD;background-color: #F6F6F6;}
.navBox .navBar ul li:hover .dropDownSelect {display: block;}
/*当前位置*/
.indexLocation {height: 40px;line-height: 40px;font-size: 13px;font-family: "宋体";color: #333;}
.indexLocation a {color: #1396DD;}
.indexLocation a:hover {text-decoration: underline;}
/*搜索框*/
.selectBox {float: right;display: inline-block;margin-top: 7px;font-family: "Microsoft YaHei";}
.selectBox input[type="text"] {float: left;display: inline-block;padding-left: 6px;width: 250px;height: 28px;line-height: 28px;[height: 28px;line-height: normal;];outline: none;font-size: 14px;font-family: "Microsoft YaHei";color: #332;box-sizing: border-box;box-shadow: 0 0 6px #E7E7E7 inset;border: 1px solid #DDD;border-right: none;background-color: rgba(255, 255, 255, .5);}
.selectBox .selectBtn {float: left;display: inline-block;width: 60px;height: 28px;line-height: normal;text-align: center;font-size: 14px;color: #FFF;box-sizing: border-box;border: 1px solid #F60;background-color: #F60;}
.selectBox .selectBtn:hover {text-decoration: none;background-color: #E65C00;}

#footer {padding: 20px 0;text-align: center;background-color: #333;}
#footer p:first-child {font-size: 12px;color: #666;}
#footer p {height: 28px;line-height: 28px;font-size: 13px;color: #FFF;}
#footer p a {margin: 0 5px;font-size: 13px; color: #CCC;}
#footer p a:hover {color: #F20;text-decoration: underline;}

#slide_box {margin-top: 20px;width: 100%;height: 42px;text-align: center;line-height: 42px;font-size: 14px;color: #717171;background-color: #e8e8e8;border: none;margin-bottom: 20px;border-radius: 42px;}
#slide_xbox {width: 50px;height: 42px;text-align: center;line-height: 42px;font-size: 16px;color: #fff;position: absolute;background: #35b34a;border-radius: 44px 43px 43px 43px;}
#btn {cursor: pointer;width: 50px;height: 42px;float: right;-webkit-box-shadow: 0px 0px 15px 0px #ddd;-moz-box-shadow: 0px 0px 15px 0px #ddd;box-shadow: 0px 0px 15px 0px #ddd;color: #8a8c97;background: #fff url(../images/huadong.png) 0 0 no-repeat;background-size: 100% 100%;border-radius: 100%;}
#btn > .iconfont {font-size: 20px;}