html, body, div, a, img, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, input, textarea, select { padding: 0; margin: 0; }

html { height: 100%; }

body { background: white; min-width: 1000px; position: relative; height: 100%; overflow: hidden; }

body, input, select, textarea { font-size: 14px; font-family: "Microsoft Yahei", arial; color: #333333; }

a { text-decoration: none; transition: all ease 0.3s; }

img { border: none; }

ul, li, ol { list-style: none; }

em { font-style: normal; }

.clear { clear: both; }

.blue { color: #2659ff; }

.red { color: #e00000; }

input, select, textarea { outline: none; }

.left20{margin-left:20px;}

.header { height: 56px; background: #0099cc; }
.header .left { float: left; height: 100%; }
.header .left .logo { float: left; height: 100%; padding: 0 18px 0 87px; font-size: 21px; background: #0087b4 url(../images/logo.png) no-repeat 19px center; background-size: 57px auto; line-height: 56px; font-size: 21px; font-weight: bold; color: white; }
.header .left .nav { float: left; width: 111px; position: relative; height: 100%; }
.header .left .nav .navgate { height: 100%; text-align: center; border-right: 1px solid #0087b4; font-size: 14px; color: white; line-height: 56px; }
.header .left .nav .navgate > span { padding-right: 16px; background: url(../images/icon_arrow1.png) no-repeat right center; cursor: pointer; }
.header .left .nav .navlist { display: none; position: absolute; top: 53px; width: 982px; left: -71px; background: white; z-index: 30; border: 1px solid #e0e0e0; box-sizing: border-box; padding: 3px 10px 49px; font-size: 0; letter-spacing: 0; }
.header .left .nav .navlist:after { width: 12px; height: 5px; content: ""; position: absolute; top: -5px; left: 119px; background: url(../images/icon_arrow2.png) no-repeat center center; z-index: 2; }
.header .left .nav .navlist .list { display: inline-block; width: 172px; vertical-align: top; margin: 0 10px; }
.header .left .nav .navlist .list dl { padding-bottom: 8px; border-bottom: 1px solid #f2f2f2; }
.header .left .nav .navlist .list dl dt { padding: 15px 0 10px; font-size: 16px; color: #999ca5; line-height: 1; font-weight: bold; }
.header .left .nav .navlist .list dl dd { height: 26px; line-height: 26px; margin-bottom: 4px; }
.header .left .nav .navlist .list dl dd a { display: block; font-size: 14px; color: #333333; padding-left: 10px; }
.header .left .nav .navlist .list dl dd a:hover { background: #f2f2f2; }
.header .right { float: right; height: 100%; }
.header .right > .time { float: left; height: 100%; width: 213px; text-align: center; border-left: 1px solid #0087b4; }
.header .right > .time span { display: inline-block; vertical-align: middle; margin-top: 13px; height: 30px; line-height: 30px; border-radius: 15px; -webkit-border-radius: 15px; background: #0087b4 url(../images/icon_clock.png) no-repeat 2px center; color: white; padding-left: 39px; width: 175px; box-sizing: border-box; font-size: 14px; font-family: "simhei"; text-align: left; }
.header .right .mess { border-left: 1px solid #0087b4; height: 100%; float: left; position: relative; }
.header .right .mess > span { display: block; padding: 0 20px 0 48px; height: 100%; background: url(../images/icon_ling.png) no-repeat 20px center; }
.header .right .mess > span > em { display: inline-block; height: 20px; margin-top: 18px; min-width: 17px; text-align: center; background: #0087b4; color: white; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; }
.header .right .mess .list { position: absolute; width: 440px; top: 54px; right: -2px; background: white; z-index: 20; display: none; }
.header .right .mess .list:after { right: 35px; top: -8px; position: absolute; background: url(../images/icon_arrow3.png) no-repeat center center; content: ""; width: 15px; height: 8px; }
.header .right .mess .list .close { position: absolute; z-index: 2; background: url(../images/icon_close.png) no-repeat center center; width: 44px; height: 44px; top: 4px; right: 0; cursor: pointer; }
.header .right .mess .list .tit { height: 50px; line-height: 50px; background: #eaedf1; padding: 0 17px; font-size: 14px; color: #333333; }
.header .right .mess .list .box { border: 1px solid #d8d8d8; border-top: none; padding-top: 17px; }
.header .right .mess .list ul { display: block; }
.header .right .mess .list ul li { height: 46px; }
.header .right .mess .list ul li + li { margin-top: 7px; }
.header .right .mess .list ul li a { display: block; height: 100%; padding: 0 30px 0 16px; }
.header .right .mess .list ul li a:hover { background: whitesmoke; }
.header .right .mess .list ul li a .time { height: 21px; line-height: 20px; color: #999999; font-size: 12px; }
.header .right .mess .list ul li a h3 { font-size: 14px; color: #333333; height: 25px; line-height: 24px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .right .mess .list .seemore { display: block; height: 39px; line-height: 40px; text-align: center; border-top: 1px solid #d8d8d8; margin-top: 18px; color: #1766d0; font-size: 14px; }
.header .right .mess .list .seemore:hover { background: whitesmoke; }
.header .right .user { border-left: 1px solid #0087b4; float: left; height: 100%; padding: 0 20px; position: relative; line-height: 56px; width: 60px; text-align: center;}
.header .right .user.showlist { background: white; }
.header .right .user.showlist > span { background-image: url(../images/icon_arrow4.png); color: #333333; }
.header .right .user.showlist ul { display: block; }
.header .right .user > span { color: white; padding-right: 17px; display: inline-block; height: 100%; background: url(../images/icon_arrow1.png) no-repeat right center; cursor: pointer; }
.header .right .user ul { display: none; position: absolute; top: 100%; left: 0; width: 100%; box-shadow: -1px 1px 3px #f3f4f7; z-index: 20; background: white; }
.header .right .user ul li { height: 56px; line-height: 56px; border-top: 1px solid #d8d8d8; }
.header .right .user ul li a { display: block; padding: 0 18px; color: #333333; }
.header .right .user ul li a:hover { background: #d8d8d8; color: white; }

.leftnav { position: fixed; top: 56px; bottom: 0; left: 0; width: 180px; background: #293038; padding: 30px 0 61px 0; z-index: 10; }
.leftnav.shou { width: 50px; font-size: 0 !important; padding-bottom: 0; }
.leftnav.shou .navlist li > a { background-position: center center !important; width: 100%; }
.leftnav.shou .copyright { display: none; }
.leftnav .navgate { height: 30px; line-height: 30px; background: url(../images/icon_menu.png) no-repeat center center #394555; position: absolute; width: 100%; left: 0; top: 0; cursor: pointer; }
.leftnav .navlist { height: 100%; overflow-y: auto; overflow-x: hidden; }
.leftnav .navlist li { height: 40px; line-height: 40px; white-space: nowrap; }
.leftnav .navlist li > a { display: block; padding-left: 50px; font-size: 14px; color: white; box-sizing: border-box; text-indent: 4px; background-repeat: no-repeat; }
.leftnav .navlist li > a:hover { background-color: #37424f; }
.leftnav .navlist li dl { position: absolute; left: 100%; width: 140px; top: 0; height: 100%; background: #eaedf1; display: none; }
.leftnav .navlist li dl.hidechild { width: 0; }
.leftnav .navlist li dl.hidechild dd { display: none; }
.leftnav .navlist li dl.hidechild dt .close { right: auto; left: 0; background-image: url(../images/icon_io_0.png); }
.leftnav .navlist li dl dt { height: 66px; line-height: 66px; padding-left: 20px; overflow: hidden; white-space: nowrap; margin-bottom: 8px; font-size: 16px; color: #333333; font-weight: bold; }
.leftnav .navlist li dl dt .close { width: 16px; height: 50px; position: absolute; top: 50%; margin-top: -25px; right: 0; background: url(../images/icon_io.png) no-repeat center center; cursor: pointer; z-index: 2; }
.leftnav .navlist li dl dd { height: 40px; line-height: 40px; }
.leftnav .navlist li dl dd a { padding-left: 30px; display: block; font-size: 14px; color: #333333; }
.leftnav .navlist li dl dd a:hover { background: #f8f8f8; }
.leftnav .navlist li dl dd.curr a { background: white; }
.leftnav .navlist li.curr > a { background-color: #0099cc; }
.leftnav .navlist li.curr dl { display: block; }
.leftnav .navlist li.li1 > a { background-image: url(../images/nav_1.png); background-position: 19px center; }
.leftnav .navlist li.li1.curr > a { background-image: url(../images/nav_1_on.png); }
.leftnav .navlist li.li2 > a { background-image: url(../images/nav_2.png); background-position: 18px center; }
.leftnav .navlist li.li2.curr > a { background-image: url(../images/nav_2_on.png); }
.leftnav .navlist li.li3 > a { background-image: url(../images/nav_3.png); background-position: 21px center; }
.leftnav .navlist li.li3.curr > a { background-image: url(../images/nav_3_on.png); }
.leftnav .navlist li.li4 > a { background-image: url(../images/nav_4.png); background-position: 20px center; }
.leftnav .navlist li.li4.curr > a { background-image: url(../images/nav_4_on.png); }
.leftnav .navlist li.li5 > a { background-image: url(../images/nav_5.png); background-position: 19px center; }
.leftnav .navlist li.li5.curr > a { background-image: url(../images/nav_5_on.png); }
.leftnav .navlist li.li6 > a { background-image: url(../images/nav_6.png); background-position: 19px center; }
.leftnav .navlist li.li6.curr > a { background-image: url(../images/nav_6_on.png); }
.leftnav .navlist li.li7 > a { background-image: url(../images/nav_7.png); background-position: 19px center; }
.leftnav .navlist li.li7.curr > a { background-image: url(../images/nav_7_on.png); }
.leftnav .navlist li.li8 > a { background-image: url(../images/nav_8.png); background-position: 19px center; }
.leftnav .navlist li.li8.curr > a { background-image: url(../images/nav_8_on.png); }
.leftnav .navlist li.li9 > a { background-image: url(../images/nav_9.png); background-position: 20px center; }
.leftnav .navlist li.li9.curr > a { background-image: url(../images/nav_9_on.png); }
.leftnav .navlist li.li10 > a { background-image: url(../images/nav_10.png); background-position: 19px center; }
.leftnav .navlist li.li10.curr > a { background-image: url(../images/nav_10_on.png); }
.leftnav .navlist li.li11 > a { background-image: url(../images/nav_11.png); background-position: 18px center; }
.leftnav .navlist li.li11.curr > a { background-image: url(../images/nav_11_on.png); }
.leftnav .navlist li.li12 > a { background-image: url(../images/nav_12.png); background-position: 19px center; }
.leftnav .navlist li.li12.curr > a { background-image: url(../images/nav_12_on.png); }
.leftnav .copyright { position: absolute; height: 61px; width: 100%; left: 0; bottom: 0; font-size: 12px; font-family: "simhei"; background: #22282e; line-height: 1; text-align: center; color: #aeb4a8; box-sizing: border-box; padding-top: 15px; }
.leftnav .copyright p + p { margin-top: 8px; }

.rightmain { position: absolute; top: 56px; right: 0; bottom: 0; left: 180px; overflow-y: auto; overflow-x: hidden; }
.rightmain.menu1 { left: 50px; }
.rightmain.menu1.menu2 { left: 190px; }
.rightmain.menu2 { left: 320px; }

.tabtit { margin: 39px 20px 16px; font-size: 0; letter-spacing: 0; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; height: 41px; }
.tabtit.mart29 { margin-top: 29px; }
.tabtit li { display: inline-block; vertical-align: top; font-size: 14px; height: 40px; line-height: 40px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 0 17px; cursor: pointer; }
.tabtit li:hover { color: #0099cc; }
.tabtit li.curr { border-bottom: 1px solid white; border-top: 2px solid #0099cc; height: 39px; color: #333333; }

.tabviews .tabview { display: none; }
.tabviews .tabview.show { display: block; }

.main { background: #eaedf1; padding: 0 0 15px; }
.main > .title { height: 48px; background: white url(../images/icon_map.png) no-repeat 18px center; line-height: 48px; padding-left: 45px; font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 15px; }
.main .left { width: 66%; float: left; }
.main .left .box { padding: 20px 32px 32px; background: white; box-shadow: 0 1px 4px #e3e7ec; margin-bottom: 18px; margin-left: 15px; }
.main .left .box .title { height: 50px; line-height: 50px; border-bottom: 1px solid #eaedf1; font-size: 16px; color: #333333; }
.main .left .box .number { font-size: 0; letter-spacing: 0; margin: 30px 0 27px; }
.main .left .box .number dd { display: inline-block; vertical-align: top; width: 25%; font-size: 14px; }
.main .left .box .number dd .num { height: 44px; line-height: 44px; font-size: 30px; color: #333333; }
.main .left .box .number dd .tit { font-size: 14px; color: #999999; line-height: 1; }
.main .left .box .number dd:last-child { text-align: right; }
.main .left .box .number dd:last-child .price { display: inline-block; text-align: left; }
.main .left .box .number dd:last-child .price .num { font-size: 16px; color: #ff6427; }
.main .left .box .number dd:last-child .price .num span { font-size: 30px; }
.main .right { width: 34%; float: right; }
.main .right .box { margin: 0 15px 17px 12px; background: white; padding: 0 12px; box-shadow: 0 1px 4px #e3e7ec; }
.main .right .box .title { height: 54px; line-height: 56px; font-size: 16px; border-bottom: 1px solid #edeff3; }
.main .right .box .title .more { float: right; font-size: 14px; color: #1766d0; }
.main .right .box .title .more:hover { text-decoration: underline; }
.main .right .box .newslist { padding: 11px 0 15px; }
.main .right .box .newslist li { height: 40px; line-height: 40px; }
.main .right .box .newslist li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; padding-right: 72px; color: #333333; position: relative; }
.main .right .box .newslist li a:hover { color: #0087b4; text-decoration: underline; }
.main .right .box .newslist li a:hover span { border-color: #0087b4; color: #0087b4; }
.main .right .box .newslist li a span { position: absolute; height: 18px; line-height: 18px; border: 1px solid #eaedf1; right: 0; top: 10px; padding: 0 5px; font-size: 12px; color: #999999; }
.main .right .box .hasno { height: 106px; padding-top: 72px; box-sizing: border-box; background: url(../images/icon_mess.png) no-repeat center 12px; font-size: 14px; color: #999999; line-height: 16px; text-align: center; }

.topbox { margin: 38px 17px 16px; }
.topbox.mar15 { margin-top: 15px; }
.topbox.mar23 { margin-top: 23px; }
.topbox .left { float: left; }
.topbox .right { float: right; }
.topbox .search { font-size: 0; letter-spacing: 0; }
.topbox .search input[type="search"] { vertical-align: middle; display: inline-block; width: 252px; height: 34px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 10px 0 29px; background: url(../images/icon_search.png) no-repeat 6px center white; }
.topbox .search select { vertical-align: middle; display: inline-block; width: 118px; height: 34px; box-sizing: border-box; border: 1px solid #cccccc; margin-right: 18px; color: #999999; }
.topbox .search .btn { vertical-align: middle; display: inline-block; height: 34px; box-sizing: border-box; border: 1px solid #0099cc; width: 58px; padding: 0; background: #0099cc; color: white; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; margin-left: 10px; }
.topbox .addbtn { display: inline-block; height: 30px; line-height: 30px; padding: 0 15px 0 37px; background: #f7f7f7 url(../images/icon_user1.png) no-repeat 14px center; border: 1px solid #cccccc; font-size: 14px; color: #333333; cursor: pointer; border-radius: 1px; -webkit-border-radius: 1px; }

.table { margin: 0 17px; border: 1px solid #cccccc; }
.table.bordernone { border: none; }
.table.bordernone table { word-wrap: break-word; table-layout: fixed; }
.table.bordernone table thead tr th { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; }
.table.bordernone table thead tr th:first-child { border-left: 1px solid #cccccc; }
.table.bordernone table thead tr th:last-child { border-right: 1px solid #cccccc; }
.table.bordernone table tbody:before { content: ""; display: block; height: 15px; background: white; width: 100%; }
.table.bordernone table tbody tr th { text-align: left; font-weight: normal; border: none; overflow: hidden; border: 1px solid #cccccc; }
.table.bordernone table tbody tr th .ordernum { height: 38px; line-height: 38px; background: #f8f9fb; width: 100%; }
.table.bordernone table tbody tr th .ordernum .tip { display: inline-block; height: 20px; line-height: 20px; background: #e60012; color: white; border-radius: 2px; -webkit-border-radius: 2px; margin-left: 18px; padding: 0 7px; }
.table.bordernone table tbody tr th .ordernum .tip.orange { background: #ff6400; }
.table.bordernone table tbody tr th .ordernum .price { float: right; margin-right: 10px; }
.table.bordernone table tbody tr td { border-bottom: 1px solid #cccccc !important; }
.table.bordernone table tbody tr td:first-child { border-left: 1px solid #cccccc; }
.table.bordernone table tbody tr td:last-child { border-right: 1px solid #cccccc; }
.table table { width: 100%; border-collapse: collapse; border-spacing: 0; word-wrap: break-word; table-layout: fixed; }
.table table thead tr th { text-align: center; border-bottom: 1px solid #d5d5d5; padding: 10px 0; font-size: 14px; color: #333333; line-height: 16px; font-weight: normal; background: #f8f9fb; }
.table table thead tr th.top, .table table thead tr th.down { cursor: pointer; }
.table table thead tr th.top i, .table table thead tr th.down i { height: 0; display: inline-block; vertical-align: middle; width: 0; border: 7px solid transparent; position: relative; margin-left: 5px; }
.table table thead tr th.top i { border-top-color: #333333; top: 3px; }
.table table thead tr th.down i { border-bottom-color: #333333; top: -3px; }
.table table tbody.pad10 tr td { padding: 10px 5px; }
.table table tbody tr.alignleft td { text-align: left; }
.table table tbody tr.alignleft td input { display: inline-block; vertical-align: middle; }
.table table tbody tr.alignleft td label { display: inline-block; vertical-align: middle; padding-left: 12px; }
.table table tbody tr:hover td { background: #f9fafb; }
.table table tbody tr:last-child td { border-bottom: none; }
.table table tbody tr td { text-align: center; border-bottom: 1px solid #f1f3f7; font-size: 14px; padding: 19px 5px; }
.table table tbody tr td .ellipsis { text-align: left; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; width: 100%; }
.table table tbody tr td .star { width: 113px; height: 18px; background: url(../images/star5.png) no-repeat 0 0; margin: 0 auto; position: relative; }
.table table tbody tr td .star.star4 { background-image: url(../images/star4.png); }
.table table tbody tr td .star.star3 { background-image: url(../images/star3.png); }
.table table tbody tr td .star.star2 { background-image: url(../images/star2.png); }
.table table tbody tr td .star.star1 { background-image: url(../images/star1.png); }
.table table tbody tr td img { height: 36px; }
.table table tbody tr td img.big { height: 68px; }
.table table tbody tr td .btn { display: inline-block; height: 20px; line-height: 20px; background: #00ccff; border-radius: 2px; -webkit-border-radius: 2px; color: white; font-size: 12px; border-bottom: 1px solid #00aeda; text-align: center; min-width: 60px; padding: 0 5px; box-sizing: border-box; cursor: pointer; }
.table table tbody tr td .btn + .btn { margin-left: 10px; }
.table table tbody tr td .btn.red { background: #f45a5a; border-color: #d73838; }
.table table tbody tr td .btn.purple { background: #cc99cc; border-color: #ac77ac; }
.table table tbody tr td .btn.blue { background: #0099cc; border: none; height: 28px; line-height: 28px; }
.table table tbody tr td .hasalertbox { display: inline-block; position: relative; }
.table table tbody tr td .hasalertbox .box { position: absolute; background: white; width: 158px; height: 76px; border: 1px solid #dadada; box-shadow: 0 1px 3px #dadada; z-index: 5; left: 50%; margin-left: -79px; top: -87px; box-sizing: border-box; padding: 10px; display: block; }
.table table tbody tr td .hasalertbox .box:after { width: 10px; height: 6px; position: absolute; content: ""; background: url(../images/icon_arrow6.png) no-repeat center center; bottom: -6px; left: 50%; margin-left: -5px; }
.table table tbody tr td .hasalertbox .box .title { line-height: 16px; margin-bottom: 20px; }
.table table tbody tr td .hasalertbox .box .btns .close { background: #cccccc; border-color: #f1f1f1; }
.table table tbody tr td .hasalertbox .box .btns .sure { background: #0099cc; border-color: #bbe4f1; }
.table table tbody tr td .imgtext, .table table tbody tr td.imgtext { white-space: nowrap; }
.table table tbody tr td .imgtext img, .table table tbody tr td.imgtext img { height: 78px; width: 78px; border: 1px solid #d0d0d0; display: inline-block; vertical-align: middle; }
.table table tbody tr td .imgtext h3, .table table tbody tr td.imgtext h3 { display: inline-block; font-size: 14px; font-weight: normal; vertical-align: middle; }
.table table tbody tr td .imgtext + .imgtext { margin-top: 10px; }
.table table tbody tr td .imgtext h3 { width: 85px; white-space: initial; text-align: left; }

.floatbox { margin: 15px 17px; }
.floatbox .left { float: left; }
.floatbox .left .del { font-size: 0; letter-spacing: 0; }
.floatbox .left .del input { display: inline-block; vertical-align: middle; margin: 0 0 0 12px; }
.floatbox .left .del label { display: inline-block; vertical-align: middle; font-size: 14px; padding-left: 15px; }
.floatbox .left .del .btn { display: inline-block; vertical-align: middle; padding: 0 16px 0 37px; height: 26px; line-height: 26px; background: url(../images/icon_del.png) no-repeat 14px center #f45a5a; font-size: 14px; color: white; border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; margin-left: 15px; }
.floatbox .left .del .btn.down { background: url(../images/icon_arrow5.png) no-repeat 14px center #00a01e; }
.floatbox .left .del .btn.up { background: url(../images/icon_arrow17.png) no-repeat 14px center #00a01e; }
.floatbox .left .del .btn.out { padding: 0 8px; min-width: 80px; text-align: center; background: #66b6ff; }
.floatbox .left .del .btn.tip { background: url(../images/icon_tip.png) no-repeat 13px center #f45a5a; }
.floatbox .right { float: right; }

.page { font-size: 0; letter-spacing: 0;float:right }
.page.alertpage { text-align: right; margin: 10px 18px 35px; }
.page li { display: inline-block; vertical-align: middle; font-size: 14px; color: #333333; }
.page li.text { border-right: 1px solid #d5d5d5; height: 26px; line-height: 26px; padding-right: 17px; font-size: 13px; }
.page li.curr a { color: white !important; background: #0099cc; border-color: #0099cc; }
.page li a { display: inline-block; height: 26px; line-height: 26px; padding: 0 5px; border: 1px solid #d5d5d5; cursor: pointer; color: #c4c4c4; min-width: 25px; text-align: center; border-left: none; vertical-align: top; box-sizing: border-box; }
.page li a:hover { color: #0099cc; }
.page li.prev a, .page li.next a, .page li.first a, .page li.last a { color: #333333; padding: 0; width: 24px; }
.page li.prev a { background: url(../images/icon_arrow13.png) no-repeat center center; }
.page li.next a { background: url(../images/icon_arrow14.png) no-repeat center center; }
.page li.first a { background: url(../images/icon_arrow15.png) no-repeat center center; }
.page li.last a { background: url(../images/icon_arrow16.png) no-repeat center center; }
.page li form, .page li .topage { font-size: 0; letter-spacing: 0; margin-left: 26px; }
.page li form input, .page li .topage input { display: inline-block; height: 26px; border: 1px solid #d5d5d5; color: #333333; width: 26px; text-align: center; vertical-align: middle; box-sizing: border-box; }
.page li form .btn, .page li .topage .btn { display: inline-block; vertical-align: middle; font-size: 12px; background: #0099cc; color: white; border: none; height: 26px; cursor: pointer; border-radius: 2px; -webkit-border-radius: 2px; margin-left: 10px; width: 26px; padding: 0; }

.setpower { margin: 39px 20px; }
.setpower .input { font-size: 0; letter-spacing: 0; margin-bottom: 22px; }
.setpower .input label { display: inline-block; vertical-align: middle; font-size: 14px; }
.setpower .input input, .setpower .input select { display: inline-block; vertical-align: middle; width: 158px; height: 34px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 10px; font-size: 14px; }
.setpower .list li .checkall { height: 34px; line-height: 34px; background: #eaedf1; font-size: 0; letter-spacing: 0; padding: 0 18px; }
.setpower .list li input { display: inline-block; vertical-align: middle; }
.setpower .list li label { display: inline-block; vertical-align: middle; font-size: 14px; }
.setpower .list li dl { font-size: 0; padding: 14px 18px; letter-spacing: 0; }
.setpower .list li dl dd { display: inline-block; vertical-align: middle; height: 14px; line-height: 14px; margin-right: 50px; margin-bottom: 7px; }
.setpower .btns { font-size: 0; letter-spacing: 0; margin-top: 14px; }
.setpower .btns input, .setpower .btns a { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; padding: 0 27px; font-size: 14px; color: white; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; }
.setpower .btns input { background: #0099cc; border: none; }
.setpower .btns a { background: #adadad; margin-left: 50px; }

.alertbox { position: fixed; width: 100%; top: 0; left: 0; height: 100%; background: rgba(255, 255, 255, 0.6); z-index: 100; display: none; }
.alertbox .box { position: fixed; width: 598px; left: 50%; margin-left: -299px; top: 88px; background: white; z-index: 200; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.62); border: 1px solid #d9d9d9; }
.alertbox .box .title { height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px solid #cccccc; font-size: 14px; color: #333333; }
.alertbox .box > .close { position: absolute; z-index: 2; width: 50px; height: 50px; top: 0; right: 0; background: url(../images/icon_close.png) no-repeat center center; cursor: pointer; }
.alertbox .box form { padding-top: 32px; }
.alertbox .box form .radiulist { margin: 0 28px 32px; }
.alertbox .box form .radiulist dt { margin-bottom: 22px; line-height: 16px; }
.alertbox .box form .radiulist dd { padding-left: 30px; line-height: 16px; background: url(../images/icon_radio.png) no-repeat 0 0; cursor: pointer; }
.alertbox .box form .radiulist dd.curr { background-image: url(../images/icon_radio_on.png); }
.alertbox .box form .radiulist dd p + p { margin-top: 12px; }
.alertbox .box form .radiulist dd + dd { margin-top: 21px; }
.alertbox .box form .scroll { height: 400px; overflow-y: auto; overflow-x: hidden; }
.alertbox .box form .couponalert { margin: 0 30px; text-align: center; }
.alertbox .box form .couponalert .img { font-size: 0; }
.alertbox .box form .couponalert .img img { max-width: 100%; }
.alertbox .box form .couponalert .des { margin: 12px 0 21px; line-height: 16px; }
.alertbox .box form .couponalert .result { margin: 30px 30px 60px; text-align: center; font-size: 20px; line-height: 22px; }
.alertbox .box form .textinput { margin: 0 30px 22px; font-size: 0; letter-spacing: 0; }
.alertbox .box form .textinput label { display: inline-block; vertical-align: middle; font-size: 14px; }
.alertbox .box form .textinput input, .alertbox .box form .textinput select { margin: 0 10px; display: inline-block; vertical-align: middle; font-size: 14px; width: 120px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 5px; }
.alertbox .box form .textinput select { padding: 0; }
.alertbox .box form .textinput .notes { display: inline-block; vertical-align: middle; font-size: 12px; }
.alertbox .box form .textinput a { display: inline-block; vertical-align: middle; font-size: 12px; color: #2659ff; text-decoration: underline; cursor: pointer; }
.alertbox .box form .des { margin: 0 31px; line-height: 16px; margin-bottom: 32px; }
.alertbox .box form .des.mar14 { margin: 0 14px 18px; }
.alertbox .box form .textarea { margin: 0 31px 32px; }
.alertbox .box form .textarea textarea { width: 100%; resize: none; height: 110px; border: 1px solid #cccccc; padding: 5px 10px; box-sizing: border-box; line-height: 16px; font-size: 14px; }
.alertbox .box form .input { margin-left: 31px; font-size: 0; letter-spacing: 0; margin-bottom: 21px; }
.alertbox .box form .input.mar14 { margin-left: 14px; }
.alertbox .box form .input label { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; font-size: 14px; min-width: 73px; }
.alertbox .box form .input > input, .alertbox .box form .input > select { width: 208px; height: 32px; line-height: 32px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 9px; font-size: 14px; }
.alertbox .box form .input > input.short, .alertbox .box form .input > select.short { width: 118px; }
.alertbox .box form .input > input.long, .alertbox .box form .input > select.long { width: 260px; }
.alertbox .box form .input > select + select { margin-left: 10px; }
.alertbox .box form .input > input + input { margin-left: 20px; }
.alertbox .box form .input > span { display: inline-block; vertical-align: top; font-size: 12px; margin-left: 10px; line-height: 32px; height: 32px; }
.alertbox .box form .input > em { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; width: 20px; font-size: 18px; text-align: center; }
.alertbox .box form .input a { color: #2659ff; font-size: 12px; cursor: pointer; text-decoration: underline; }
.alertbox .box form .input > input[type='file'] { border: none; width: auto; line-height: 32px; padding: 0; height: auto; line-height: normal; vertical-align: middle; display: inline-block; margin-top: 6px; }
.alertbox .box form .input > input[type='submit'], .alertbox .box form .input > input[type="button"], .alertbox .box form .input > input[type="reset"] { background: #0099cc; width: 58px; margin-left: 17px; border-color: #0099cc; color: white; cursor: pointer; }
.alertbox .box form .input > .map { width: 328px; height: 163px; margin: 10px 0 0 73px; }
.alertbox .box form .input .notices { font-size: 12px; color: #e00000; margin-left: 73px; }
.alertbox .box form .input .img { display: inline-block; position: relative; vertical-align: top; width: 100px; height: 100px; overflow: hidden; margin-bottom: 5px; }
.alertbox .box form .input .img img { width: 100%; height: 100%; }
.alertbox .box form .input .img em { position: absolute; width: 100%; bottom: 0; left: 0; font-size: 12px; height: 20px; line-height: 20px; text-align: center; color: white; background: rgba(0, 0, 0, 0.4); z-index: 2; }
.alertbox .box form .input .img input { position: absolute; z-index: 3; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; }
.alertbox .box form .table { margin-bottom: 32px; }
.alertbox .box form .hasno { margin: 0 31px 28px; display: none; }
.alertbox .box form .btns { padding: 19px 17px; text-align: right; font-size: 0; letter-spacing: 0; border-top: 1px solid #cccccc; }
.alertbox .box form .btns input { display: inline-block; vertical-align: middle; height: 30px; margin-left: 20px; padding: 0 14px; cursor: pointer; }
.alertbox .box form .btns input.btn { background: #0099cc; border: 1px solid #0099cc; color: white; }
.alertbox .box form .btns input.close { background: #f7f7f7; border: 1px solid #cccccc; }
.alertbox .box form .radius { margin: 0 17px 32px; }
.alertbox .box form .radius dd { font-size: 0; letter-spacing: 0; }
.alertbox .box form .radius dd + dd { margin-top: 20px; }
.alertbox .box form .radius dd .tit { display: inline-block; vertical-align: middle; width: 78px; font-size: 14px; line-height: 16px; }
.alertbox .box form .radius dd label { display: inline-block; vertical-align: middle; padding-left: 16px; margin-right: 38px; font-size: 14px; }
.alertbox .box form .radius dd label.mar16 { margin-right: 16px; }
.alertbox .box form .radius dd label.ba { padding: 0; margin-left: 6px; }
.alertbox .box form .radius dd input[type="radio"] { display: inline-block; vertical-align: middle; }
.alertbox .box form .radius dd input[type="text"] { display: inline-block; vertical-align: middle; height: 32px; width: 50px; padding: 0 9px; box-sizing: border-box; border: 1px solid #cccccc; }

.titleblue { margin: 25px 18px 20px; height: 56px; line-height: 56px; overflow: hidden; border-bottom: 1px solid #cbcbcb; }
.titleblue.noborder { height: 16px; line-height: 16px; margin: 0 18px 12px; border: none; }
.titleblue.mart36 { margin-top: 36px; }
.titleblue span { border-left: 2px solid #88b7e0; padding-left: 8px; display: inline-block; vertical-align: middle; height: 16px; line-height: 16px; }
.titleblue .return { float: right; padding: 0 15px 0 37px; background: url(../images/icon_return.png) no-repeat 15px center #f7f7f7; border: 1px solid #cccccc; height: 30px; line-height: 30px; margin-top: 13px; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; }

.bgform { margin: 20px 18px; background: #f8f9fb; border: 1px solid #cccccc; padding: 20px 30px 0; }
.bgform .input { float: left; margin-right: 135px; margin-bottom: 20px; }
.bgform .input.last { margin-right: 47px; }
.bgform .input.mar20 { margin-right: 20px; }
.bgform .input.mar0 { margin-right: 0; }
.bgform .input input { display: inline-block; vertical-align: middle; box-sizing: border-box; height: 34px; width: 208px; background: white; border: 1px solid #d2d2d2; text-indent: 10px; font-size: 14px; }
.bgform .input input.xs { width: 118px; }
.bgform .input input.xxs { width: 78px; }
.bgform .input select { width: 160px; display: inline-block; vertical-align: middle; box-sizing: border-box; height: 34px; background: white; border: 1px solid #d2d2d2; text-indent: 10px; font-size: 14px; }
.bgform .input label { display: inline-block; vertical-align: middle; font-size: 14px; }
.bgform .input span { font-size: 14px; margin: 0 5px; display: inline-block; vertical-align: middle; }
.bgform .input .other { display: inline-block; vertical-align: middle; font-size: 0; margin-left: 32px; }
.bgform .input .other span { display: inline-block; vertical-align: middle; font-size: 14px; padding: 0 6px; height: 22px; line-height: 22px; border: 1px solid #f8f9fb; cursor: pointer; }
.bgform .input .other span:hover { color: #49b5da; }
.bgform .input .other span.curr { color: #49b5da; border-color: #49b5da; }
.bgform .input .other span + span { margin-left: 10px; }
.bgform .btn { float: left; }
.bgform .btn input, .bgform .btn a { padding: 0 16px; height: 32px; line-height: 32px; border: none; background: #0099cc; cursor: pointer; color: white; border-radius: 1px; -webkit-border-radius: 1px; display: inline-block; }
.bgform .btn a { margin-left: 30px; background: #009f1e; }

.numberbox { background: #f8f9fb; margin: 12px 20px 17px; border: 1px solid #cccccc; height: 88px; overflow: hidden; }
.numberbox.refix li { width: 20%; }
.numberbox.refix li .tit { margin-top: 20px; }
.numberbox.refix li .num { margin-top: 7px; }
.numberbox li { float: left; width: 25%; text-align: center; line-height: 1; }
.numberbox li .tit { font-size: 14px; margin-top: 8px; color: #999999; }
.numberbox li .num { font-size: 30px; margin-top: 20px; }

.linetable { text-align: center; min-height: 325px; margin-bottom: 30px; }

.form1 { margin: 39px 20px; }
.form1 > .input { margin-bottom: 22px; padding-left: 132px; position: relative; }
.form1 > .input > label { display: block; position: absolute; height: 34px; line-height: 34px; text-align: right; width: 110px; left: 0; top: 0; }
.form1 > .input > input { width: 158px; height: 34px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 10px; }
.form1 > .input > input.xxs { width: 58px; }
.form1 > .input input[type='file'] { border: none; width: auto; height: auto; padding: 0; display: inline-block; vertical-align: bottom; margin-left: 20px; }
.form1 > .input .img { display: inline-block; width: 118px; height: 118px; border: 1px solid #cccccc; background: url(../images/icon_bg.png) no-repeat center center #d8d8d8; }
.form1 > .input .img img { width: 100%; height: 100%; }
.form1 > .input > span { margin-left: 10px; }
.form1 > .input textarea { width: 222px; height: 108px; border: 1px solid #cccccc; resize: none; padding: 10px; }
.form1 > .input .setio { height: 34px; line-height: 34px; background: #eaedf1; padding: 0 18px; overflow: hidden; margin-top: 1px; }
.form1 > .input .setio .btn { float: right; height: 24px; line-height: 24px; border-radius: 12px; -webkit-border-radius: 12px; min-width: 75px; padding: 0 2px; box-sizing: border-box; color: white; font-size: 0; letter-spacing: 0; margin-top: 5px; cursor: pointer; }
.form1 > .input .setio .btn:after, .form1 > .input .setio .btn:before { display: inline-block; vertical-align: middle; width: 18px; height: 18px; border-radius: 9px; -webkit-border-radius: 9px; background: white; content: ""; }
.form1 > .input .setio .btn .i, .form1 > .input .setio .btn .o { display: inline-block; vertical-align: middle; font-size: 14px; }
.form1 > .input .setio .btn .i { margin: 0 4px 0 10px; }
.form1 > .input .setio .btn .o { margin-left: 4px; }
.form1 > .input .setio .btn.i { background: #2baf2b; }
.form1 > .input .setio .btn.i .o, .form1 > .input .setio .btn.i:before { display: none; }
.form1 > .input .setio .btn.o { background: #e5383b; }
.form1 > .input .setio .btn.o .i, .form1 > .input .setio .btn.o:after { display: none; }
.form1 > .input .des { margin: 10px 18px; line-height: 24px; }
.form1 > .input .des p.tit { margin-top: 5px; }
.form1 > .input .des .input { margin-top: 8px; font-size: 0; letter-spacing: 0; }
.form1 > .input .des .input input { display: inline-block; vertical-align: middle; width: 158px; height: 34px; border: 1px solid #cccccc; box-sizing: border-box; padding: 0 10px; }
.form1 > .input .des .input input.xxs { width: 58px; }
.form1 > .input .des .input span { font-size: 14px; margin-left: 10px; display: inline-block; vertical-align: middle; }
.form1 > .input .des .checkbox { font-size: 0; letter-spacing: 0; }
.form1 > .input .des .checkbox dd { margin-right: 48px; font-size: 0; letter-spacing: 0; vertical-align: top; display: inline-block; }
.form1 > .input .des .checkbox dd input { display: inline-block; vertical-align: middle; }
.form1 > .input .des .checkbox dd label { display: inline-block; vertical-align: middle; font-size: 14px; padding-left: 15px; }
.form1 .spec { margin-left: 17px; }
.form1 .spec > label { display: block; margin-bottom: 22px; line-height: 1; }
.form1 .spec .input { padding-left: 146px; position: relative; margin-bottom: 16px; }
.form1 .spec .input label { position: absolute; width: 126px; height: 34px; line-height: 34px; text-align: right; top: 0; left: 0; }
.form1 .spec .input input { height: 34px; border: 1px solid #cccccc; width: 158px; padding: 0 10px; box-sizing: border-box; }
.form1 .btns { font-size: 0; letter-spacing: 0; margin-top: 26px; margin-left: 10px; }
.form1 .btns input, .form1 .btns a { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; padding: 0 27px; font-size: 14px; color: white; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; }
.form1 .btns input { background: #0099cc; border: none; }
.form1 .btns a { background: #adadad; margin-left: 50px; }
.form1 > .input .btn {
    background: #0099cc;
    border: 1px solid #0099cc;
    color: white;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-left: 20px;
    padding: 0 14px;
    cursor: pointer;
    line-height: 30px;
}

.form4 > .input .img { display: inline-block; width: 118px; height: 118px; border: 1px solid #cccccc; }
.form4 > .input .img img { width: 100%; height: 100%; }
.form4 > .input .btn {
    background: #0099cc;
    border: 1px solid #0099cc;
    color: white;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-left: 20px;
    padding: 0 14px;
    cursor: pointer;
    line-height: 30px;
}

.form2 { margin: 10px 18px; }
.form2 .togglebox { margin: 7px 0; }
.form2 .togglebox .titlegate { height: 34px; line-height: 34px; background: #eaedf1; overflow: hidden; cursor: pointer; padding: 0 18px; position: relative; }
.form2 .togglebox .titlegate:after { width: 14px; height: 8px; background: url(../images/icon_arrow8.png) no-repeat center center; content: ""; position: absolute; top: 13px; right: 18px; }
.form2 .togglebox.show .titlegate:after { background-image: url(../images/icon_arrow7.png); }
.form2 .togglebox.show .box { display: block; }
.form2 .togglebox .box { padding: 7px 0; display: none; }
.form2 .togglebox .box.table { padding: 0; margin: 0; }
.form2 .togglebox .box.table table tbody tr:last-child td .btn.add { display: inline-block; }
.form2 .togglebox .box.table table tbody tr td { padding: 8px; }
.form2 .togglebox .box.table table tbody tr td .btn.add, .form2 .togglebox .box.table table tbody tr td .hide { display: none; }
.form2 .togglebox .box.table table tbody tr td input { width: 218px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 13px; }
.form2 .togglebox .box.table table tbody tr td input.xxs { width: 80px; }
.form2 .togglebox .box .input { font-size: 0; letter-spacing: 0; padding: 0 18px; margin-bottom: 21px; }
.form2 .togglebox .box .input.mar24 { margin-top: 24px; margin-bottom: 0; }
.form2 .togglebox .box .input > label { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; width: 76px; font-size: 14px; }
.form2 .togglebox .box .input .checkbox { display: inline-block; vertical-align: middle; font-size: 0; letter-spacing: 0; vertical-align: top; }
.form2 .togglebox .box .input > input.choice { width: 106px; height: 30px; padding: 0; background: #f7f7f7; border-color: #cccccc; cursor: pointer; }
.form2 .togglebox .box .input .checkbox dd { display: inline-block; font-size: 0; letter-spacing: 0; vertical-align: top; height: 32px; line-height: 32px; margin-right: 30px; }
.form2 .togglebox .box .input .checkbox dd input { display: inline-block; vertical-align: middle; }
.form2 .togglebox .box .input .checkbox dd label { display: inline-block; vertical-align: middle; padding-left: 15px; font-size: 14px; margin-right: 14px; }
.form2 .togglebox .box .input span { font-size: 12px; height: 32px; line-height: 32px; display: inline-block; vertical-align: top; }
.form2 .togglebox .box .input span a { color: #2659ff; text-decoration: underline; cursor: pointer; }
.form2 .togglebox .box .input span.red { color: #e00000; }
.form2 .togglebox .box .input > select { width: 160px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; margin-right: 30px; }
.form2 .togglebox .box .input > select.xl { width: 210px; }
.form2 .togglebox .box .input > input { width: 160px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; margin-right: 30px; padding: 0 8px; }
.form2 .togglebox .box .input > input.xl { width: 210px; }
.form2 .togglebox .box .input > input.xxl { width: 342px; }
.form2 .togglebox .box .input > input.xxs { width: 60px; }
.form2 .togglebox .box .input span.btn {
    background: #0099cc;
    border: 1px solid #0099cc;
    color: white;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-left: 20px;
    padding: 0 14px;
    cursor: pointer;
    line-height: 30px;
    width:30px;
}
.form2 .togglebox .box .input .imgs { display: inline-block; vertical-align: top; font-size: 0; letter-spacing: 0; }
.form2 .togglebox .box .input .imgs dd { display: inline-block; width: 98px; height: 98px; position: relative; border: 1px solid #cccccc; margin-right: 19px; }
.form2 .togglebox .box .input .imgs dd img { width: 100%; height: 100%; }
.form2 .togglebox .box .input .imgs dd span { position: absolute; width: 22px; height: 22px; top: 0; right: 0; background: rgba(0, 0, 0, 0.4) url(../images/icon_del.png) no-repeat center center; cursor: pointer; z-index: 2; }
.form2 .togglebox .box .input .file { display: inline-block; vertical-align: bottom; }
.form2 .togglebox .box .input .file input { display: inline-block; }
.form2 .togglebox .box .input .file span { display: block; }
.form2 .togglebox .box .input textarea { width: 340px; height: 108px; padding: 5px 8px; box-sizing: border-box; border: 1px solid #cccccc; display: inline-block; vertical-align: top; resize: none; }
.form2 .togglebox .box .input .radio { display: inline-block; vertical-align: top; }
.form2 .togglebox .box .input .radio dd { margin-bottom: 22px; font-size: 0; letter-spacing: 0; }
.form2 .togglebox .box .input .radio dd input[type="radio"] { display: inline-block; vertical-align: middle; }
.form2 .togglebox .box .input .radio dd input[type="text"] { width: 160px; height: 34px; border: 1px solid #cccccc; vertical-align: middle; margin-left: 19px; }
.form2 .togglebox .box .input .radio dd select { width: 210px; height: 34px; border: 1px solid #cccccc; vertical-align: middle; margin-left: 19px; }
.form2 .togglebox .box .input .radio dd label { font-size: 14px; padding-left: 14px; display: inline-block; vertical-align: middle; }
.form2 .togglebox .box .input .radio dd span { display: inline-block; vertical-align: middle; margin-left: 31px; font-size: 12px; }
.form2 .togglebox .box .input .radio dd span a { color: #2659ff; text-decoration: underline; cursor: pointer; }

.form2 .togglebox .box .input1 { font-size: 0; letter-spacing: 0; padding: 0 18px; margin-bottom: 21px; }
.form2 .togglebox .box .input1.mar24 { margin-top: 24px; margin-bottom: 0; }
.form2 .togglebox .box .input1 > label { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; width: 76px; font-size: 14px; }

.form2 .togglebox .box .addtype { margin-left: 92px; padding-top: 12px; }
.form2 .togglebox .box .addtype ul li .inputbox { display: inline-block; background: #f7f7f7; padding: 11px 4px 11px 0; font-size: 0; letter-spacing: 0; }
.form2 .togglebox .box .addtype ul li .inputbox dd { font-size: 0; letter-spacing: 0; display: inline-block; vertical-align: middle; }
.form2 .togglebox .box .addtype ul li .inputbox dd label { display: inline-block; vertical-align: middle; font-size: 14px; margin-left: 13px; }
.form2 .togglebox .box .addtype ul li .inputbox dd input { display: inline-block; vertical-align: middle; height: 32px; width: 160px; background: white; border: 1px solid #cccccc; margin-right: 7px; padding-left:5px;}
.form2 .togglebox .box .addtype ul li .del { display: inline-block; margin-left: 18px; width: 20px; height: 20px; background: url(../images/icon_close.png) no-repeat center center #f7f7f7; cursor: pointer; vertical-align: middle; }
.form2 .togglebox .box .addtype .btn { margin: 22px 0 15px; display: inline-block; width: 106px; height: 32px; border: 1px solid #cccccc; cursor: pointer; background: #f7f7f7; }
.form2 .btns { margin-top: 25px; }
.form2 .btns .submit, .form2 .btns .close { width: 80px; height: 32px; display: inline-block; text-align: center; border: none; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; color: white; background: #0099cc; }
.form2 .btns .close { background: #adadad; line-height: 32px; margin-left: 50px; }

.form3 { margin: 0 18px; }
.form3 .input { position: relative; padding-left: 107px; min-height: 32px; margin-bottom: 16px; }
.form3 .input label { position: absolute; width: 107px; top: 0; left: 0; height: 32px; line-height: 32px; text-align: right; }
.form3 .input input { height: 32px; border: 1px solid #cccccc; box-sizing: border-box; width: 341px; padding: 0 10px; }
.form3 .input .table { margin: 0; }
.form3 .input .table table tr th { width: 80px; }
.form3 .input .table table tr th:first-child { width: auto; }
.form3 .input .table table tr td { padding: 5px 10px; }
.form3 .input .table table tr td input { width: 69px; text-align: center; }
.form3 .input .table table tr td .area { position: relative; padding-right: 140px; }
.form3 .input .table table tr td .area .box { font-size: 14px; line-height: 24px; text-align: left; }
.form3 .input .table table tr td .area .btns { position: absolute; width: 140px; right: 0; top: 50%; margin-top: -10px; text-align: center; }
.form3 .input .table table tr td .area .btns .btn { border: none; width: 60px; padding: 0; }
.form3 .input .table table tr td .area .btns .btn.del { background: #f45a5a; border-bottom: #d73838; }
.form3 .input .table .addnew { height: 36px; line-height: 36px; padding: 0 15px; border-top: 1px solid #cccccc; }
.form3 .input .table .addnew a { color: #00749b; }
.form3 .btns { width: 100%; text-align: center; margin: 25px 0; }
.form3 .btns .btn { width: 80px; height: 32px; border: none; display: inline-block; background: #0099cc; border-radius: 1px; -webkit-border-radius: 1px; color: white; cursor: pointer; }

.form4 { margin: 10px 18px; }
.form4 .tit { height: 34px; line-height: 34px; padding: 0 18px; background: #eaedf1; margin-bottom: 12px; }
.form4 .input { font-size: 0; letter-spacing: 0; padding: 0 18px; margin-bottom: 21px; }
.form4 .input > label { display: inline-block; height: 32px; line-height: 32px; vertical-align: top; width: 76px; font-size: 14px; }
.form4 .input select { width: 210px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; margin-right: 30px; }
.form4 .input select.xs { width: 96px; }
.form4 .input input textarea { width: 160px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; margin-right: 30px; padding: 0 8px; }
.form4 .input input.xl { width: 210px; }
.form4 .input input.xxl { width: 342px; }
.form4 .input input.xxs { width: 60px; }
.form4 .input input[type="radio"], .form4 .input input[type="checkbox"] { width: 14px; height: 14px; padding: 0; margin: 0; }
.form4 .input .radiolist { display: inline-block; vertical-align: top; }
.form4 .input .radiolist dd { font-size: 0; letter-spacing: 0; }
.form4 .input .radiolist dd + dd { margin-top: 21px; }
.form4 .input .radiolist input { vertical-align: middle; display: inline-block; }
.form4 .input .radiolist label { display: inline-block; vertical-align: middle; padding-left: 17px; font-size: 14px; margin-right: 16px; }
.form4 .input .radiolist select { vertical-align: middle; }
.form4 .input .checkbox { display: inline-block; vertical-align: middle; font-size: 0; letter-spacing: 0; vertical-align: top; }
.form4 .input .checkbox dd { display: inline-block; font-size: 0; letter-spacing: 0; vertical-align: top; height: 32px; line-height: 32px; margin-right: 30px; }
.form4 .input .checkbox dd input { display: inline-block; vertical-align: middle; }
.form4 .input .checkbox dd label { display: inline-block; vertical-align: middle; padding-left: 15px; font-size: 14px; margin-right: 14px; }
.form4 .input .checkbox dd .radio { display: inline-block; vertical-align: top; }
.form4 .input .checkbox dd .radio dd { margin-bottom: 22px; font-size: 0; letter-spacing: 0; }
.form4 .input .checkbox dd .radio dd input[type="radio"] { display: inline-block; vertical-align: middle; }
.form4 .input .checkbox dd .radio dd input[type="text"] { width: 160px; height: 34px; border: 1px solid #cccccc; vertical-align: middle; margin-left: 19px; }
.form4 .input .checkbox dd .radio dd select { width: 210px; height: 34px; border: 1px solid #cccccc; vertical-align: middle; margin-left: 19px; }
.form4 .input .checkbox dd .radio dd label { font-size: 14px; padding-left: 14px; display: inline-block; vertical-align: middle; }
.form4 .input .checkbox dd .radio dd span { display: inline-block; vertical-align: middle; margin-left: 31px; font-size: 12px; }
.form4 .input .checkbox dd .radio dd span a { color: #2659ff; text-decoration: underline; cursor: pointer; }
.form4 .input .checkbox .addtype { margin-left: 92px; padding-top: 12px; }
.form4 .input .checkbox .addtype ul li .inputbox { display: inline-block; background: #f7f7f7; padding: 11px 4px 11px 0; font-size: 0; letter-spacing: 0; }
.form4 .input .checkbox .addtype ul li .inputbox dd { font-size: 0; letter-spacing: 0; display: inline-block; vertical-align: middle; }
.form4 .input .checkbox .addtype ul li .inputbox dd label { display: inline-block; vertical-align: middle; font-size: 14px; margin-left: 13px; }
.form4 .input .checkbox .addtype ul li .inputbox dd input { display: inline-block; vertical-align: middle; height: 32px; width: 160px; background: white; border: 1px solid #cccccc; margin-right: 7px; }
.form4 .input .checkbox .addtype ul li .del { display: inline-block; margin-left: 18px; width: 20px; height: 20px; background: url(../images/icon_close.png) no-repeat center center #f7f7f7; cursor: pointer; vertical-align: middle; }
.form4 .input .checkbox .addtype .btn { margin: 22px 0 15px; display: inline-block; width: 106px; height: 32px; border: 1px solid #cccccc; cursor: pointer; background: #f7f7f7; }
.form4 .inputs { padding: 0 18px; font-size: 0; letter-spacing: 0; }
.form4 .inputs dd { display: inline-block; vertical-align: middle; font-size: 0; letter-spacing: 0; }
.form4 .inputs dd label { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 20px; }
.form4 .inputs dd input { display: inline-block; vertical-align: middle; height: 32px; width: 110px; box-sizing: border-box; padding: 0 8px; border: 1px solid #cccccc; }
.form4 .inputs dd span { display: inline-block; vertical-align: middle; margin: 0 28px 0 16px; font-size: 14px; }
.form4 .btns { margin-top: 25px; }
.form4 .btns .submit, .form4 .btns .close { width: 80px; height: 32px; display: inline-block; text-align: center; border: none; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; color: white; background: #0099cc; }
.form4 .btns .close { background: #adadad; line-height: 32px; margin-left: 50px; }

.form5 { margin: 10px 18px; }
.form5 .tit { height: 34px; line-height: 34px; padding: 0 18px; background: #eaedf1; margin-bottom: 12px; }
.form5 .input { padding: 0 18px 0 140px; margin-bottom: 21px; position: relative; }
.form5 .input .red { line-height: 16px; display: inline-block; vertical-align: middle; font-size: 14px; }
.form5 .input > label { position: absolute; left: 18px; top: 0; height: 32px; line-height: 32px; }
.form5 .input input { width: 110px; height: 32px; box-sizing: border-box; border: 1px solid #cccccc; padding: 0 8px; }
.form5 .input input.xs { width: 50px; }
.form5 .input input.xxl { width: 545px; }
/*.form5 > .input .setio .btn .i, .form1 > .input .setio .btn .o { display: inline-block; vertical-align: middle; font-size: 14px; }*/
/*.form5 > .input .setio .btn .i { margin: 0 4px 0 10px; }*/
/*.form5 > .input .setio .btn .o { margin-left: 4px; }*/
/*.form5 > .input .setio .btn.i { background: #2baf2b; }*/
/*.form5 > .input .setio .btn.i .o, .form1 > .input .setio .btn.i:before { display: none; }*/
/*.form5 > .input .setio .btn.o { background: #e5383b; }*/
/*.form5 > .input .setio .btn.o .i, .form1 > .input .setio .btn.o:after { display: none; }*/

.form5 .input input[type="radio"], .form5 .input input[type="checkbox"] { width: 14px; height: 14px; padding: 0; margin: 0; }
.form5 .input .checkbox { font-size: 0; letter-spacing: 0; vertical-align: middle; }
.form5 .input .checkbox.inlineblock { display: inline-block; vertical-align: middle; }
.form5 .input .checkbox dd { display: inline-block; font-size: 0; letter-spacing: 0; vertical-align: top; height: 32px; line-height: 32px; }
.form5 .input .checkbox dd + dd { margin-left: 30px; }
.form5 .input .checkbox dd input { display: inline-block; vertical-align: middle; }
.form5 .input .checkbox dd label { display: inline-block; vertical-align: middle; padding-left: 15px; font-size: 14px; margin-right: 14px; }
.form5 .inputs { font-size: 0; letter-spacing: 0; margin-top: 7px; }
.form5 .inputs dd { display: inline-block; vertical-align: middle; font-size: 0; letter-spacing: 0; }
.form5 .inputs dd label { display: inline-block; vertical-align: middle; font-size: 14px; margin-right: 10px; }
.form5 .inputs dd input { display: inline-block; vertical-align: middle; height: 32px; width: 110px; box-sizing: border-box; padding: 0 8px; border: 1px solid #cccccc; }
.form5 .inputs dd span { display: inline-block; vertical-align: middle; margin: 0 28px 0 8px; font-size: 14px; }
.form5 .inputs select{ width: 110px;display: inline-block;vertical-align: middle;box-sizing: border-box;height: 34px;background: white;border: 1px solid #d2d2d2;text-indent: 10px;font-size: 14px;}
.form5 .btns { margin-top: 25px; }
.form5 .btns .submit, .form5 .btns .close { width: 80px; height: 32px; display: inline-block; text-align: center; border: none; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; color: white; background: #0099cc; }
.form5 .btns .close { background: #adadad; line-height: 32px; margin-left: 50px; }

.ordertype { margin: 0 18px; min-height: 400px; padding-left: 259px; position: relative; }
.ordertype > .left { position: absolute; width: 238px; top: 0; left: 0; border: 1px solid #cccccc; }
.ordertype > .left > .tit { margin: 0 19px; height: 52px; line-height: 52px; border-bottom: 1px solid #edeff3; }
.ordertype > .left dl { margin: 0 19px 19px; }
.ordertype > .left dl dt { margin-top: 22px; line-height: 16px; padding-left: 5px; border-left: 2px solid #0099cc; margin-bottom: 14px; }
.ordertype > .left dl dd { line-height: 16px; margin-bottom: 11px; }
.ordertype > .left dl dd.hastwo { position: relative; padding-left: 72px; min-height: 16px; }
.ordertype > .left dl dd.hastwo .tit { width: 72px; position: absolute; left: 0; top: 0; height: 16px; line-height: 16px; color: #999999; }
.ordertype > .left dl dd.hastwo .view { line-height: 16px; }
.ordertype > .right { border: 1px solid #cccccc; }
.ordertype > .right .orderclose { margin: 16px; padding-left: 58px; height: 48px; line-height: 48px; background: url(../images/icon_close2.png) no-repeat 0 center; }
.ordertype > .right .ordersuccess { margin: 18px 16px 22px; position: relative; padding-left: 213px; min-height: 48px; }
.ordertype > .right .ordersuccess span { height: 48px; padding-left: 58px; background: url(../images/icon_waring.png) no-repeat 0 center; font-size: 16px; line-height: 48px; position: absolute; top: 0; left: 0; }
.ordertype > .right .ordersuccess .des { font-size: 16px; line-height: 28px; padding-top: 10px; }
.ordertype > .right .orderwaring { margin: 18px 16px 22px; font-size: 0; letter-spacing: 0; }
.ordertype > .right .orderwaring span { display: inline-block; vertical-align: middle; height: 48px; padding-left: 58px; background: url(../images/icon_waring.png) no-repeat 0 center; font-size: 14px; line-height: 48px; margin-right: 39px; }
.ordertype > .right .orderwaring .input { width: 194px; height: 34px; border: 1px solid #cccccc; padding: 0 10px; box-sizing: border-box; display: inline-block; vertical-align: middle; margin-right: 21px; }
.ordertype > .right .orderwaring select.input { padding: 0; }
.ordertype > .right .orderwaring .btn { min-width: 90px; text-align: center; background: #0099cc; color: white; font-size: 14px; border-radius: 1px; -webkit-border-radius: 1px; border: none; display: inline-block; vertical-align: middle; height: 32px; cursor: pointer; }
.ordertype > .right .table { margin-bottom: 14px; }
.ordertype > .right .table table tbody.pad12 tr td { padding: 12px; }
.ordertype > .right .table table tbody tr td { padding: 0 12px 12px; }
.ordertype > .right .table table tbody tr td:nth-child(1) { text-align: left; }
.ordertype > .right .table table tbody tr td.ordernum { padding: 0 12px; height: 36px; line-height: 36px; border-bottom: none; }

.orderstep { display: block; background: #f8f9fb; border: 1px solid #cccccc; padding: 18px 0 15px; margin: 0 18px 21px; font-size: 0; letter-spacing: 0; }
.orderstep dd { font-size: 14px; display: inline-block; vertical-align: middle; width: 25%; text-align: center; height: 114px; position: relative; color: #999999; }
.orderstep dd:after { width: 68px; height: 68px; left: 50%; margin-left: -34px; top: 24px; background: url(../images/icon_right2.png) no-repeat 0 0; content: ""; position: absolute; z-index: 2; }
.orderstep dd:before { z-index: 1; position: absolute; content: ""; height: 2px; background: #999999; width: 100%; left: 0; top: 57px; }
.orderstep dd:first-child:before { width: 50%; left: 50%; }
.orderstep dd:last-child:before { width: 50%; }
.orderstep dd .tit { position: absolute; width: 100%; left: 0; top: 0; }
.orderstep dd .time { position: absolute; width: 100%; left: 0; bottom: 0; color: #999999; }
.orderstep dd.curr { color: #0099cc; }
.orderstep dd.curr:after { background-image: url(../images/icon_right.png); }
.orderstep dd.curr:before { background: #0099cc; }

.yunfeibody .addnew { margin: 38px 18px 16px; }
.yunfeibody .addnew .btn { display: inline-block; height: 32px; line-height: 32px; text-align: center; min-width: 106px; padding: 0 12px; box-sizing: border-box; background: #0099cc; border-radius: 1px; -webkit-border-radius: 1px; color: white; }
.yunfeibody .slidebox { margin: 0 18px 19px; }
.yunfeibody .slidebox.show .title:after { background-image: url(../images/icon_arrow9.png); }
.yunfeibody .slidebox.show .table { display: block; }
.yunfeibody .slidebox .title { height: 38px; line-height: 38px; background: #f8f9fb; border: 1px solid #cccccc; position: relative; }
.yunfeibody .slidebox .title > span { display: block; padding: 0 20px; height: 100%; position: relative; z-index: 2; }
.yunfeibody .slidebox .title:after { width: 13px; height: 13px; right: 19px; top: 12px; position: absolute; content: ""; background: url(../images/icon_arrow10.png) no-repeat center center; z-index: 1; }
.yunfeibody .slidebox .title .btns { position: absolute; top: 9px; right: 54px; height: 21px; font-size: 0; letter-spacing: 0; z-index: 3; }
.yunfeibody .slidebox .title .btns .btn { display: inline-block; min-width: 60px; text-align: center; height: 20px; line-height: 20px; border-radius: 2px; -webkit-border-radius: 2px; font-size: 12px; color: white; vertical-align: top; border: none; cursor: pointer; margin-right: 24px; }
.yunfeibody .slidebox .title .btns .btn.edit { box-shadow: 0 1px 0 1px #00aeda; background: #00ccff; }
.yunfeibody .slidebox .title .btns .btn.del { background: #f45a5a; box-shadow: 0 1px 0 1px #c82727; }
.yunfeibody .slidebox .title .btns .btn.close { background: #cccccc; line-height: normal; }
.yunfeibody .slidebox .title .btns .btn.sure { background: #0099cc; line-height: normal; }
.yunfeibody .slidebox .title .del { display: inline-block; vertical-align: top; position: relative; }
.yunfeibody .slidebox .title .del .box { position: absolute; background: white; width: 176px; height: 76px; border: 1px solid #cccccc; border-radius: 2px; -webkit-border-radius: 2px; left: 50%; margin-left: -88px; top: -87px; z-index: 10; display: block; }
.yunfeibody .slidebox .title .del .box:after { width: 10px; height: 6px; left: 50%; margin-left: -5px; bottom: -6px; content: ""; position: absolute; background: url(../images/icon_arrow6.png) no-repeat center center; }
.yunfeibody .slidebox .title .del .box .des { margin: 10px; text-align: center; font-size: 14px; line-height: 16px; height: 24px; }
.yunfeibody .slidebox .title .del .box .btns { position: relative; top: 0; right: 0; text-align: center; }
.yunfeibody .slidebox .title .del .box .btns .btn { margin: 0; }
.yunfeibody .slidebox .title .del .box .btns .btn + .btn { margin-left: 20px; }
.yunfeibody .slidebox .table { margin: 0; display: none; border-top: none; }
.yunfeibody .slidebox .table table thead tr th { background: white; }
.yunfeibody .slidebox .table table tbody tr td { padding: 10px 20px; }
.yunfeibody .slidebox .table table tbody tr td:first-child { text-align: left; }

.errorbox { width: 636px; height: 42px; position: absolute; top: 50%; margin-top: -224px; left: 50%; margin-left: -318px; background: url(../images/error.png) no-repeat center center; padding: 387px 0 17px; text-align: center; font-size: 0; letter-spacing: 0; }
.errorbox .btn { display: inline-block; vertical-align: middle; width: 125px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #007ee2; font-size: 20px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; }
.errorbox .btn + .btn { margin-left: 56px; }
.errorbox .btn.return { color: white; background: #007ee2; }
.errorbox .btn.home { color: #007ee2; }

.areabody { margin: 0 18px; font-size: 0; letter-spacing: 0; }
.areabody .areabox { display: inline-block; vertical-align: middle; font-size: 14px; }
.areabody .areabox .tit { width: 268px; height: 38px; line-height: 38px; text-align: center; background: #f8f9fb; border: 1px solid #cccccc; }
.areabody .areabox .box { width: 228px; height: 280px; border: 1px solid #cccccc; padding: 15px 20px; border-top: none; overflow-y: auto; overflow-x: hidden; }
.areabody .areabox .box ul > li { margin-bottom: 5px; }
.areabody .areabox .box ul > li span { display: block; line-height: 16px; padding: 5px 0 5px 22px; background: url(../images/icon_arrow9.png) no-repeat 0 center; cursor: pointer; }
.areabody .areabox .box ul > li span.curr { color: #0099cc; }
.areabody .areabox .box ul > li ol { display: none; }
.areabody .areabox .box ul > li ol li span { padding-left: 44px; background-position: 22px center; }
.areabody .areabox .box ul > li ol li dl { display: none; }
.areabody .areabox .box ul > li ol li dl dd { line-height: 16px; padding: 5px 0 5px 66px; cursor: pointer; }
.areabody .areabox .box ul > li ol li dl dd.curr { color: #0099cc; }
.areabody .btnbox { width: 72px; display: inline-block; vertical-align: middle; margin: 0 30px; }
.areabody .btnbox .btn { width: 72px; height: 36px; border: none; display: inline-block; cursor: pointer; border-radius: 7px; -webkit-border-radius: 7px; color: white; font-family: "simhei"; }
.areabody .btnbox .btn.add { background: #0099cc url(../images/icon_arrow11.png) no-repeat 44px center; text-align: left; padding-left: 11px; }
.areabody .btnbox .btn.del { margin-top: 20px; background: #e00000 url(../images/icon_arrow12.png) no-repeat 16px center; text-align: right; padding-right: 11px; }
.areabody .btns { width: 672px; text-align: center; margin: 25px 0; }
.areabody .btns .btn { width: 80px; height: 32px; border: none; display: inline-block; background: #0099cc; border-radius: 1px; -webkit-border-radius: 1px; color: white; cursor: pointer; }

.viewbody { margin: 0 18px; }
.viewbody .tit { height: 34px; line-height: 34px; padding: 0 18px; background: #eaedf1; }
.viewbody .list { margin: 12px 18px 18px; }
.viewbody .list dd { font-size: 0; letter-spacing: 0; margin-bottom: 18px; }
.viewbody .list dd label { display: inline-block; vertical-align: top; width: 75px; font-size: 14px; }
.viewbody .list dd span { display: inline-block; vertical-align: top; font-size: 14px; }
.viewbody .btn { width: 80px; height: 32px; background: #0099cc; border: none; border-radius: 1px; -webkit-border-radius: 1px; color: white; cursor: pointer; }

.promotion { margin: 0 18px; font-size: 0; letter-spacing: 0; }
.promotion li { display: inline-block; width: 220px; height: 72px; background: #f8f9fb url(../images/icon_quan.png) no-repeat 13px center; background-size: 52px 52px; margin: 0 75px 20px 0; vertical-align: middle;}
.promotion li a { display: block; padding: 17px 0 17px 75px; font-size: 14px; color: #333333; line-height: 16px; }
.promotion li a span { display: block; margin-top: 8px; color: #999999; }

.topbtns { margin: 0 18px; }
.topbtns a { display: inline-block; height: 32px; line-height: 32px; color: white; border-radius: 1px; -webkit-border-radius: 1px; cursor: pointer; padding: 0 11px; background: #0099cc; }
.topbtns a + a { margin-left: 31px; }

.togglebody { margin: 15px 18px; }
.togglebody.show > .tit:after { background-image: url(../images/icon_arrow9.png); }
.togglebody.show > .box { display: block; }
.togglebody > .tit { height: 38px; line-height: 38px; background: #f8f9fb; border: 1px solid #cccccc; position: relative; }
.togglebody > .tit span { display: block; height: 100%; position: relative; z-index: 2; padding: 0 18px; }
.togglebody > .tit:after { width: 13px; height: 13px; top: 13px; right: 18px; position: absolute; content: ""; background: url(../images/icon_arrow10.png) no-repeat 0 0; z-index: 1; }
.togglebody > .tit .btn { position: absolute; z-index: 3; top: 9px; right: 55px; font-size: 0; letter-spacing: 0; }
.togglebody > .tit .delbox { display: inline-block; position: relative; margin-left: 24px; }
.togglebody > .tit .delbox .waringbox { position: absolute; width: 176px; background: white url(../images/icon_waring2.png) no-repeat 8px 16px; z-index: 10; border: 1px solid #cccccc; left: 50%; margin-left: -88px; bottom: 100%; margin-bottom: 11px; border-radius: 2px; -webkit-border-radius: 2px; padding: 14px 9px 11px 35px; box-sizing: border-box; font-size: 14px; line-height: 26px; display: none; }
.togglebody > .tit .delbox .waringbox:after { width: 10px; height: 6px; background: url(../images/icon_arrow6.png) no-repeat center center; left: 50%; margin-left: -5px; bottom: -6px; content: ""; position: absolute; }
.togglebody > .tit .delbox .box { position: absolute; width: 176px; height: 76px; background: white; z-index: 10; border: 1px solid #cccccc; left: 50%; margin-left: -88px; top: -89px; border-radius: 2px; -webkit-border-radius: 2px; display: none; }
.togglebody > .tit .delbox .box:after { width: 10px; height: 6px; background: url(../images/icon_arrow6.png) no-repeat center center; left: 50%; margin-left: -5px; bottom: -6px; content: ""; position: absolute; }
.togglebody > .tit .delbox .box .tit { text-align: center; margin: 9px; height: 26px; line-height: 16px; font-size: 14px; }
.togglebody > .tit .delbox .box .btn { position: relative; text-align: center; top: 0; right: 0; }
.togglebody > .tit .delbox .box .btn input { min-width: 60px; }
.togglebody > .tit .delbox .box .btn input + input { margin-left: 20px; }
.togglebody > .tit input { min-width: 70px; padding: 0 9px; box-sizing: border-box; border: none; color: white; border-radius: 2px; -webkit-border-radius: 2px; font-size: 12px; height: 20px; vertical-align: top; cursor: pointer; }
.togglebody > .tit input.edit { background: #00ccff; box-shadow: 0 1px 0 1px #00aeda; }
.togglebody > .tit input.del { background: #f45a5a; box-shadow: 0 1px 0 1px #c82727; }
.togglebody > .tit input.close { background: #cccccc; }
.togglebody > .tit input.sure { background: #0099cc; }
.togglebody > .box { display: none; }
.togglebody > .box .topbox { margin: 21px 0 12px; }
.togglebody > .box .topbox .search select.xxl { width: 253px; }
.togglebody > .box .table { margin: 0; }
.togglebody > .box .table table td .prodes { width: 250px; font-size: 0; letter-spacing: 0; }
.togglebody > .box .table table td .prodes .img { display: inline-block; vertical-align: middle; width: 78px; height: 78px; border: 1px solid #cccccc; }
.togglebody > .box .table table td .prodes .img img { width: 100%; height: 100%; }
.togglebody > .box .table table td .prodes .text { display: inline-block; vertical-align: middle; width: 160px; margin-left: 10px; text-align: left; }
.togglebody > .box .table table td .prodes .text h3 { font-size: 14px; font-weight: normal; line-height: 16px; margin-bottom: 14px; }
.togglebody > .box .table table td .prodes .text span { line-height: 1; display: block; font-size: 14px; }
.togglebody > .box .floatbox { margin: 15px 0 43px; }
.togglebody > .box .floatbox .left .del input { margin: 0; }
.togglebody > .box .floatbox .left .del .btn.blue { background: #66b6ff; padding: 0 13px; }

.hide{
    display: none;
}
.alertbox{
    display: block;
}
.alertbox .box form .input .btn {
    background: #0099cc;
    border: 1px solid #0099cc;
    color: white;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    margin-left: 20px;
    padding: 0 14px;
    cursor: pointer;
    line-height: 30px;
}
.form2 .togglebox .box .input .xl> select{
    width: 210px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    margin-right: 30px;
}
.alertbox .box form .input > input, .alertbox .box form .input .short> select {
    width: 118px;
    height: 32px;
    line-height: 32px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    padding: 0 9px;
    font-size: 14px;
}
.proDetail { margin: 0 36px; }
.proDetail .box.show .input { display: block; }
.proDetail .box.show .input.gate:after { background-image: url(../images/icon_arrow7.png); }
.proDetail .box .input { position: relative; padding-left: 98px; margin-bottom: 21px; display: none; }
.proDetail .box .input label { position: absolute; height: 34px; line-height: 34px; top: 0; left: 0; width: 90px; text-align: right; }
.proDetail .box .input input[type="text"] { width: 419px; height: 34px; line-height: 34px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #d2d2d2; }
.proDetail .box .input input[type="text"].xs { width: 120px; }
.proDetail .box .input span { margin-left: 12px; }
.proDetail .box .input.gate { padding: 8px 0 8px 98px; border: 1px solid #d2d2d2; position: relative; display: block; }
.proDetail .box .input.gate:after { content: ""; right: 17px; width: 14px; height: 8px; top: 50%; margin-top: -4px; background: url(../images/icon_arrow8.png) no-repeat center center; position: absolute; z-index: 2; }
.proDetail .box .input.gate label { top: 8px; }
.proDetail .box .input.gate input[type="button"] { position: absolute; height: 22px; top: 50%; margin-top: -11px; right: 51px; font-size: 12px; color: white; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 0 11px; background: #ff5000; border: none; z-index: 2; }
.proDetail .box .input textarea { resize: none; width: 419px; box-sizing: border-box; height: 110px; padding: 5px 10px; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #d2d2d2; }
.proDetail .btn { margin: 40px auto; }
.proDetail .btn input { height: 32px; padding: 0 20px; background: #0099cc; color: white; border: none; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; }
.proDetail .gate{position:relative;}
.proDetail .gate .btn {position:absolute; right:50px; top:-26px; background: #00ccff; border-radius: 2px; -webkit-border-radius: 2px; color: white; border-bottom: 1px solid #00aeda; text-align: center; min-width: 60px; padding: 0 5px; box-sizing: border-box; cursor: pointer; border: none; }
.proDetail .gate .btn + .btn { margin-left: 10px; right:120px; }
.proDetail .gate .btn.red { background: #f45a5a; border-color: #d73838; }
.proDetail .gate .btn.hide { display:none; }

.rightmain .main1
{width:100%; height:100%; position:relative; z-index:0;margin-top: -30px;}
#poto
{border:none;}
.rightmain #search
{position:absolute; left:2%; top:70px; z-index:1; font-size:16px; color:#333333; background-color:white;}
.rightmain #search input
{margin-left:10px; width:150px; height:24px; padding:2px 2px; outline:none; border:1px solid #CCCCCC;}
.rightmain #search a
{background-color:#0099CC; padding:4px 10px; color:white; margin-left:10px; text-decoration:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.report_list{display:block; margin:10px 36px; padding:10px 10px; background-color:white; border: 1px solid #cccccc;}
.report_list li{display:block; width:16%; margin:0 1%; padding:1% 1%; float:left; background-color:#f8f9fb;}
.report_list li div{padding:5px 0 5px 40px; font-size:16px; background:url("../images/icon_r1.png") no-repeat left center; background-size:contain;}
.report_list li div.r2{background-image:url("../images/icon_r2.png");}
.report_list li div.r3{background-image:url("../images/icon_r3.png");}
.report_list li div.r4{background-image:url("../images/icon_r4.png");}
.report_list li div.r5{background-image:url("../images/icon_r5.png");}
.report_list li p{font-size:18px; padding:10px 0 5px 5px;}.bgform .btn input.yellow_bg{background-color:#ff5500;}
.form2 .togglebox .titlegate .btn { display: inline-block; height: 20px; line-height: 20px; background: #00ccff; border-radius: 2px; -webkit-border-radius: 2px; color: white; font-size: 12px; border-bottom: 1px solid #00aeda; text-align: center; min-width: 60px; padding: 0 5px; box-sizing: border-box; cursor: pointer; border: none; margin-left:20px;}


.proDetail { margin: 0 36px; }
.proDetail .box.show .input { display: block; }
.proDetail .box.show .input.gate:after { background-image: url(../images/icon_arrow7.png); }
.proDetail .box .input { position: relative; padding-left: 98px; margin-bottom: 21px; display: none; }
.proDetail .box .input label { position: absolute; height: 34px; line-height: 34px; top: 0; left: 0; width: 90px; text-align: right; }
.proDetail .box .input input[type="text"] { width: 419px; height: 34px; line-height: 34px; padding: 0 10px; box-sizing: border-box; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #d2d2d2; }
.proDetail .box .input input[type="text"].xs { width: 120px; }
/*.proDetail .box .input span { margin-left: 12px; }*/
.proDetail .box .input.gate { padding: 8px 0 8px 98px; border: 1px solid #d2d2d2; position: relative; display: block; }
.proDetail .box .input.gate:after { content: ""; right: 17px; width: 14px; height: 8px; top: 50%; margin-top: -4px; background: url(../images/icon_arrow8.png) no-repeat center center; position: absolute; z-index: 2; }
.proDetail .box .input.gate label { top: 8px; }
.proDetail .box .input.gate input[type="button"] { position: absolute; height: 22px; top: 50%; margin-top: -11px; right: 51px; font-size: 12px; color: white; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; padding: 0 11px; background: #ff5000; border: none; z-index: 2; }
.proDetail .box .input textarea { resize: none; width: 419px; box-sizing: border-box; height: 110px; padding: 5px 10px; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #d2d2d2; }
.proDetail .btn { margin: 40px auto; }
.proDetail .btn input { height: 32px; padding: 0 20px; background: #0099cc; color: white; border: none; cursor: pointer; border-radius: 3px; -webkit-border-radius: 3px; }
.proDetail .gate{position:relative;}
.proDetail .gate .btn {position:absolute; right:50px; top:-26px; background: #00ccff; border-radius: 2px; -webkit-border-radius: 2px; color: white; border-bottom: 1px solid #00aeda; text-align: center; min-width: 60px; padding: 0 5px; box-sizing: border-box; cursor: pointer; border: none; }
.proDetail .gate .btn + .btn { margin-left: 10px; right:120px; }
.proDetail .gate .btn.red { background: #f45a5a; border-color: #d73838; }
.proDetail .gate .btn.hide { display:none; }